網站設計項目教學實訓指導書

1、PHP網站設計項目教學實訓指導書PHP網站設計項目教學 實訓指導書上饒職業(yè)業(yè)技術學學院信息工工程系 目 錄錄TOC o 1-3 h z u HYPERLINK l _Toc344236011 實訓1：圖書信信息管理理系統(tǒng)（PHPP+MyySQLL實現） 實訓1：圖書信信息管理理系統(tǒng)（PHPP+MyySQLL實現）實訓名稱稱： 成績： 實訓日期期： 年 月 日 實訓報告日日期： 年 月 日一、實訓訓目的通過圖書書信息管管理系統(tǒng)統(tǒng)的實現現，學生生必須掌掌握：1、項目目設計思思路 22、數據據庫設計計 33、首頁頁頁面設設計 44、注冊冊模塊設設計 55、登錄錄模塊設設計 66、圖書書信息添添加模塊

2、塊設計 77、圖書書信息管管理模塊塊設計 88、圖書書搜索模模塊設計計二、實訓訓內容圖書信息息管理系系統(tǒng)的設設計與實實現三、實訓訓環(huán)境服務器端端：操作系系統(tǒng)：WWinddowss 20003 Serrverr/Liinuxx（推薦薦）/ Winndowws XXP。服務務器：AApacche/2.22.8 (Wiin322)PHHP軟件件：PHHP VVerssionn 5.2.66數據據庫：MMySQQL 55.0.51、SQLL Seerveer20000數數據庫。MyySQLL圖形化化管理軟軟件：pphpMMyAddminn- 22.100.3開發(fā)發(fā)工具：Adoobe Dreeamwwe

3、avver CS55。瀏覽覽器：IIE 66.0及及以上版版本。分辨辨率：最最佳效果果102247768像像素?？?戶 端：瀏覽覽器：推推薦IEE 6.0及以以上版本本。分辨辨率：最最佳效果果102247768像像素。四、實訓訓步驟、過過程1.1 項目目設計思思路1.1.1 功能闡闡述圖書信息息管理系系統(tǒng)主要要實現對對圖書信信息進行行分類、分語言言管理，并對圖圖書的基基本信息息、程序序、文稿稿和視頻頻文件進進行管理理，以便便用戶可可以快速速找到需需要的資資源。在在本系統(tǒng)統(tǒng)中，用用戶可以以添加、修改和和刪除圖圖書信息息。1.1.2 系統(tǒng)預預覽圖書信息息管理系系統(tǒng)由多多個頁面面組成，下面列列出幾個

4、個典型頁頁面，其其他頁面面可參見見配套資資源中的的源程序序。圖書信息息管理系系統(tǒng)主頁頁面的運運行效果果如圖11.1所所示。圖1.11 圖圖書信息息管理系系統(tǒng)主頁頁面圖書信息息添加頁頁面的運運行效果果如圖11.2所所示。圖書詳細細信息頁頁面的運運行效果果如圖11.3所所示。 圖1.22 圖圖書信息息添加頁頁面 圖圖1.33 圖圖書詳細細信息頁頁面1.1.3 功能結結構圖書信息息管理系系統(tǒng)的功功能結構構如圖11.4所所示。圖1.44 圖圖書信息息管理系系統(tǒng)的功功能結構構圖1.1.4 文件組組織結構構圖書信息息管理系系統(tǒng)中使使用的根根目錄文文件夾是是01，其中包包括的文文件架構構如圖11.5所所示。

5、圖1.55 圖圖書信息息管理系系統(tǒng)的文文件架構構圖1.2 數據據庫設計計1.2.1 數據庫庫設計結構構圖書信息息管理系系統(tǒng)中，采用的的是MyySQLL數據庫庫，主要要用來存存儲圖書書信息。這里將將數據庫庫命名為為db_boook，其其中包含含的數據據表如圖圖1.66所示。圖1.66 數數據庫結結構1.2.2 數據表表設計結結構數據表設設計是一一個非常常關鍵的的環(huán)節(jié)，下面對對系統(tǒng)中中的數據據表結構構進行分分析。1圖書書信息表表（tbb_boook）圖書信息息表主要要用于存存儲圖書書信息，數據表表字段設設計如表表1.11所示。表1.11 圖圖書信息息表（ttb_bbookk）設計計字 段類 型額

6、外說 明idint（10）autoo_inncreemennt信息iddsorttvarccharr（1000）圖書類別別talkkvarccharr（1000）圖書語言言bookksvarccharr（1000）書名synoopsiisvarccharr（1000）簡介cataaloggvarccharr（1000）目錄bookkpatthvarccharr（1000）圖書文稿稿路徑proggrammpatthvarccharr（1000）圖書程序序路徑videeopaathvarccharr（1000）視頻文件件路徑dateedatee錄入日期期2圖書書類別表表（tbb_soort）圖書類

7、別別表主要要用于存存儲圖書書類別信信息，數數據表字字段設計計如表11.2所所示。表1.22 圖圖書類別別表（ttb_ssortt）設計計字 段類 型額 外說 明idint（10）autoo_inncreemennt類別iddsorttvarccharr（400）類別名稱稱3圖書書語言表表（tbb_prrogrram）圖書語言言表主要要用于存存儲圖書書語言，數據表表字段設設計如表表1.33所示。表1.33 圖圖書語言言表（ttb_pproggramm）設計計字 段類 型額 外說 明idint（10）autoo_inncreemennt語言iddtalkkvarccharr（400）語言名稱稱4會

