以NamoWebEditor实作会员管理系统.PPT

第12章 以Namo WebEditor實作會員管理系統 大綱 實作目標 注意事項 建立網站架構 程式撰寫 新增功能 外觀美化 整合測試 結論 實作目標 將上一章節所撰寫之會員管理系統，透過 Namo WebEditor 輔助，建立架構、配色、版型及美工。 注意事項 在 Namo WebEditor 中編輯純PHP檔案時，在存檔時為了控制版型，Namo 會自動在檔尾補上nbsp;非中斷式換行符號，如下圖： 注意事項Cont. 這種nbsp;符號會對程式執行造成影響，因此請在程式撰寫完成，並完成存檔後。以一般的文書編輯軟體如NotePad開啟開檔案，並刪除下列（通常均在檔尾）： pnbsp;/p 刪除該行 方能正常執行 建立網站架構 選用布景主題 建立網站資訊 完成網站架構樹 細部調整 變更網頁名稱 變更檔名結果 手動補檔 公用程式網頁 sql_connect.php my_msg.php PHP執行檢查網頁 add_chk.php del_chk.php login_chk.php mod_chk.php mod_passwd_chk.php 補檔：公用程式 在網站本地檔案管理員上，點選滑鼠右鍵，選擇『開新檔案』-『文件』。 選擇『元件』-『空白01』（其實選擇任何一種文件類型均可）。 鍵入其名稱：sql_connect.php，即完成新增公用程式sql_connect.php。 另一公用程式my_msg.php如法炮製即可。 補檔：PHP執行檢查網頁 在網站結構樹相關的網頁上（如add_chk.php便是與會員註冊add.html相關），點選滑鼠右鍵，選擇『開新檔案』-『文件』。 選擇『元件』-『空白01』（其實選擇任何一種文件類型均可）。 鍵入其中文名稱：會員註冊檢查。 因此網頁為執行程式，不需要出現在導覽列中供使用者點選，因此需改變此網頁在導覽列中的狀態。在網頁上點選滑鼠右鍵，並關閉『啟用導覽』功能，此時可見網頁由藍色變成灰色，亦即此網頁將不會出現在導覽列中。 鍵入網頁實體名稱，變更為add_chk.php。 如此即完成一執行檢查網頁的新增。 其他的執行檢查網頁如法炮製即可。 補檔完成後的導覽樹 在HTML編輯模式撰寫PHP 撰寫公用程式 以Namo WebEditor開啟sql_connect.php檔案 切換編輯模式至HTML模式。 將以下內容覆蓋sql_connect.php原檔： ? /* Connecting, selecting database */ $link = mysql_connect(localhost, root, 123456) or die(Could not connect : . mysql_error()); //echo Connected successfully; mysql_select_db(example) or die(Could not select database); ? 撰寫公用程式 Cont. my_msg.php作法亦同，將以下內容覆蓋my_msg.php原檔 ? Function my_header($redirect){ echo script language=\javascript\; echo location.href=.$redirect.; echo /script; return; } Function my_msg($msg,$redirect){ echo SCRIPT Language=javascript; echo window.alert(.$msg.); echo /SCRIPT; echo script language=\javascript\; echo location.href=.$redirect.; echo /script; return; } ? 注意 撰寫時請注意，務必清除nbsp;符號 這種nbsp;符號會對程式執行造成影響，因此請在程式撰寫完成，並完成存檔後。以一般的文書編輯軟體如NotePad開啟開檔案，並刪除下列（通常均在檔尾）： 建立各個模組 以建立會員註冊模組為例 add.html（用於提供會員註冊表單） add_chk.php（用於檢查會員輸入資料並新增資料庫資料） 我們可直接引用前一章的程式碼插入，作法如下： 建立會員註冊模組 Cont. 以Namo WebEditor開啟add.html， 在一般編輯模式時，將游標放在HTML檔身的第一行，並切換至HTML編輯模式。 此時在HTML模式中游標所在的位置，便是我們要插入程式碼的位置，先清除以下不需要的HTML敘述。 在此處貼上以下的程式碼即完成，程式碼如下： add.html 程