2011-11-07 70 views
3

我正在製作一個網站的管理頁面。目前,它允許用戶看到一組他們可以刪除,編輯或添加(創建新)的「產品」。通過允許用戶使用一些javascript/css在屏幕頂部顯示的表單上填寫/編輯值,來添加和編輯這兩項工作。通過JavaScript進行網站圖像管理 - 處理這個問題的好方法是什麼?

,我碰到的問題是,我需要讓管理員選擇的圖像與他們創造的產品或編輯與此表單關聯。爲了讓事情變得容易,讓我們假設所有可選圖像已經保存在「ROOT/images」文件夾中。

我怎樣才能爲用戶選擇這種形式在服務器上的圖像提供了一個漂亮的界面?我不能預先將所有的圖像與網頁一起發送,以防萬一最終成千上萬,我不知道如何讓客戶端的網頁通過javascript訪問服務器端的東西。我有限制使用{PHP/MySql/JavaScript(如果我需要它/ w/jQuery)/ HTML/CSS} - 任何人都可以給我一個關於如何完成這個任務的想法,或者什麼是常見的替代方式圍繞這個問題是?

+2

僅限於*標準網絡技術?這太苛刻了。 – Blender

+0

是的,是的:如果我沒有說,你可以打賭,一些答案會超出界限。 –

回答

3

你基本上要求一個目錄列表是通過JavaScript可用。

所以,你可以寫一個PHP腳本,列出圖像作爲JSON編碼陣列。

該腳本可以處理像搜索更多的行動和分頁,這樣你就不會需要傳輸的數據過多(一次)。

+0

這聽起來不錯,但它有點過頭了 - 你能解釋一些還是發送一個鏈接到一個體面的例子/教程?我不太瞭解如何使用php腳本從頁面中選擇圖像,而不需要從php導航到服務器端。或者你建議JavaScript以某種方式調用PHP腳本,並讓它返回一個值呢? –

+0

是的,JavaScript通過AJAX調用腳本(jQuery有這個),所以它基本上是一個遠程過程調用,返回目錄列表。 – hakre

+1

@ w00te,因爲你是PHP和JavaScript的新手我想我會提到PHP有一個['json_encode()'](http://php.net/manual/en/function.json-encode.php)函數將東西轉換爲JSON,JavaScript使用['JSON.parse()'](https://developer.mozilla.org/En/Using_native_JSON)方法將JSON數據轉換爲JS對象。如果你使用jQuery,你也可以使用['jQuery.parseJSON'](http://api.jquery.com/jQuery.parseJSON/)。 –

3

如果有數以千計的圖片,有在顯示他們都在一個頁面上沒有用。我(親自)不能一次處理多個圖像並在其中作出有效選擇(更不用說等待它們全部加載)。

我想嘗試和標籤系統分配給圖像(如果可能的話),並簡化了流程的接口:

Search for an product: __________________ [ search ] 

Results: 
______  ______  ______  ______ 
|  | |  | |  | |  | 
|  | |  | |  | |  | 
|  | |  | |  | |  | 
|______| |______| |______| |______| 

______  ______  ______  ______ 
|  | |  | |  | |  | 
|  | |  | |  | |  | 
|  | |  | |  | |  | 
|______| |______| |______| |______| 

       [ See more... ] 

您可以使用jQuery使界面花哨(圖像負荷你鍵入,See more...按鈕加載8更多的圖像,他們淡入,無用滑動等)

另一種方法是刮一個圖像網站。如果圖像是產品,您可以亞馬遜的查詢並加載他們的圖像。但是如果你使用他們的圖片,你可能會遇到版權問題(我不知道)。

+0

謝謝你,+1,因爲我可能會使用這種界面以及其他答案。我喜歡動畫建議,使它看起來更專業。 –

+0

有點像文件管理器中的圖標視圖?我喜歡這個想法。 – Blender

+0

正是我希望達到的目標:)雖然我一直都是C++ /非Web C#程序員,所以我仍然試圖圍繞如何實現Web域中的某些事情。在製作gui時,需要一些練習來考慮服務器端/客戶端方面的所有內容。 :) –

相關問題