註解:

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

關於登入頁面

您的網路應用程式可以包含讓已註冊使用者登入網站的頁面。

登入頁面是由下列建置組塊構成:

  • 已註冊使用者的資料庫表格

  • 讓使用者輸入使用者名稱和密碼的 HTML 表單

  • 確認輸入的使用者名稱和密碼有效的「登入使用者」伺服器行為

    使用者登入成功時,系統會為使用者產生包含使用者名稱的 Session 變數。

建立已註冊使用者的資料庫表格

您需要已註冊使用者的資料庫表格,才能確認在登入頁面中輸入的使用者名稱和密碼是否有效。

  1. 請使用資料庫應用程式和註冊頁面來建立表格。如需說明,請參閱下方的相關主題連結。

    建立登入頁面的下一步是在頁面中加入 HTML 表單,讓使用者登入。如需說明,請參閱下一個主題。

加入可讓使用者登入的 HTML 表單

若要讓使用者輸入使用者名稱和密碼以登入網站,必須在頁面中加入 HTML 表單。

  1. 建立頁面 (「檔案 > 開新檔案 > 空白頁面」),並使用 Dreamweaver 設計工具來配置登入頁面。
  2. 將插入點放在您要表單出現的位置,然後從「插入」選單選擇「表單」,以加入 HTML 表單。

    網頁上便會建立空白的表單。您可能必須啟用「隱藏元素」(「檢視>視覺輔助>隱藏元素」),才能看見表單的邊界 (以紅色細線表示)。

  3. 要為 HTML 表單命名時,請按一下「文件」視窗底部的 <form> 標籤以選取表單,然後開啟「屬性」檢視窗 (「視窗 > 屬性」) 並在「表單名稱」方塊中輸入名稱。

    您不需要針對當使用者按下「送出」按鈕時表單傳送記錄資料的方式與位置,來指定表單的 actionmethod 屬性。「登入使用者」伺服器行為會為您設定這些屬性。

  4. 在表單中加入使用者名稱和密碼文字欄位 (「插入>表單>文字欄位」)。

    在各文字欄位旁加上標籤 (文字或影像) 後,並將文字欄位對齊放置在 HTML 表格中,再將表格的 border 屬性設為 0。

  5. 在表單中新增「送出」按鈕 (「插入>表單>按鈕」)。

    如果要更改「送出」按鈕上的標籤,請選取按鈕,開啟「屬性」檢視窗 (「視窗 > 屬性」),在「標籤」方塊中輸入新的值。

    建立登入頁面的下一步是新增「登入使用者」伺服器行為,以確認輸入的使用者名稱和密碼有效。

確認使用者名稱和密碼

您必須在登入頁面中加入「登入使用者」伺服器行為,以確保使用者輸入的使用者名稱和密碼有效。

當使用者在登入頁面上按下「送出」按鈕時,「登入使用者」伺服器行為將會比較使用者輸入的值與已註冊使用者的值。如果值相同,伺服器行為會開啟某個頁面 (通常是網站的歡迎畫面)。如果值不相同,伺服器行為則開啟另一個頁面 (通常是警告使用者登入失敗的頁面)。

  1. 在「伺服器行為」面板 (「視窗>伺服器行為」) 中,按一下加號 (+) 按鈕,然後從彈出式選單中選取「使用者驗證>登入使用者」。
  2. 指定瀏覽者用來輸入使用者名稱和密碼的表單與表單物件。
  3. (ColdFusion) 輸入使用者名稱和密碼 (如果適用)。
  4. 指定資料庫表格與欄 (含有所有已註冊使用者的使用者名稱和密碼)。

    伺服器行為會將瀏覽者在登入頁面中輸入的使用者名稱和密碼,與這些欄中的值比較。

  5. 指定在登入程序成功時要開啟的頁面。

    指定的頁面通常是網站的歡迎畫面。

  6. 指定在登入程序失敗時要開啟的頁面。

    這個指定的頁面通常會警告使用者登入程序失敗,讓使用者再試一次。

  7. 如果您希望使用者嘗試存取限制頁面後被轉送到登入頁面,讓使用者能在登入之後重返該限制頁面,請選取「前往上一個 URL」選項。

    如果使用者嘗試不先登入就直接開啟限制頁面,則限制頁面可以將使用者轉送到登入頁面。在使用者成功登入之後,登入頁面會將使用者轉送回起先將使用者轉送到登入頁面的限制頁面。

    註解:

    在完成這些頁面的「限制存取頁面」伺服器行為對話方塊之後,請確定在「如果拒絕存取,即前往」方塊中指定您的登入頁面。

  8. 指定授與頁面存取權限時,是只要依據使用者名稱和密碼即可,或是也要另外依據授權層級;然後按一下「確定」。

    伺服器行為便會加入至登入頁面中,以確保瀏覽者輸入的使用者名稱和密碼有效。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策