1、第12章以Namo WebEditor實(shí)作會(huì)員管理系統(tǒng)大綱n實(shí)作目標(biāo)n注意事項(xiàng)n建立網(wǎng)站架構(gòu)n程式撰寫n新增功能n外觀美化n整合測(cè)試n結(jié)論實(shí)作目標(biāo)n將上一章節(jié)所撰寫之會(huì)員管理系統(tǒng)，透過 Namo WebEditor 輔助，建立架構(gòu)、配色、版型及美工。注意事項(xiàng)n在 Namo WebEditor 中編輯純PHP檔案時(shí)，在存檔時(shí)為了控制版型，Namo 會(huì)自動(dòng)在檔尾補(bǔ)上 非中非中斷式換行符號(hào)斷式換行符號(hào)，如下圖：注意事項(xiàng)Cont.n這種 符號(hào)會(huì)對(duì)程式執(zhí)行造成影響，因此請(qǐng)?jiān)诔淌阶珜懲瓿桑瑏K完成存檔後。以一般的文書編輯軟體如NotePad開啟開檔案，並刪除下列（通常均在

2、檔尾）：n n刪除該行n方能正常執(zhí)行建立網(wǎng)站架構(gòu)選用布景主題建立網(wǎng)站資訊完成網(wǎng)站架構(gòu)樹細(xì)部調(diào)整n變更網(wǎng)頁(yè)名稱網(wǎng)頁(yè)中文名稱網(wǎng)頁(yè)檔案名稱會(huì)員登入login.html會(huì)員註冊(cè)add.html會(huì)員區(qū)main.php變更密碼mod.html管理專區(qū)adm.php刪除使用者del.php變更使用者密碼mod_passwd.php變更檔名結(jié)果手動(dòng)補(bǔ)檔n公用程式網(wǎng)頁(yè)nsql_connect.phpnmy_msg.phpnPHP執(zhí)行檢查網(wǎng)頁(yè)nadd_chk.phpndel_chk.phpnlogin_chk.phpnmod_chk.phpnmod_passwd_chk.php補(bǔ)檔：公用程式n在

3、網(wǎng)站本地檔案管理員上，點(diǎn)選滑鼠右鍵，選擇開新檔案-文件。n選擇元件-空白01（其實(shí)選擇任何一種文件類型均可）。n鍵入其名稱：sql_connect.php，即完成新增公用程式sql_connect.php。n另一公用程式my_msg.php如法炮製即可。補(bǔ)檔：PHP執(zhí)行檢查網(wǎng)頁(yè) n在網(wǎng)站結(jié)構(gòu)樹相關(guān)的網(wǎng)頁(yè)上（如add_chk.php便是與會(huì)員註冊(cè)add.html相關(guān)），點(diǎn)選滑鼠右鍵，選擇開新檔案-文件。n選擇元件-空白01（其實(shí)選擇任何一種文件類型均可）。n鍵入其中文名稱：會(huì)員註冊(cè)檢查。n因此網(wǎng)頁(yè)為執(zhí)行程式，不需要出現(xiàn)在導(dǎo)覽列中供使用者點(diǎn)選，因此需改變此網(wǎng)頁(yè)在導(dǎo)覽列中的狀態(tài)。在網(wǎng)頁(yè)上點(diǎn)選滑鼠右鍵

4、，並關(guān)閉啟用導(dǎo)覽功能，此時(shí)可見網(wǎng)頁(yè)由藍(lán)色變成灰色，亦即此網(wǎng)頁(yè)將不會(huì)出現(xiàn)在導(dǎo)覽列中。n鍵入網(wǎng)頁(yè)實(shí)體名稱，變更為add_chk.php。n如此即完成一執(zhí)行檢查網(wǎng)頁(yè)的新增。n其他的執(zhí)行檢查網(wǎng)頁(yè)如法炮製即可。補(bǔ)檔完成後的導(dǎo)覽樹在HTML編輯模式撰寫PHP撰寫公用程式n以Namo WebEditor開啟sql_connect.php檔案n切換編輯模式至HTML模式。n將以下內(nèi)容覆蓋sql_connect.php原檔：撰寫公用程式 Cont.nmy_msg.php作法亦同，將以下內(nèi)容覆蓋my_msg.php原檔?Function my_header($redirect)echo ; echo locati

5、on.href=.$redirect.; echo ; return;Function my_msg($msg,$redirect)echo ;echo window.alert(.$msg.); echo ;echo ; echo location.href=.$redirect.; echo ; return;?注意n撰寫時(shí)請(qǐng)注意，務(wù)必清除 符號(hào)符號(hào)n這種 符號(hào)會(huì)對(duì)程式執(zhí)行造成影響，因此請(qǐng)?jiān)诔淌阶珜懲瓿桑瑏K完成存檔後。以一般的文書編輯軟體如NotePad開啟開檔案，並刪除下列（通常均在檔尾）：建立各個(gè)模組n以建立會(huì)員註冊(cè)模組為例nadd.html（用於提