8、員員信息表表（tbb_looginn）會員信息息表主要要用于存存儲會員員的基本本信息，數據表表字段設設計如表表1.44所示。表1.44 會會員信息息表（ttb_llogiin）設設計字 段類 型額 外說 明idint（10）autoo_inncreemennt會員idduserrvarccharr（400）會員用戶戶名pwdvarccharr（400）會員密碼碼secttionnvarccharr（400）所在部門門nameevarccharr（400）真實姓名名1.2.3 連接數數據庫由于系統(tǒng)統(tǒng)大部分分頁面都都需要使使用數據據庫，如如果每頁頁都編寫寫相同的的數據庫庫連接代代碼，會會顯得十十分

9、煩瑣瑣，所以以本系統(tǒng)統(tǒng)將數據據庫連接接代碼單單獨存入入一個PPHP文文件coonn.phpp中，在在需要與與數據庫庫連接的的頁面中中，使用用包含函函數包含含該文件件即可，代碼如如下：1.3 首頁頁設計1.3.1 首頁頁頁面概述述運行程序序，進入入圖書信信息管理理系統(tǒng)首首頁，如如圖1.7所示示。在首首頁中，對圖書書信息按按語言進進行了分分類顯示示，單擊擊圖書書書名可查查看圖書書的詳細細信息，還可以以進行搜搜索圖書書信息等等操作。其中圖圖書信息息添加和和圖書信信息管理理需要登登錄后才才可以操操作。圖1.77 圖圖書信息息管理系系統(tǒng)首頁頁運行結結果1.3.2 獲取超超鏈接傳傳遞的數數據本系統(tǒng)首首頁頁

10、面面中，查查看圖書書詳細信信息及更更多圖書書信息分分別使用用了超鏈鏈接傳值值技術。查看圖圖書詳細細信息時時，主要要通過超超鏈接傳傳遞圖書書的idd序號；查看更更多圖書書信息時時，主要要通過超超鏈接傳傳遞圖書書的語言言。關鍵鍵代碼如如下：（1）通通過超鏈鏈接傳遞遞圖書的的id序序號：a hhreff=ddefiine.phpp?idd=（2）通通過超鏈鏈接傳遞遞圖書的的語言：a ttargget=_bblannk hreef=morre.pphp?tallk1=更多多<t;&llt;1通過過超鏈接接傳遞值值定義超鏈鏈接使用用標記，其語法法格式如如下：鏈鏈接文字字a標記的的屬性如如下： hrr

11、ef屬屬性：指指定所鏈鏈接文件件的URRL路徑徑。該路路徑可以以是相對對路徑，也可以以是絕對對路徑。 naame屬屬性：指指定頁面面的錨點點名稱，如果需需要鏈接接到對應應的錨點點位置，需要在在錨點名名稱前添添加一個個“#”字符。 taargeet屬性性：指定定要打開開的鏈接接所使用用的瀏覽覽器窗口口名稱，可以使使用自定定義的窗窗口名稱稱，也可可以使用用下面44個內置置的窗口口名稱，其中前前兩個比比較常用用。_sellf：在在當前窗窗口中打打開鏈接接文件，是默認認值。_blaank：開啟一一個新的的窗口打打開鏈接接文件。_parrentt：在父父級窗口口中打開開文件，常用于于框架頁頁面。_top

