網(wǎng)站設(shè)計項目教學(xué)實訓(xùn)指導(dǎo)書

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

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

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

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

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

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

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

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

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

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

12、p：在頂頂層窗口口中打開開文件，常用于于框架頁頁面。2通過過$_GGET方法法獲取超超鏈接傳傳遞的數(shù)數(shù)據(jù)獲取超鏈鏈接傳遞遞的數(shù)據(jù)據(jù)，需要要使用$_GEET方法。（1）獲獲取圖書書id序序號的關(guān)關(guān)鍵代碼碼如下：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);/獲獲取查詢詢結(jié)果（2）獲獲取圖書書語言的的關(guān)鍵代代碼如下下：if(iisseet($_GEETtallk1)/判判斷圖書書語言信信息是否否存在$tallk=$_GEETtallk1;/為為圖書語語言信息息定義變變量名稱稱$sellectt1=mmysqql_qquerry(sellectt * froom ttb_bbookk whheree taalk=$ttalkk,$coonn);/查詢圖圖書信息息1.3.3 首頁頁頁面實現(xiàn)現(xiàn)過程首頁頁面面的設(shè)計計效果如如圖1.8所示示。圖1.88 首首頁頁面面設(shè)計效效果具體實現(xiàn)現(xiàn)過程如如下：（1）首首頁頁面面主要包包括程序序?qū)Ш讲瞬藛?、搜搜?/p>

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

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

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

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

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)/查詢詢數(shù)據(jù)庫庫中是否否存在該該用戶名名$sellectt=myysqll_quueryy

19、(sseleect * ffromm tbb_looginn whheree usser=.$_PPOSTTuuserr. ,$connn);iif(mmysqql_nnum_rowws($sellectt)=0)/判判斷查詢詢結(jié)果是是否為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 登錄錄模塊設(shè)設(shè)計1.5.1 登錄模模塊概述述注冊成功功后，用用戶即可可使用注注冊的用用戶名和和密碼進進行登錄錄。單擊擊首頁頁頁面中的的“登錄錄”超鏈鏈接，進進入登錄錄頁面，輸入正正確的用用戶名和和密碼，單擊“登錄”按鈕，即可成成功登錄錄，用戶戶登錄成成功后可可以添加加和管理理圖書信信息。用用戶登錄錄模塊的的運行效效果如圖圖1.111所示示。圖1.111 用戶登登錄模塊塊運行效效果1.5.2 登錄模模塊實現(xiàn)現(xiàn)過

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

23、();/調(diào)調(diào)用seessiion_staart()函數(shù)數(shù)，聲明明sesssioonheaaderr(cconttentt-tyype:texxt/hhtmll;chharsset=utff-8);/設(shè)設(shè)置文件件編碼inccludde(connn/cconnn.phhp);/包包含數(shù)據(jù)據(jù)庫連接接文件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)/判判斷查詢詢結(jié)果是是否為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 圖書書信息添添加模塊塊設(shè)計1.6.1 圖書信信息添加加模塊概概述只有登錄錄成功的的用戶，才可以以進入圖圖書信息息添加模模塊。在在首頁導(dǎo)導(dǎo)航菜單單中，單單擊“圖圖書信息息添加”超鏈接接，即可可進入到到圖書信信息添加加頁面，運行效效果如

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

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

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

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

30、別別： ooptiion vallue= 語言言： ooptiion vallue= 簡簡介： （2）當(dāng)當(dāng)用戶單單擊“提提交”按按鈕后，在數(shù)據(jù)據(jù)處理頁頁獲取表表單提交交數(shù)據(jù)，將其添添加到指指定的數(shù)數(shù)據(jù)表中中，關(guān)鍵鍵代碼如如下： ?pphp heaaderr(cconttentt-tyype:texxt/hhtmll;chharsset=utff-8);/設(shè)設(shè)置文件件編碼inccludde(connn/cconnn.phhp);/包包含數(shù)據(jù)據(jù)庫連接接文件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、完成成具體文文件的上上傳操作作。這些些內(nèi)容需需要手動動存儲到到服務(wù)器器的對應(yīng)應(yīng)文件夾夾下。1.7 圖書書信息管管理模塊塊設(shè)計1.7.1 圖書信信息管理理模塊概概述用戶成功功登錄后后，才可可以進入入圖書信信息管理理模塊。在導(dǎo)航航菜單中中單擊“圖書信信息管理理”超鏈鏈接，即即可進入入到圖書書信息管管理頁面面中，運運行效果果如圖11.166所示。在圖書書信息管管理頁面面中，可可以查看看圖書的的詳細(xì)信信息，修修改及刪刪除圖書書信息。圖1.116 圖書信信息管理理頁面運運行效果果1.7.2 分頁技技術(shù)在圖書信信息管理理模塊中中對圖書書信息進進行了分分頁顯示示，每頁頁顯示110條記記錄，當(dāng)當(dāng)總記錄錄數(shù)超過

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

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

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

