註解:

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

關於註冊頁面

您的網路應用程式可以包含使用者第一次造訪網站時,必須先進行註冊的頁面。

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

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

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

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

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

  • 用來確定使用者所輸入的使用者名稱,尚未有其他使用者使用的「檢查新使用者名稱」伺服器行為

儲存使用者登入資訊

註冊頁面必須要有資料庫表格,才能儲存使用者輸入的登入資訊。

  • 請確定您的資料庫表單中包含使用者名稱和密碼兩欄。如果要讓登入的使用者具有不同的存取權限,請再加入存取權限欄。
  • 如果您要設定一個所有使用者共用的密碼,請預設讓您的資料庫應用程式 (Microsoft Access、Microsoft SQL Server、Oracle 等) 在每一筆新的使用者記錄中輸入密碼。大多數的資料庫應用程式都可以在每次產生新的記錄時,將欄設定為預設值。請將預設值設定為密碼。
  • 您也可使用資料庫表格儲存其他與使用者相關的實用資訊。

    建立註冊頁面的下一步是在註冊頁面中加入 HTML 表單,讓使用者選擇使用者名稱及密碼 (如果適用)。

加入可用來選取使用者名稱和密碼的 HTML 表單

您必須在註冊頁面中加入 HTML 表單,才能讓使用者選取使用者名稱和密碼 (如果適用)。

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

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

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

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

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

    您也可以在這個表單中加入更多表單物件,記錄其他個人資料。

    您應該在每個表單物件旁邊加上標籤 (文字或影像),告訴使用者表單物件的意義。此外,您還應將表單物件放置在 HTML 表格中並對齊。如需有關表單物件的詳細資訊,請參閱建立網站表單

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

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

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

更新使用者的資料庫表格

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

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

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

  2. 完成對話方塊後,請確認已在資料庫中指定可插入使用者資料的使用者表格。按一下「確定」。

    建立註冊頁面的最後一步是確定使用者名稱尚未由其他已註冊的使用者所使用。

加入伺服器行為以確保使用者名稱是唯一的

您可以在使用者註冊頁面中加入伺服器行為,以便進行這種檢查,先確定使用者名稱是獨一無二的,再新增使用者到已註冊使用者的資料庫。

當使用者在註冊頁面上按下「送出」按鈕時,伺服器行為將會比較使用者輸入的使用者名稱與已註冊使用者儲存於資料庫表格中的使用者名稱。如果在資料庫表格中沒有找到相同的使用者名稱,則伺服器行為會繼續正常執行插入記錄的作業。如果找到相同的使用者名稱,則伺服器行為會取消插入記錄的作業,並且開啟新頁面 (通常是警告輸入的使用者名稱已有人使用的頁面)。

  1. 在「伺服器行為」面板 (「視窗>伺服器行為」) 中,按一下加號 (+) 按鈕,然後從彈出式選單中選取「使用者驗證>檢查新使用者名稱」。
  2. 在「使用者名稱欄位」彈出式選單中,選取瀏覽者要輸入使用者名稱的表單文字欄位。
  3. 在「如果已經存在,即前往」方塊中,指定如果在資料庫表格中找到相符的使用者名稱時要開啟的頁面,然後按一下「確定」。

    這個頁面應該警告使用者,所輸入的使用者名稱已經有人使用,讓使用者再試一次。

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

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