建立註冊頁面

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

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

關於註冊頁面

您的網頁應用程式可包含一個頁面,要求使用者在首次造訪您的網站時進行註冊。

註冊頁面是由下列建置組塊構成:

  • 用於儲存使用者登入資訊的資料庫表格

  • 讓使用者選取使用者名稱和密碼的 HTML 表單

    您 也可以使用表單從 使用者取得其他個人資訊。

  • 用於更新網站使用者資料庫表格的「插入記錄」伺服器行為

  • 用於確保使用者 輸入的使用者名稱未被其他使用者使用的「檢查新使用者名稱」伺服器行為

儲存使用者登入資訊

註冊頁面需要資料庫表格來儲存使用者輸入的登入資訊。

  • 請確保您的資料庫表格包含 使用者名稱和密碼欄。如果您希望已登入的使用者擁有 不同的存取權限,請加入存取權限欄。
  • 如果您想為網站的所有使用者設定通用密碼,請設定您的資料庫應用程式 (Microsoft Access、Microsoft SQL Server、Oracle 等等),預設在每個新使用者記錄中輸入密碼。在大多數資料庫應用程式中, 您可以設定欄位在每次建立新記錄時使用預設值。 請將預設值設定為密碼。
  • 您也可以使用資料庫表格來儲存有關 使用者的其他實用資訊。

    建立註冊頁面的下一步是將 HTML 表單新增到註冊頁面,讓使用者選擇使用者 名稱和密碼 (如適用)。

新增 HTML 表單以選取 使用者名稱和密碼

您可將 HTML 表單新增到註冊 頁面,讓使用者選取使用者名稱和密碼 (如適用)。

建立頁面 (「檔案」> 「新增」> 「空白頁面」) 並使用 Dreamweaver 設計工具配置您的註冊頁面。
將插入點放在您想要 表單出現的位置,並從「插入」選單選取「表單」,以新增 HTML 表單。

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

透過按下「文件」視窗 底部的 <form> 標記來選取表單、開啟 「屬性」檢視窗 (「視窗」> 「屬性」) 並在「表單名稱」框中輸入 名稱,為 HTML 表單命名。

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

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

表單也可以有更多表單物件來記錄其他 個人資料。

您應該在每個表單物件旁新增標籤 (文字或影像) 來告訴使用者它們的用途。您也應該 透過將表單物件放在 HTML 表格內來對齊它們。 如需表單物件的詳細資訊,請參閱建立 網頁表單

新增提交按鈕至表單(「插入」> 「表單」>「按鈕」)。

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

建立註冊頁面的下一步是新增「插入記錄」 伺服器行為,以便在資料庫的使用者表格中插入記錄。

更新使用者的資料庫表格

您必須新增「插入記錄」伺服器行為 至註冊頁面,以更新資料庫中的使用者表格。

在「伺服器行為」面板(「視窗」> 「伺服器行為」)中,按一下加號 (+) 按鈕,然後從彈出式選單中選取「插入記錄」。

「插入記錄」對話方塊便會出現。

完成對話框,確保指定資料庫中要插入使用者資料的使用者表格。 按一下「確定」。

建立註冊頁面的最後步驟是確保 使用者名稱未被其他已註冊使用者使用。

新增伺服器行為以確保 唯一的使用者名稱

您 可以新增伺服器行為至使用者註冊頁面,以便在將該使用者新增至已註冊使用者資料庫 之前,先驗證使用者名稱是否為唯一。

當使用者按一下註冊頁面 上的提交按鈕時,伺服器行為會將使用者輸入的使用者 名稱與儲存在已註冊使用者資料庫表格中的使用者名稱進行比較。如果在資料庫表格中找不到符合的使用者名稱,伺服器行為會正常執行插入記錄 操作。如果找到相符的使用者名稱,伺服器行為會取消插入記錄操作並開啟新頁面(通常是提示使用者該使用者名稱已被使用的頁面)。

在「伺服器行為」面板(「視窗」> 「伺服器行為」)中,按一下加號 (+) 按鈕,然後從彈出式選單中選取「使用者驗證」> 「檢查新使用者名稱」。
在「使用者名稱欄位」彈出式選單中,選取訪客用來輸入使用者名稱的表單文字 欄位。
在「如果已存在,請移至」方塊中,指定當在資料庫表格中找到符合的使用者名稱時要開啟的頁面,然後 按一下「確定」。

開啟的頁面應提示使用者該使用者名稱已被使用,並讓使用者再試一次。