12、p：在頂頂層窗口口中打開開文件，常用于于框架頁頁面。2通過過$_GGET方法法獲取超超鏈接傳傳遞的數數據獲取超鏈鏈接傳遞遞的數據據，需要要使用$_GEET方法。（1）獲獲取圖書書id序序號的關關鍵代碼碼如下：if(iisseet($_GEETid)/判判斷圖書書id是是否存在在$id=$_GGETidd;/為為圖書iid定義義變量名名稱$sellectt1=mmysqql_qquerry(sellectt * froom ttb_bbookk whheree idd=$id,$connn);/查查詢圖書書信息$arrray11=myysqll_feetchh_arrrayy($sseleect

13、11);/獲獲取查詢詢結果（2）獲獲取圖書書語言的的關鍵代代碼如下下：if(iisseet($_GEETtallk1)/判判斷圖書書語言信信息是否否存在$tallk=$_GEETtallk1;/為為圖書語語言信息息定義變變量名稱稱$sellectt1=mmysqql_qquerry(sellectt * froom ttb_bbookk whheree taalk=$ttalkk,$coonn);/查詢圖圖書信息息1.3.3 首頁頁頁面實現現過程首頁頁面面的設計計效果如如圖1.8所示示。圖1.88 首首頁頁面面設計效效果具體實現現過程如如下：（1）首首頁頁面面主要包包括程序序導航菜菜單、搜搜索

14、及最最新圖書書信息列列表等功功能，其其中，導導航菜單單部分包包括輸出出首頁、圖書信信息添加加和圖書書信息管管理的超超鏈接，關鍵代代碼如下下：首頁 圖圖書信息息添加圖書書信息管管理歡迎您您：退出出（2）在在搜索部部分創(chuàng)建建forrm表單單，提交交查詢的的關鍵字字，并且且將關鍵鍵字提交交到seelecct.pphp文文件中進進行處理理。圖書書查詢fformm表單創(chuàng)創(chuàng)建的關關鍵代碼碼如下：圖書書搜索： 請選選擇 類類別 語言 書名名 簡介 目錄 請請選擇 opptioon vvaluue= opttionn vaaluee= seelecctedd=sseleecteed opptioon vval

15、uue= sseleecteed=sellectted &nbssp; （3）最最新圖書書信息顯顯示，可可以查詢詢出每類類圖書中中最新的的兩條數數據，并并且通過過whiile語語句循環(huán)環(huán)輸出查查詢結果果，其關關鍵代碼碼如下： PHPP &nbssp; aa hrref=deefinne.pphp?id= a ttargget=_bblannk hreef=morre.pphp?tallk1=更多多<t;&llt;/省省略部分分代碼1.4 注冊冊模塊設設計1.4.1 注冊模模塊概述述注冊功能能主要用用于為用用戶獲取取登錄用用戶名和和密碼。在首頁頁中單擊擊“注冊冊”超鏈鏈接，即即可進入入注冊頁

16、頁面，在在注冊頁頁面中填填寫用戶戶名、密密碼、部部門及真真實姓名名后，單單擊“注注冊”按按鈕即可可完成注注冊操作作。注冊冊模塊的的運行效效果如圖圖1.99所示。圖1.99 注注冊模塊塊運行效效果1.4.2 注冊模模塊實現現過程注冊模塊塊的設計計效果如如圖1.10所所示。圖1.110 注冊模模塊設計計效果具體實現現過程如如下：（1）用用戶注冊冊模塊主主要由表表單頁面面（looginn.phhp）及及數據信信息處理理頁（llogiin_ook.pphp）組成。在表單單頁looginn.phhp中，創(chuàng)建fformm表單，提交用用戶注冊冊信息，并且將將數據提提交到llogiin_ook.pphp文文件

17、中，其關鍵鍵代碼如如下： 用戶戶名： 密密碼： 部部門： 真實實姓名： （2）用用戶單擊擊“注冊冊”按鈕鈕后，將將數據提提交到數數據處理理頁looginn_okk.phhp中，對提交交的數據據進行驗驗證，如如果正確確，則將將數據添添加到指指定的數數據表中中，提示示用戶注注冊成功功；否則則，返回回用戶注注冊頁面面。looginn_okk.phhp的代代碼如下下：?pphpheaaderr(cconttentt-tyype:texxt/hhtmll;chharsset=utff-8);/設設置頁面面編碼inccludde(connn/cconnn.phhp);/包包含數據據庫連接接文件/判判斷用戶

18、戶名、密密碼等信信息是否否存在if(issset($_PPOSTTuuserr) annd iisseet($_POOSTpwwd) aand issset($_PPOSTTssecttionn) annd iisseet($_ PPOSTTnnamee)/判判斷用戶戶名、密密碼等信信息是否否不為空空if($_PPOSTTuuserr!=nuull andd $_POSSTpwdd!=nuull andd $_POSSTsecctioon!=nnulll annd $_POOSTnaame!=nulll)/查詢詢數據庫庫中是否否存在該該用戶名名$sellectt=myysqll_quueryy

19、(sseleect * ffromm tbb_looginn whheree usser=.$_PPOSTTuuserr. ,$connn);iif(mmysqql_nnum_rowws($sellectt)=0)/判判斷查詢詢結果是是否為00/如如果用戶戶名不存存在，則則執(zhí)行添添加操作作$innserrt=mmysqql_qquerry(inssertt innto tb_loggin(useer,ppwd,secctioon,nnamee) valluess(.$_POSSTuseer.,.$_POSSTpwdd.,.$_PPOSTTssecttionn., .$_POSSTnamme.)

20、, $cconnn);if($innserrt)/判判斷添加加操作是是否執(zhí)行行成功eccho aleert(恭喜喜您！注注冊成功功！);wiindoow.llocaatioon.hhreff=eenteer.pphp;/輸輸出注冊冊成功提提示ellseeccho aleert(注冊冊失?。?;winndoww.loocattionn.hrref=looginn.phhp;/否否則輸出出注冊失失敗提示示elsse/輸輸出用戶戶名已存存在提示示echho aalerrt(用戶名名已存在在，請重重新輸入入！);wiindoow.llocaatioon.hhreff= loggin.phpp;eels

21、ee/輸出出請?zhí)顚憣懲暾判畔⑻崾臼緀echoo allertt(請請?zhí)顚懲晖暾詢孕畔ⅲ?;winndoww.loocattionn.hrref=looginn.phhp ;?1.5 登錄錄模塊設設計1.5.1 登錄模模塊概述述注冊成功功后，用用戶即可可使用注注冊的用用戶名和和密碼進進行登錄錄。單擊擊首頁頁頁面中的的“登錄錄”超鏈鏈接，進進入登錄錄頁面，輸入正正確的用用戶名和和密碼，單擊“登錄”按鈕，即可成成功登錄錄，用戶戶登錄成成功后可可以添加加和管理理圖書信信息。用用戶登錄錄模塊的的運行效效果如圖圖1.111所示示。圖1.111 用戶登登錄模塊塊運行效效果1.5.2 登錄模模塊實現現過

22、程登錄模塊塊的設計計效果如如圖1.12所所示。圖1.112 登錄模模塊的設設計效果果具體實現現過程如如下：（1）用用戶登錄錄模塊主主要由表表單設計計頁（eenteer.pphp）及數據據信息處處理頁（entter_ok.phpp）兩個個頁面組組成。在在entter.phpp頁中，創(chuàng)建fformm表單提提交用戶戶登錄的的用戶名名和密碼碼。其關關鍵代碼碼如下：（2）當當用戶單單擊“登登錄”按按鈕后，將在數數據信息息處理頁頁中對提提交的數數據進行行驗證，如果正正確，則則提示用用戶登錄錄成功；否則，返回用用戶登錄錄頁面。用戶登登錄數據據處理頁頁的代碼碼如下：?pphpsesssioon_sstarrt

23、();/調調用seessiion_staart()函數數，聲明明sesssioonheaaderr(cconttentt-tyype:texxt/hhtmll;chharsset=utff-8);/設設置文件件編碼inccludde(connn/cconnn.phhp);/包包含數據據庫連接接文件if(issset($_PPOSTTuuserr) annd iisseet($_POOSTpwwd)/判判斷用戶戶名和密密碼是否否存在iff($_POSSTuseer!=nnulll annd $_POOSTpwwd!=nnulll)/判判斷用戶戶名和密密碼是否否為空$sellectt=myysql

24、l_quueryy(sseleect * ffromm tbb_looginn whheree usser=.$_PPOSTTuuserr. andd pwdd=.$_POSSTpwdd.,$cconnn);/查查詢用戶戶名和密密碼iif(mmysqql_nnum_rowws($sellectt)=1)/判判斷查詢詢結果是是否為11echho aalerrt(登錄成成功！);wwinddow.loccatiion.hreef=inddex.phpp;/登登錄成功功提示$_SSESSSIONNuuserr=$_PPOSTTuuserr;/定定義seessiion變變量elsse /輸輸出用戶戶名

25、和密密碼不正正確提示示echho aalerrt(用戶名名和密碼碼不正確確！);wiindoow.llocaatioon.hhreff= entter.phpp;eelsee /輸輸出請輸輸入用戶戶名和密密碼提示示eechoo allertt(請請輸入用用戶名和和密碼！);winndoww.loocattionn.hrref=ennterr.phhp; ;?1.6 圖書書信息添添加模塊塊設計1.6.1 圖書信信息添加加模塊概概述只有登錄錄成功的的用戶，才可以以進入圖圖書信息息添加模模塊。在在首頁導導航菜單單中，單單擊“圖圖書信息息添加”超鏈接接，即可可進入到到圖書信信息添加加頁面，運行效效果如

26、圖圖1.113所示示。填寫寫完整的的圖書信信息后，單擊“提交”按鈕，即可完完成圖書書信息添添加操作作。圖1.113 圖書信信息添加加模塊運運行效果果1.6.2 在下拉拉菜單中中顯示數數據表某某列的字字段值圖書信息息添加模模塊中主主要通過過下拉菜菜單顯示示圖書類類別及語語言信息息。首先先，創(chuàng)建建下拉列列表框。然后，使用sseleect語語句查詢詢數據表表中的數數據。最最后，將將查詢到到的soort字字段的值值作為下下拉列表表框的值值，使用用whiile()語句句循環(huán)輸輸出，其其關鍵代代碼如下下：?pphp$seelecct1=myssql_queery(seelecct * frrom tb_s

27、orrt,$coonn);/查查詢圖書書類別類別別： opttionn vaaluee= ?說明：上面代碼碼實現的的是顯示示圖書類類別，顯顯示圖書書語言的的實現方方法同上上，這里里不再贅贅述。（1）sseleect查查詢語句句seleect查查詢語句句的語法法如下：$ressultt=myysqll_quueryy(sseleect * ffromm tbb_usser wheere namme=mr,$connn);其中，mmysqql_qquerry()函數執(zhí)執(zhí)行對數數據庫操操作的SSQL語語句；$connn為服服務器的的連接標標識。（2）wwhille()循環(huán)語語句whille()循環(huán)語

28、語句的作作用是反反復執(zhí)行行某一項項操作，是循環(huán)環(huán)控制語語句中最最簡單且且最常用用的一個個。whhilee()循循環(huán)語句句對表達達式的值值進行判判斷，當當表達式式為非00值時，執(zhí)行wwhille()語句中中的內嵌嵌語句；當表達達式的值值為0時時，則不不執(zhí)行wwhille()語句中中的內嵌嵌語句。該語句句的特點點是：先先判斷表表達式，后執(zhí)行行語句。whiile循循環(huán)控制制語句的的操作流流程如圖圖1.114所示示。表達式圖1.114 whiile()循環(huán)環(huán)控制語語句的操操作流程程其語法如如下：whille (exppr) /* sstattemeent; 先判斷斷條件，當條件件滿足時時執(zhí)行語語句塊，

29、否則 不向向下執(zhí)行行 */只要whhilee表達式式exppr的值值為TRRUE，就重復復執(zhí)行嵌嵌套中的的staatemmentt語句，如果wwhille表達達式的值值一開始始就是FFALSSE，則則循環(huán)語語句一次次也不執(zhí)執(zhí)行。1.6.3 圖書信信息添加加模塊實實現過程程圖書信息息添加模模塊的設設計效果果如圖11.155所示。圖1.115 圖書信信息添加加模塊設設計效果果具體實現現過程如如下：（1）圖圖書信息息添加模模塊主要要由表單單設計頁頁（innserrt.pphp）和數據據處理頁頁（innserrt_ook.pphp）組成，表單設設計頁的的關鍵代代碼如下下： &nbbsp; 書名名： 類

30、別別： ooptiion vallue= 語言言： ooptiion vallue= 簡簡介： （2）當當用戶單單擊“提提交”按按鈕后，在數據據處理頁頁獲取表表單提交交數據，將其添添加到指指定的數數據表中中，關鍵鍵代碼如如下： ?pphp heaaderr(cconttentt-tyype:texxt/hhtmll;chharsset=utff-8);/設設置文件件編碼inccludde(connn/cconnn.phhp);/包包含數據據庫連接接文件if(issset($_PPOSTTSSubmmit) andd $_POSSTSubbmitt=提提交)/判判斷“提提交”按按鈕是否否存在$s

31、oort=$_PPOSTTssortt;/定定義類別別變量$taalk=$_PPOSTTttalkk;/定定義語言言變量$boookss=$_POSSTboooks;/定定義書名名變量$syynoppsiss=$_POSSTsynnopssis;/定定義簡介介變量$caatallog=$_PPOSTTccataalogg;/定定義目錄錄變量$caata=strr_reeplaace(chrr(133),$caatallog);/保保留目錄錄中的換換行符$bbookkpatth=$_POOSTboookppathh;/定定義文稿稿路徑變變量$pproggrammpatth=$_POOSTprro

32、grramppathh;/定定義程序序路徑變變量$vvideeopaath=$_PPOSTTvvideeopaath;/定定義錄像像路徑變變量$ddatee=daate(Y-m-dd);/定定義時間間變量/執(zhí)執(zhí)行添加加操作$innserrt=mmysqql_qquerry(inssertt innto tb_boook(ssortt,taalk,boooks,synnopssis,cattaloog,bbookkpatth, proograampaath, viideoopatth,ddatee) valluess($sorrt,$ttalkk,$boookss,$syynoppsiss,$c

33、aata,$boookpaath,$proograampaath,$viddeoppathh, $ddatee),$cconnn);if($innserrt)/判判斷添加加語句是是否執(zhí)行行成功echho aalerrt(添加成成功！);wwinddow.loccatiion.hreef=inddex.phpp;/輸輸出添加加成功提提示ellseeccho aleert(添加加失??！);winndoww.loocattionn.hrref=innserrt.pphp;/輸輸出添加加失敗提提示?說明：在圖書信信息添加加模塊中中，對于于圖書的的文稿、程序和和錄像存存儲的都都是指定定的路徑徑，并沒沒有

34、完成成具體文文件的上上傳操作作。這些些內容需需要手動動存儲到到服務器器的對應應文件夾夾下。1.7 圖書書信息管管理模塊塊設計1.7.1 圖書信信息管理理模塊概概述用戶成功功登錄后后，才可可以進入入圖書信信息管理理模塊。在導航航菜單中中單擊“圖書信信息管理理”超鏈鏈接，即即可進入入到圖書書信息管管理頁面面中，運運行效果果如圖11.166所示。在圖書書信息管管理頁面面中，可可以查看看圖書的的詳細信信息，修修改及刪刪除圖書書信息。圖1.116 圖書信信息管理理頁面運運行效果果1.7.2 分頁技技術在圖書信信息管理理模塊中中對圖書書信息進進行了分分頁顯示示，每頁頁顯示110條記記錄，當當總記錄錄數超過

35、過10條條時自動動分頁，并顯示示“下一一頁”、“尾頁頁”超鏈鏈接，其其關鍵代代碼如下下： 共條記錄錄共頁當前第頁 ?phppiif($pagge!=1)/判判斷，如如果分頁頁變量值值不為11，輸出出下面的的超鏈接接echho 首首頁;echho 上上一頁;iif($pagge$pagge_ccounnt)/判判斷，如如果分頁頁變量小小于總的的記錄數數，則輸輸出下面面的超鏈鏈接echho 下一頁頁;echho 尾頁頁;?上面代碼碼中使用用myssql_numm_roows()函數數獲取sseleect查查詢語句句查詢到到的總記記錄數，并以cceill()函函數獲取取總頁數數。1.7.3 圖書信信

36、息管理理模塊實實現過程程圖書信息息管理模模塊的設設計效果果如圖11.177所示。圖1.117 圖書信信息管理理模塊設設計效果果圖書信息息管理模模塊實現現圖書信信息的分分頁瀏覽覽、修改改、刪除除和查看看圖書詳詳細信息息操作，下面分分別對各各項功能能的實現現方法進進行介紹紹。1圖書書信息分分頁瀏覽覽有關圖書書信息分分頁瀏覽覽的內容容請參考考1.77.2節(jié)節(jié)，這里里不再贅贅述。2查看看圖書詳詳細信息息在圖書分分頁瀏覽覽頁面中中，當用用戶單擊擊圖書名名稱超鏈鏈接時，將進入入圖書詳詳細信息息頁，根根據超鏈鏈接傳遞遞的IDD值，在在deffinee.phhp文件件中輸出出指定圖圖書的所所有信息息，deef

37、inne.pphp文文件的關關鍵代碼碼如下： 書書名： &nnbspp; /省省略部分分代碼 文稿存存儲位置置： &nnbspp;aa taargeet=_bllankk hhreff= /省省略部分分代碼 簡介： &nbbsp; 目錄： &nnbspp; 3修改改圖書信信息在圖書分分頁瀏覽覽頁面中中，當用用戶單擊擊“修改改”超鏈鏈接時，將進入入圖書信信息修改改頁面，運行效效果如圖圖1.118所示示。圖1.118 圖書信信息修改改頁面具體實現現過程如如下：（1）在在圖書信信息修改改頁面創(chuàng)創(chuàng)建foorm表表單，將將根據超超鏈接傳傳遞的IID值，查詢出出指定圖圖書的信信息，并并且將查查詢結果果作為

38、表表單中各各個元素素的初始始值進行行輸出，最后創(chuàng)創(chuàng)建“提提交”按按鈕，將將數據提提交到uupdaate_ok_ok.phpp文件中中，完成成對圖書書信息的的修改操操作，關關鍵代碼碼如下： 書名名： inpput namme=boooks tyype=teext vaaluee= siize=500 / 類別： opttionn vaaluee= 語言言： opttionn vaaluee= 簡介： iinpuut nnamee=ssynoopsiis typpe=texxt vallue= sizze=50 / 目錄錄： 文稿稿路徑： inpput namme=boookpaath tyype

39、=teext vaaluee= ssizee=550 / 程序路路徑： iinpuut nnamee=pproggrammpatth typpe=texxt vallue= ssizee=550 / 錄像像路徑： inpput namme=viddeoppathh ttypee=ttextt vvaluue= ssizee=550 / iinpuut ttypee=hhiddden naame=idd vvaluue=/ （2）當當用戶修修改完信信息后，單擊“提交”按鈕，在數據據處理頁頁中將對對數據庫庫中的數數據進行行修改，其關鍵鍵代碼如如下： ?pphpheaaderr(CConttentt

40、-tyype:texxt/hhtmll;chharsset=utff-8);/設設置文件件編碼inccludde(connn/cconnn.phhp);/包包含數據據庫連接接文件if(issset($_PPOSTTSSubmmit) andd $_POSSTSubbmitt=提提交)/判判斷“提提交”按按鈕是否否存在$uupdaate=myssql_queery(uppdatte ttb_bbookk seet ssortt=.$_POSSTsorrt. ,ttalkk=.$_POSST taalk.,boooks=.$_PPOSTTbbookks.,syynoppsiss=.$_POSSTs

41、ynnopssis.,ccataalogg=.$_POSSTcattaloog.,boookpaath=.$_PPOSTTbbookkpatth.,prrogrramppathh=.$_POSSTproograampaath.,vvideeopaath= .$_POSSTviddeoppathh. wheere id=.$_PPOSTTiid.,$connn);/執(zhí)執(zhí)行修改改語句if($uppdatte)echoo allertt(修修改成功功！);wiindoow.llocaatioon.hhreff=uupdaate.phpp;ellseechoo allertt(修修改失敗敗！);wii

42、ndoow.llocaatioon.hhreff=uupdaate_ok.phpp;?4刪除除圖書信信息在圖書分分頁瀏覽覽頁面中中，單擊擊“刪除除”超鏈鏈接后，將跳轉轉到deelette.pphp文文件中，根據超超鏈接傳傳遞的IID值，應用ddeleete語語句完成成指定圖圖書信息息的刪除除操作。Delletee.phhp文件件的關鍵鍵代碼如如下：?pphpheaaderr(cconttentt-tyype:texxt/hhtmll;chharsset=utff-8);/設設置文件件編碼inccludde(connn/cconnn.phhp);/包包含數據據庫連接接文件if(issset($_

43、GGETidd)/判判斷idd是否存存在$ddeleete=myssql_queery(deelette ffromm tbb_boook wheere id=.$_GGETidd.,$cconnn);/執(zhí)執(zhí)行刪除除語句iff($ddeleete)eechoo allertt(刪刪除成功功！);wiindoow.llocaatioon.hhreff=uupdaate.phpp;ellseeccho aleert(刪除除失??！);winndoww.loocattionn.hrref=uppdatte.pphp;?1.8 圖書書搜索模模塊設計計1.8.1 圖書搜搜索模塊塊概述在圖書搜搜索條件件下拉

44、列列表中選選擇查詢詢條件，單擊“搜索”按鈕，即可顯顯示搜索索結果。圖書搜搜索模塊塊的運行行效果如如圖1.19所所示。圖1.119 圖書搜搜索模塊塊運行效效果1.8.2 通過JJavaaScrriptt腳本創(chuàng)創(chuàng)建級聯聯下拉列列表框本模塊通通過JaavaSScriipt技技術判斷斷搜索條條件是否否為空及及根據用用戶選擇擇的數據據更改相相應列表表中的數數據。當當用戶在在第一個個列表中中選擇搜搜索條件件后，第第二個列列表中的的數據也也將隨之之改變，并與第第一個列列表中的的數據相相對應，關鍵代代碼如下下：funnctiion fettch()/判判斷搜索索關鍵字字是否為為空iff(foorm11.kee

45、y.vvaluue=)aalerrt(請輸入入搜索關關鍵字！);fformm1.vvaluue.sseleect();rretuurn fallse;rretuurn truue;funnctiion preess(optt)/定定義prresss()方方法，控控制下拉拉列表框框sellectt2顯示示的值/oopt表表示現有有可選項項的數目目foorm11.seelecct2.opttionnsoopt=neew OOptiion(ok=(foorm11.seelecct2.opttionnsoopt)?forrm1.sellectt2.ooptiionssoppt.innnerTTextt

46、+Sttrinng.ffrommChaarCoode(eveent.keyyCodde):Strringg.frromCCharrCodde(eevennt.kkeyCCodee),ook)forrm1.sellectt2.sseleecteedInndexx=oppt;funcctioon uup(oopt)/定定義upp()方方法控制制sellectt2的值值/oppt表示示現有可可選項的的數目if(forrm1.sellectt2.ooptiionssoppt)iff(evventt.keeyCoode=8)vvar strr=foorm11.seelecct2.opttionnsoop

47、t.innnerrTexxt;vvar lenn=sttr.llenggth;fformm1.sseleect22.opptioonsoptt.iinneerTeext=strr.suubsttrinng(00,leen-11);iif(fformm1.sseleect22.opptioonsoptt.iinneerTeext= )sseleect22.reemovve(22);iff(evventt.keeyCoode=322)fformm1.sseleect22.opptioonsoptt.iinneerTeext+= ;1.8.3 圖書搜搜索模塊塊實現過過程圖書搜索索模塊的的頁面設設計效

48、果果如圖11.200所示。圖1.220 圖書搜搜索模塊塊設計效效果具體實現現過程如如下：（1）創(chuàng)創(chuàng)建foorm表表單，添添加下拉拉列表框框、“搜搜索”按按鈕，將將查詢的的關鍵字字提交到到本頁，其關鍵鍵代碼如如下： 圖書書搜索： 請選選擇 類類別 語言 書名名 簡介 目錄 請請選擇 ooptiion vallue= ooptiion vallue= sellectted=seelecctedd opttionn vaaluee= seelecctedd=sseleecteed 頁面設計計完成后后，開始始編寫JJavaaScrriptt腳本，判斷搜搜索條件件下拉列列表的相相關代碼碼（在11.8.2

49、節(jié)中中有詳細細介紹，此處不不再贅述述）。（2）在在本頁中中，根據據forrm表單單提交的的關鍵字字執(zhí)行查查詢操作作，分頁頁循環(huán)輸輸出查詢詢結果，關鍵代代碼如下下： 書名名 發(fā)布布日期 0) whiile($arrr=mmysqql_ffetcch_aarraay($sell1)/循循環(huán)輸出出查詢結結果 ? a hreef=deffinee.phhp?iid= ?pphp eelsee eechoo allertt(對對不起，沒有您您要查找找的內容容！);wiindoow.llocaatioon.hhreff= inddex.phpp; ?phhpiif (issset($_GGETpaage)

50、/判判斷分頁頁變量是是否為空空$paage=$_GGETpaage;/定定義分頁頁變量，并且賦賦值elsse 共條記記錄 共共頁 當前第第頁 ?phhp if($paage!=1) echho 首首頁; echho 上上一頁; if($paage$paage_couunt) echho 下一頁頁; echho 尾頁頁; ? 五、練習習六、源程程序清單單、測試試數據、結果七、實訓訓出現的的問題、實訓結結果分析析（語法法錯英語語提示，中文翻翻譯，原原因，您您的理解解？）實訓2：夢幻網網絡日記記（PHHP+ MySSQL實實現）實訓名稱稱： 成成績： 實訓日期期： 年年 月 日 實訓報報告日期期：

51、年年 月 日一、實訓訓目的通過夢幻幻網絡日日記系統(tǒng)統(tǒng)的實現現，學生生必須掌掌握：1、項目目設計思思路 22、數據據庫設計計 33、首頁頁頁面設設計 44、網頁頁鬧鐘模模塊設計計 55、理財財助手模模塊設計計 66、管理理模塊設設計 二、實訓訓內容夢幻網絡絡日記系系統(tǒng)的設設計與實實現三、實訓訓環(huán)境服務器端端：操作系系統(tǒng)：WWinddowss 20003 Serrverr/Liinuxx（推薦薦）/ Winndowws XXP。服務務器：AApacche/2.22.8 (Wiin322)PHHP軟件件：PHHP VVerssionn 5.2.66數據據庫：MMySQQL 55.0.51、SQLL

52、Seerveer20000數數據庫。MyySQLL圖形化化管理軟軟件：pphpMMyAddminn- 22.100.3開發(fā)發(fā)工具：Adoobe Dreeamwweavver CS55。瀏覽覽器：IIE 66.0及及以上版版本。分辨辨率：最最佳效果果102247768像像素?？?戶 端：瀏覽覽器：推推薦IEE 6.0及以以上版本本。分辨辨率：最最佳效果果102247768像像素。四、實訓訓步驟、過過程1、系統(tǒng)統(tǒng)說明夢幻網絡絡日記主主要為用用戶提供供4個主主要模塊塊，包括括：網頁頁鬧鐘、理財助助手、我我的日記記以及管管理日記記本。網頁鬧鐘鐘主要為為用戶提提供事物物主題的的添加，事物主主題的查查詢以

53、及及網頁鬧鬧鐘的設設置。理財助手手為網絡絡日記的的特有模模塊，包包括收入入和支出出的添加加、財務務管理、財務查查詢以及及財務統(tǒng)統(tǒng)計。我的日記記是網絡絡日記的的主要模模塊。包包括日記記的添加加，日記記的查看看、日記記的查詢詢以及日日記刪除除。管理日記記本主要要是對用用戶登錄錄日記本本密碼的的修改。2、系統(tǒng)統(tǒng)功能圖圖與運行行效果圖圖夢幻網絡絡日記功功能結構構如圖22.1所所示。圖2.11 夢夢幻網絡絡日記功功能結構構圖用戶注冊冊頁面如如圖2.2所示示，該頁頁面顯示示用戶注注冊時需需要填寫寫的資料料。圖2.22 用用戶注冊冊頁面網頁鬧鐘鐘設置頁頁面如圖圖2.3所所示，該該頁面用用于網頁頁鬧鐘的的設置

54、，包括事事物主題題的選擇擇、提醒醒方式、提醒時時間、提提醒鈴聲聲的選擇擇等等。圖2.33 設設置網頁頁鬧鐘頁頁面添加日記記頁面如如圖2.4所示示，該頁頁面實現現日記數數據的添添加，包包括文章章主題、文章內內容、心心情等。圖2.44 添添加日記記界面財務管理理頁面如如圖2.5所示示，通過過時間和和類別的的查詢輸輸出相關關的支出出和收入入，并對對其進行行修改和和刪除。圖2.55 財財務管理理頁面3、代碼碼編寫（1）連連接數據據庫代碼碼（2）鬧鬧鐘刪除除代碼?phhpheadder(coonteent-typpe:ttextt/httml; chharsset=gb223122); incllude

55、e_onnce(coonn/connn.pphp);$id=$_GGETdeel_iid;if(mmysqql_qquerry(delletee frrom tb_cloock wheere id=.$idd.,$connn) eechoo allertt(該該鬧鈴刪刪除成功功！);wiindoow.llocaatioon.hhreff=iindeex.pphp?linnk=.urrlenncodde(設置鬧鬧鐘).;elsse eccho aleert(該鬧鬧鈴刪除除失??！);hisstorry.bbackk();?五、練習習六、源程程序清單單、測試試數據、結果七、實訓訓出現的的問題、實訓結

56、結果分析析（語法法錯英語語提示，中文翻翻譯，原原因，您您的理解解？）實訓3：企業(yè)網網站系統(tǒng)統(tǒng)（PHHP+MMySQQL實現現）實訓名稱稱： 成成績： 實訓日期期： 年年 月 日 實訓報報告日期期： 年年 月 日一、實訓訓目的通過企業(yè)業(yè)網站系系統(tǒng)的實實現，學學生必須須掌握：1、項目目設計思思路 22、數據據庫設計計 33、首頁頁頁面設設計 44、公司司前臺模模塊設計計 55、公司司后臺登登錄模塊塊設計二、實訓訓內容企業(yè)網站站系統(tǒng)的的設計與與實現三、實訓訓環(huán)境服務器端端：操作系系統(tǒng)：WWinddowss 20003 Serrverr/Liinuxx（推薦薦）/ Winndowws XXP。服務務器

57、：AApacche/2.22.8 (Wiin322)PHHP軟件件：PHHP VVerssionn 5.2.66數據據庫：MMySQQL 55.0.51、SQLL Seerveer20000數數據庫。MyySQLL圖形化化管理軟軟件：pphpMMyAddminn- 22.100.3開發(fā)發(fā)工具：Adoobe Dreeamwweavver CS55。瀏覽覽器：IIE 66.0及及以上版版本。分辨辨率：最最佳效果果102247768像像素?？?戶 端：瀏覽覽器：推推薦IEE 6.0及以以上版本本。分辨辨率：最最佳效果果102247768像像素。四、實訓訓步驟、過過程1、系統(tǒng)統(tǒng)說明企業(yè)網站站系統(tǒng)主主要

58、為用用戶提供供2個主主要模塊塊，包括括：前臺臺瀏覽和和后臺登登錄兩個個模塊。前臺瀏覽覽：網站站首頁、公司簡簡介、公公司產品品、技術術支持、客戶反反饋后臺登錄錄：公司司活動管管理、新新聞信息息管理、軟件產產品類別別管理、留言薄薄管理、常見問問題管理理、說明明書管理理、友情情鏈接管管理、虛虛擬主機機2、系統(tǒng)統(tǒng)功能圖圖與運行行效果圖圖夢幻網絡絡日記功功能結構構如圖33.1所所示。企業(yè)網站系統(tǒng)前臺瀏覽后臺登錄網站首頁公司簡介公司產品技術支持客戶反饋公司活動管理新聞信息管理軟件類別管理硬件產品管理留言薄管理常見問題管理說明書管理友情鏈接管理虛擬主機圖3.11 企企業(yè)網站站系統(tǒng)功功能結構構圖運行結果果如圖

59、33.2所所示：圖3.22 前前臺頁面面后臺登錄錄效果圖圖如圖33.3所所示：圖3.33 后后臺管理理頁面3、代碼碼編寫（1）連連接數據據庫代碼碼（2）網網站首頁頁代碼企業(yè)網網站系統(tǒng)統(tǒng)!funcctioon MMM_ss() /v33.0 vaar ii,x,a=ddocuumennt.MMM_ssr; forr(i=0;aa&iia.lenngthh&(x=aai)&x.ooSrcc;i+) x.ssrc=x.ooSrcc;funcctioon MMM_pprelloaddImaagess() /v33.0 vaar dd=doocummentt; iif(dd.immagees) iff(

60、!dd.MMM_p) d.MM_p=nnew Arrray(); varr i,j=dd.MMM_p.lenngthh,a=MM_preeloaadImmagees.aarguumennts; foor(ii=0; i0&parrentt.frramees.llenggth) d=ppareent.fraamessn.subbstrringg(p+1).doocummentt; nn=n.subbstrringg(0,p); iff(!(x=ddn)&d.aall) x=d.aalln; foor (i=00;!xx&iid.forrms.lenngthh;i+) x=dd.foormssin