6、供會(huì)員註冊(cè)表單）nadd_chk.php（用於檢查會(huì)員輸入資料並新增資料庫(kù)資料）n我們可直接引用前一章的程式碼插入，作法如下：建立會(huì)員註冊(cè)模組 Cont.n以Namo WebEditor開啟add.html，n在一般編輯模式時(shí)，將游標(biāo)放在HTML檔身的第一行，並切換至HTML編輯模式。n此時(shí)在HTML模式中游標(biāo)所在的位置，便是我們要插入程式碼的位置，先清除以下不需要的HTML敘述。n在此處貼上以下的程式碼即完成，程式碼如下：add.html 程式碼 請(qǐng)輸入您要使用的帳號(hào)： 請(qǐng)輸入您要使用的密碼： 請(qǐng)重複輸入您的密碼以確認(rèn)： 程式插入點(diǎn)Cont.編輯add_chk.phpn而add_chk.ph

7、p檔案的插入方式較容易，因add_chk.php不需外觀顯示，純粹只做執(zhí)行動(dòng)作，作法與建立公用程式之作法相同：n以Namo WebEditor開啟add_chk.php檔案n切換編輯模式至HTML模式。n將以下內(nèi)容覆蓋add_chk.php原檔：Add_chk.php瀏覽結(jié)果n開啟瀏覽器，並瀏覽http:/localhost/mms，點(diǎn)選會(huì)員註冊(cè)選項(xiàng)。 小結(jié)n運(yùn)用Namo WebEditor的優(yōu)勢(shì)：n不需大幅修改原始碼n可快速建立一致且易於更換的外觀n易於建立網(wǎng)頁(yè)之間的關(guān)聯(lián)n務(wù)必以其他文書編輯軟體移除務(wù)必以其他文書編輯軟體移除 *.php 程式檔尾的程式檔尾的 符號(hào)符號(hào)其他模組n其他模組製作方

8、式相當(dāng)類似，依法製作即可n會(huì)員註冊(cè)模組n會(huì)員登入模組n會(huì)員修改資料模組n管理者刪除會(huì)員模組n管理者修改會(huì)員資料模組新建模組n在之前的範(fàn)例中，我們均以前一章已完成的範(fàn)例進(jìn)行製作。n但亦可直接於 Namo WebEditor 中撰寫新模組n以下將以新增會(huì)員等級(jí)修改模組示範(fàn)模組流程圖規(guī)劃 登入介面登入介面會(huì)員專區(qū)會(huì)員專區(qū)管理者專區(qū)管理者專區(qū)資料修改資料修改會(huì)員註冊(cè)會(huì)員註冊(cè)首頁(yè)首頁(yè)刪除會(huì)員刪除會(huì)員資料修改資料修改等級(jí)修改等級(jí)修改新增模組的說明 模組流程圖變更會(huì)員等級(jí)資料變更成功變更失敗選擇欲變更資料之會(huì)員回到管理者專區(qū)已登入之管理者快速複製相似頁(yè)面選取選取、複製複製、並貼上並貼上變更檔案名稱n變更網(wǎng)頁(yè)

9、中文名稱與英文名稱，分別為變更使用者等級(jí)：mod_rank.php與變更使用者等級(jí)檢查：mod_rank_chk.php。 mod_rank.php (置換原檔程式部分)選取要變更等級(jí)的會(huì)員?while($row = mysql_fetch_array($result, MYSQL_BOTH)echo .$rowid;? 會(huì)員等級(jí)管理者等級(jí)回到主選單覆蓋 mod_rank_chk.php 變更會(huì)員等級(jí)模組測(cè)試變更成功變更成功變更會(huì)員等級(jí)模組測(cè)試 Cont.變更會(huì)員等級(jí)模組測(cè)試 Cont.n如此一功能模組測(cè)試成功，則該會(huì)員下一次登入時(shí)，身份便是管理員，可執(zhí)行管理員的一切權(quán)限與操作。n另，操作此一模組時(shí)須注意，切勿變更所有使用者為會(huì)員身份，否則無人可登入管理區(qū)遂行管理者權(quán)限。若發(fā)生此一狀況，只能透過MySQL Command Line Client執(zhí)行變更指令，以設(shè)定某使用者為管理者。 外觀美化、強(qiáng)化操作介面整合測(cè)試n進(jìn)行系統(tǒng)整合測(cè)試，測(cè)試時(shí)需以不同角色（會(huì)員、管理者）分別進(jìn)行測(cè)試。並應(yīng)進(jìn)行各種不預(yù)期狀況的測(cè)試，以保證系統(tǒng)的穩(wěn)定性。如以下數(shù)種狀況：n新增會(huì)員時(shí)，密碼輸入不符。n未正確登入便存取會(huì)員專區(qū)或管理者專區(qū)。n變更密碼時(shí)，密碼輸入不符。n管理者刪除會(huì)員發(fā)生異常。n等等n系統(tǒng)越複雜，所需測(cè)試的選項(xiàng)便越多，因此測(cè)試計(jì)畫也是相當(dāng)重要的一環(huán)。做完所