建立登入頁面

上次更新時間 2024年4月25日
備註

Dreamweaver 和更高版本的用戶介面已經簡化。 因此,您在 Dreamweaver 和更高版本中可能會找不到本文所描述的一些選項。 如需詳細資訊,請參閱本文

關於登入頁面

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

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

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

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

  • 登入使用者伺服器行為,以確保輸入的使用者名稱和密碼有效

    當使用者成功登入時,會為使用者建立一個由使用者名稱組成的工作階段變數。

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

您需要一個註冊使用者的資料庫表格,以驗證在登入頁面中輸入的使用者名稱和密碼是否有效。

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

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

新增 HTML 表單讓使用者登入

您可以在頁面中新增 HTML 表單,讓使用者 透過輸入使用者名稱和密碼來登入。

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

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

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

您不需要為表單指定 actionmethod 屬性,來告訴它當使用者按一下「送出」按鈕時,要在何處以及如何傳送記錄資料。「登入使用者」伺服器行為 會為您設定這些屬性。

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

在每個文字欄位旁新增標籤(文字或影像),並將文字欄位放置在 HTML 表格內,同時將表格的 border 屬性設定為 0 來對齊文字欄位。

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

您可以透過選取 按鈕、開啟「屬性」檢視窗 (「視窗」> 「屬性」),然後在「標籤」方塊中輸入新值來變更「送出」按鈕的標籤。

建置登入頁面的 下一步是新增「登入使用者」伺服器 行為來驗證輸入的使用者名稱和密碼是否有效。

確認使用者名稱和密碼

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

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

在「伺服器行為」面板 (「視窗」> 「伺服器行為」) 中,按一下加號 (+) 按鈕並從彈出選單中選取「使用者驗證」> 「登入使用者」。
指定訪客用來輸入使用者名稱和密碼的表單和表單物件。
(ColdFusion) 輸入使用者名稱和密碼 (如果適用)。
指定包含所有註冊使用者的使用者名稱和密碼的資料庫表格和欄位。

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

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

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

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

指定的頁面通常會通知使用者登入失敗,並讓使用者再試一次。

如果您希望使用者在嘗試存取受限頁面後被轉發到登入頁面,並在登入後回到該受限頁面,請選取「前往上一個 URL」選項。

如果使用者嘗試在未先登入的情況下透過開啟受限頁面來存取您的網站,受限頁面可以將使用者轉發到登入頁面。使用者成功登入後,登入頁面會將使用者重新導向到最初將他們轉發到登入頁面的受限頁面。

備註

當您完成這些頁面上「限制頁面存取權」伺服器行為的對話框時,請確保在「如果拒絕存取權,前往」框中指定您的登入頁面。

指定是僅根據使用者名稱和密碼還是同時根據授權層級來授權憑證頁面存取權,然後按一下「確定」。

伺服器行為已新增到登入頁面,以確保訪客輸入的使用者名稱和密碼有效。