使用手冊 取消

使用表單向使用者收集資訊

 

 

註解:

Dreamweaver CC (含) 以後版本的使用者介面已經簡化了。因此,您在 Dreamweaver CC 和更新版本中可能會找不到本文所描述的一些選項。如需詳細資訊,請參閱本文

關於向使用者收集資訊

您可以利用網站表單或超文字連結向使用者收集資訊,並將這項資訊儲存在伺服器的記憶體中,然後再根據使用者輸入的內容,使用這項資訊建立動態回應。收集資訊最常用的工具是 HTML 表單和超文字連結。

HTML 表單

可以讓您收集來自使用者的資訊,並將該資訊儲存在伺服器的記憶體中。HTML 表單可以將資訊視為表單參數或 URL 參數傳送。

超文字連結

可以讓您收集來自使用者的資訊,並將該資訊儲存在伺服器的記憶體中。您要指定一個值 (或多個值),讓使用者按一下連結 (偏好設定) 時能將這個值送出,例如:將值附加到錨點標籤中所指定的 URL。當使用者按一下連結時,瀏覽器會將 URL 和附加值傳送到伺服器。

HTML 表單參數

表單參數是藉由使用 POSTGET 方法的 HTML 表單傳送至伺服器。

使用 POST 方法時,會將參數當做文件檔頭的一部分傳送至網頁伺服器,任何使用一般方法檢視頁面的使用者都無法看到或存取這些參數。POST 方法應該用於會影響資料庫內容的值 (例如插入、更新或刪除記錄),或用於藉由電子郵件傳送的值。

GET 方法則是將參數附加到要求的 URL。所有檢視頁面的人都可以看到參數。GET 方法應該用於搜尋表單。

您可以使用 Dreamweaver 來快速設計將表單參數傳送給伺服器的 HTML 表單。請小心選擇您用來將資訊從瀏覽器傳輸到伺服器的方法。

表單參數會採用對應表單物件的名稱。例如,如果您的表單中包含名為 txtLastName 的文字欄位,則當使用者按一下「送出」按鈕時,下列表單參數便會傳送至伺服器:

txtLastName=enteredvalue
txtLastName=enteredvalue
txtLastName=enteredvalue

在網路應用程式預期有精確參數值的情況下 (例如,當它根據其中一個選項來執行動作時),請使用選項按鈕、核取方塊或清單/選單表單物件,以控制使用者可送出的值。這麼做可以防止使用者輸入錯誤資訊,而造成應用程式錯誤。下列範例顯示提供三種選項的彈出式選單表單:

彈出式選單表單

每個選單選項會對應到一個硬式編碼值,而這個值會以表單參數的形式送出至伺服器。在下列範例中,「清單值」對話方塊會將每個清單項目和值 (Add、Update 或 Delete) 進行配對:

「清單值」對話方塊

建立表單參數之後,Dreamweaver 就可以擷取該值,並在網路應用程式中使用。在 Dreamweaver 中定義表單參數之後,便可以在網頁內插入其值。

URL 參數

透過 URL 參數,您可以將使用者提供的資訊從瀏覽器傳遞給伺服器。當伺服器收到要求,而且參數已附加到要求的 URL 時,伺服器會在將要求的網頁提供給瀏覽器之前,先將該網頁的存取權提供給參數。

URL 參數是附加到 URL 的名稱/值配對。此參數是以問號 (?) 開頭, 並採用格式 name=value 的格式。如果有一個以上的 URL 參數,則每個參數會以 & 分隔。下列範例會顯示具有兩組名稱/值配對的 URL 參數:

http://server/path/document?name1=value1&name2=value2
http://server/path/document?name1=value1&name2=value2
http://server/path/document?name1=value1&name2=value2

在這個範例工作流程中,應用程式是一個網路架構的店面。由於網站的開發人員想要盡可能吸引各地的使用者族群,因此將網站設計為支援外幣。當使用者登入網站時,可以選取要用何種貨幣來檢視可用項目的價格。

  1. 瀏覽器會向伺服器要求 report.cfm 網頁。這項要求包含 URL 參數 Currency="euro"。Currency="euro" 變數指定擷取到的所有金額都要以歐盟的歐元 (Euro) 來顯示。

  2. 伺服器會將 URL 參數暫時儲存在記憶體中。

  3. report.cfm 網頁會使用該參數,以歐元擷取各個項目的費用。這些金額可以儲存在不同貨幣的資料庫表格中,或是從每個項目相關的單一貨幣轉換為應用程式支援的任何貨幣。

  4. 伺服器會將 report.cfm 網頁傳送至瀏覽器,並以要求的貨幣單位顯示項目的價值。當這位使用者結束工作階段時,伺服器會清除 URL 參數的值,並釋放伺服器記憶體以保留新使用者的要求。

    當 HTTP 的 GET 方法與 HTML 表單結合使用時,也會建立 URL 參數。送出表單時,GET 方法會指定要將參數值附加到 URL 要求。

    URL 參數的一般用法,包括根據使用者的偏好設定,對網站進行個人化動作。例如,由使用者名稱和密碼組成的 URL 參數可以用來對使用者進行驗證,而且只顯示使用者已訂閱的資訊。這種常見範例包括財務網站,這類網站會根據使用者先前所選擇的股票市場符號,顯示個別股票價格。網路應用程式研發人員通常會使用 URL 參數,將值傳遞給應用程式內的變數。例如,您可以在網路應用程式中將搜尋條件傳遞給 SQL 變數,產生搜尋結果。

使用 HTML 錨點標籤的 href 屬性,在 HTML 連結內建立 URL 參數。您可以在「程式碼」檢視 (「檢視 > 程式碼」) 中,將 URL 參數直接輸入該屬性中,或是在「屬性」檢視窗的「連結」方塊中,將 URL 參數附加至該連結 URL 的結尾。

在以下範例中,三個連結建立了單一的 URL 參數 (action) 並具有三個可能的值 (AddUpdateDelete)。當使用者按一下連結時,便會將參數值傳送至伺服器,並執行所要求的動作。

<a href="http://www.mysite.com/index.cfm?action=Add">Add a record</a>
<a href="http://www.mysite.com/index.cfm?action=Update">Update a record</a>
<a href="http://www.mysite.com/index.cfm?action=Delete">Delete a record</a>
<a href="http://www.mysite.com/index.cfm?action=Add">Add a record</a> <a href="http://www.mysite.com/index.cfm?action=Update">Update a record</a> <a href="http://www.mysite.com/index.cfm?action=Delete">Delete a record</a>
<a href="http://www.mysite.com/index.cfm?action=Add">Add a record</a> 
<a href="http://www.mysite.com/index.cfm?action=Update">Update a record</a> 
<a href="http://www.mysite.com/index.cfm?action=Delete">Delete a record</a>

您可以使用「屬性」檢視窗 (「視窗 > 屬性」) 來建立相同的 URL 參數,方法是選取該連結,然後在「連結」方塊中,將該 URL 參數值附加至該連結 URL 的結尾。

屬性檢視窗

建立 URL 參數之後,Dreamweaver 就可以擷取該值,並在網路應用程式中使用。在 Dreamweaver 中定義 URL 參數之後,便可以在網頁內插入其值。

更快、更輕鬆地獲得協助

新的使用者?