1、第12章,以Namo WebEditor實作會員管理系統,大綱,實作目標注意事項建立網站架構程式撰寫新增功能外觀美化整合測試結論,實作目標,將上一章節所撰寫之會員管理系統，透過 Namo WebEditor 輔助，建立架構、配色、版型及美工。,注意事項,在 Namo WebEditor 中編輯純PHP檔案時，在存檔時為了控制版型，Namo 會自動在檔尾補上非中斷式換行符號，如下圖：,注意事項Cont.,這種刪除該行方能正常執行,建立網站架構,選用布景主題,建立網站資訊,完成網站架構樹,細部調整,變更網頁名稱,變更檔名結果,手動補檔,公用程式網頁sql_connect.phpmy_msg.php
2、PHP執行檢查網頁add_chk.phpdel_chk.phplogin_chk.phpmod_chk.phpmod_passwd_chk.php,補檔：公用程式,在網站本地檔案管理員上，點選滑鼠右鍵，選擇開新檔案-文件。選擇元件-空白01（其實選擇任何一種文件類型均可）。鍵入其名稱：sql_connect.php，即完成新增公用程式sql_connect.php。另一公用程式my_msg.php如法炮製即可。,補檔：PHP執行檢查網頁,在網站結構樹相關的網頁上（如add_chk.php便是與會員註冊add.html相關），點選滑鼠右鍵，選擇開新檔案-文件。選擇元件-空白01（其實選擇任何一種
3、文件類型均可）。鍵入其中文名稱：會員註冊檢查。因此網頁為執行程式，不需要出現在導覽列中供使用者點選，因此需改變此網頁在導覽列中的狀態。在網頁上點選滑鼠右鍵，並關閉啟用導覽功能，此時可見網頁由藍色變成灰色，亦即此網頁將不會出現在導覽列中。鍵入網頁實體名稱，變更為add_chk.php。如此即完成一執行檢查網頁的新增。其他的執行檢查網頁如法炮製即可。,補檔完成後的導覽樹,在HTML編輯模式撰寫PHP,撰寫公用程式,以Namo WebEditor開啟sql_connect.php檔案切換編輯模式至HTML模式。將以下內容覆蓋sql_connect.php原檔：,撰寫公用程式 Cont.,my_msg
4、.php作法亦同，將以下內容覆蓋my_msg.php原檔; echo location.href=.$redirect.; echo ; return;Function my_msg($msg,$redirect)echo ;echo window.alert(.$msg.); echo ;echo ; echo location.href=.$redirect.; echo ; return;?,注意,撰寫時請注意，務必清除符號會對程式執行造成影響，因此請在程式撰寫完成，並完成存檔後。以一般的文書編輯軟體如NotePad開啟開檔案，並刪除下列（通常均在檔尾）：,建立各個模組,以建立會員註冊模
5、組為例add.html（用於提供會員註冊表單）add_chk.php（用於檢查會員輸入資料並新增資料庫資料）我們可直接引用前一章的程式碼插入，作法如下：,建立會員註冊模組 Cont.,以Namo WebEditor開啟add.html，在一般編輯模式時，將游標放在HTML檔身的第一行，並切換至HTML編輯模式。此時在HTML模式中游標所在的位置，便是我們要插入程式碼的位置，先清除以下不需要的HTML敘述。在此處貼上以下的程式碼即完成，程式碼如下：,add.html 程式碼, 請輸入您要使用的帳號： 請輸入您要使用的密碼： 請重複輸入您的密碼以確認： ,程式插入點,Cont.,編輯add_chk
6、.php,而add_chk.php檔案的插入方式較容易，因add_chk.php不需外觀顯示，純粹只做執行動作，作法與建立公用程式之作法相同：以Namo WebEditor開啟add_chk.php檔案切換編輯模式至HTML模式。將以下內容覆蓋add_chk.php原檔：,Add_chk.php,瀏覽結果,開啟瀏覽器，並瀏覽http:/localhost/mms，點選會員註冊選項。,小結,運用Namo WebEditor的優勢：不需大幅修改原始碼可快速建立一致且易於更換的外觀易於建立網頁之間的關聯務必以其他文書編輯軟體移除 *.php 程式檔尾的 符號,其他模組,其他模組製作方式相當類似，依法
7、製作即可會員註冊模組會員登入模組會員修改資料模組管理者刪除會員模組管理者修改會員資料模組,新建模組,在之前的範例中，我們均以前一章已完成的範例進行製作。但亦可直接於 Namo WebEditor 中撰寫新模組以下將以新增會員等級修改模組示範,模組流程圖規劃,新增模組的說明,模組流程圖,快速複製相似頁面,變更檔案名稱,變更網頁中文名稱與英文名稱，分別為變更使用者等級：mod_rank.php與變更使用者等級檢查：mod_rank_chk.php。,mod_rank.php (置換原檔程式部分),選取要變更等級的會員.$rowid;?會員等級管理者等級回到主選單,覆蓋 mod_rank_chk.p
8、hp,變更會員等級模組測試,變更會員等級模組測試 Cont.,變更會員等級模組測試 Cont.,如此一功能模組測試成功，則該會員下一次登入時，身份便是管理員，可執行管理員的一切權限與操作。另，操作此一模組時須注意，切勿變更所有使用者為會員身份，否則無人可登入管理區遂行管理者權限。若發生此一狀況，只能透過MySQL Command Line Client執行變更指令，以設定某使用者為管理者。,外觀美化、強化操作介面,整合測試,進行系統整合測試，測試時需以不同角色（會員、管理者）分別進行測試。並應進行各種不預期狀況的測試，以保證系統的穩定性。如以下數種狀況：新增會員時，密碼輸入不符。未正確登入便存取會員專區或管理者專區。變更密碼時，密碼輸入不符。管理者刪除會員發生異常。等等系統越複雜，所需測試的選項便越多，因此測試計畫也是相當重要的一環。做完所有測試且結果均正確後，便可交付客戶使用。,結論,運用 Namo WebEditor 建立網站架構與外觀，並整合 php 程式，可讓網站內外兼備。如能搭配豐富的公用函式庫，撰寫程式將更為容易。透過網站導覽樹狀結構、可輕易掌控複雜的網站。輔以完善的測試計畫，一個功能齊備、美工俱全的網站便即成形。,本章結束,謝謝!,