38、表表單中各各個元素素的初始始值進行行輸出，最后創(chuàng)創(chuàng)建“提提交”按按鈕，將將數(shù)據(jù)提提交到uupdaate_ok_ok.phpp文件中中，完成成對圖書書信息的的修改操操作，關(guān)關(guān)鍵代碼碼如下： 書名名： 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）當(dāng)當(dāng)用戶修修改完信信息后，單擊“提交”按鈕，在數(shù)據(jù)據(jù)處理頁頁中將對對數(shù)據(jù)庫庫中的數(shù)數(shù)據(jù)進行行修改，其關(guān)鍵鍵代碼如如下： ?pphpheaaderr(CConttentt

40、-tyype:texxt/hhtmll;chharsset=utff-8);/設(shè)設(shè)置文件件編碼inccludde(connn/cconnn.phhp);/包包含數(shù)據(jù)據(jù)庫連接接文件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刪除除圖書信信息在圖書分分頁瀏覽覽頁面中中，單擊擊“刪除除”超鏈鏈接后，將跳轉(zhuǎn)轉(zhuǎn)到deelette.pphp文文件中，根據(jù)超超鏈接傳傳遞的IID值，應(yīng)用ddeleete語語句完成成指定圖圖書信息息的刪除除操作。Delletee.phhp文件件的關(guān)鍵鍵代碼如如下：?pphpheaaderr(cconttentt-tyype:texxt/hhtmll;chharsset=utff-8);/設(shè)設(shè)置文件件編碼inccludde(connn/cconnn.phhp);/包包含數(shù)據(jù)據(jù)庫連接接文件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 圖書書搜索模模塊設(shè)計計1.8.1 圖書搜搜索模塊塊概述在圖書搜搜索條件件下拉

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

45、y.vvaluue=)aalerrt(請輸入入搜索關(guān)關(guān)鍵字！);fformm1.vvaluue.sseleect();rretuurn fallse;rretuurn truue;funnctiion preess(optt)/定定義prresss()方方法，控控制下拉拉列表框框sellectt2顯示示的值/oopt表表示現(xiàn)有有可選項項的數(shù)目目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表示示現(xiàn)有可可選項的的數(shù)目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 圖書搜搜索模塊塊實現(xiàn)過過程圖書搜索索模塊的的頁面設(shè)設(shè)計效

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

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

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

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

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

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

54、，包括事事物主題題的選擇擇、提醒醒方式、提醒時時間、提提醒鈴聲聲的選擇擇等等。圖2.33 設(shè)設(shè)置網(wǎng)頁頁鬧鐘頁頁面添加日記記頁面如如圖2.4所示示，該頁頁面實現(xiàn)現(xiàn)日記數(shù)數(shù)據(jù)的添添加，包包括文章章主題、文章內(nèi)內(nèi)容、心心情等。圖2.44 添添加日記記界面財務(wù)管理理頁面如如圖2.5所示示，通過過時間和和類別的的查詢輸輸出相關(guān)關(guān)的支出出和收入入，并對對其進行行修改和和刪除。圖2.55 財財務(wù)管理理頁面3、代碼碼編寫（1）連連接數(shù)據(jù)據(jù)庫代碼碼（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(設(shè)置鬧鬧鐘).;elsse eccho aleert(該鬧鬧鈴刪除除失??！);hisstorry.bbackk();?五、練習(xí)習(xí)六、源程程序清單單、測試試數(shù)據(jù)、結(jié)果七、實訓(xùn)訓(xùn)出現(xiàn)的的問題、實訓(xùn)結(jié)

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

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

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

59、33.2所所示：圖3.22 前前臺頁面面后臺登錄錄效果圖圖如圖33.3所所示：圖3.33 后后臺管理理頁面3、代碼碼編寫（1）連連接數(shù)據(jù)據(jù)庫代碼碼（2）網(wǎng)網(wǎng)站首頁頁代碼企業(yè)網(wǎng)網(wǎng)站系統(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