網(wǎng)站設(shè)計項目策劃教學實訓指導書

1、PHP網(wǎng)站設(shè)計項目教學 實訓指導書上饒職業(yè)技術(shù)學院信息工程系 目 錄 TOC o 1-3 h z u HYPERLINK l _Toc344236011 實訓1：圖書信息治理系統(tǒng)（PHP+MySQL實現(xiàn)） PAGEREF _Toc344236011 h 1 HYPERLINK l _Toc344236012 實訓2：夢幻網(wǎng)絡(luò)日記（PHP+ MySQL實現(xiàn)） PAGEREF _Toc344236012 h 37 HYPERLINK l _Toc344236013 實訓3：企業(yè)網(wǎng)站系統(tǒng)（PHP+MySQL實現(xiàn)） PAGEREF _Toc344236013 h 42 HYPERLINK l _Toc

2、344236014 實訓4：電子商務(wù)網(wǎng)站（PHP+MySQL實現(xiàn)） PAGEREF _Toc344236014 h 58實訓1：圖書信息治理系統(tǒng)（PHP+MySQL實現(xiàn)）實訓名稱： 成績： 實訓日期： 年 月 日 實訓報告日期： 年 月 日一、實訓目的通過圖書信息治理系統(tǒng)的實現(xiàn)，學生必須掌握：1、項目設(shè)計思路 2、數(shù)據(jù)庫設(shè)計 3、首頁頁面設(shè)計 4、注冊模塊設(shè)計 5、登錄模塊設(shè)計 6、圖書信息添加模塊設(shè)計 7、圖書信息治理模塊設(shè)計 8、圖書搜索模塊設(shè)計二、實訓內(nèi)容圖書信息治理系統(tǒng)的設(shè)計與實現(xiàn)三、實訓環(huán)境服務(wù)器端：操作系統(tǒng)：Windows 2003 Server/Linux（推舉）/ Window

3、s XP。服務(wù)器：Apache/2.2.8 (Win32)PHP軟件：PHP Version 5.2.6數(shù)據(jù)庫：MySQL 5.0.51、SQL Server2000數(shù)據(jù)庫。MySQL圖形化治理軟件：phpMyAdmin- 2.10.3開發(fā)工具：Adobe Dreamweaver CS5。掃瞄器：IE 6.0及以上版本。分辨率：最佳效果1024768像素?？?戶 端：掃瞄器：推舉IE 6.0及以上版本。分辨率：最佳效果1024768像素。四、實訓步驟、過程1.1 項目設(shè)計思路1.1.1 功能闡述圖書信息治理系統(tǒng)要緊實現(xiàn)對圖書信息進行分類、分語言治理，并對圖書的差不多信息、程序、文稿和視頻文件進

4、行治理，以便用戶能夠快速找到需要的資源。在本系統(tǒng)中，用戶能夠添加、修改和刪除圖書信息。1.1.2 系統(tǒng)預覽圖書信息治理系統(tǒng)由多個頁面組成，下面列出幾個典型頁面，其他頁面可參見配套資源中的源程序。圖書信息治理系統(tǒng)主頁面的運行效果如圖1.1所示。圖1.1 圖書信息治理系統(tǒng)主頁面圖書信息添加頁面的運行效果如圖1.2所示。圖書詳細信息頁面的運行效果如圖1.3所示。 圖1.2 圖書信息添加頁面 圖1.3 圖書詳細信息頁面1.1.3 功能結(jié)構(gòu)圖書信息治理系統(tǒng)的功能結(jié)構(gòu)如圖1.4所示。圖1.4 圖書信息治理系統(tǒng)的功能結(jié)構(gòu)圖1.1.4 文件組織結(jié)構(gòu)圖書信息治理系統(tǒng)中使用的根目錄文件夾是01，其中包括的文件架構(gòu)

5、如圖1.5所示。圖1.5 圖書信息治理系統(tǒng)的文件架構(gòu)圖1.2 數(shù)據(jù)庫設(shè)計1.2.1 數(shù)據(jù)庫設(shè)計結(jié)構(gòu)圖書信息治理系統(tǒng)中，采納的是MySQL數(shù)據(jù)庫，要緊用來存儲圖書信息。那個地點將數(shù)據(jù)庫命名為db_book，其中包含的數(shù)據(jù)表如圖1.6所示。圖1.6 數(shù)據(jù)庫結(jié)構(gòu)1.2.2 數(shù)據(jù)表設(shè)計結(jié)構(gòu)數(shù)據(jù)表設(shè)計是一個特不關(guān)鍵的環(huán)節(jié)，下面對系統(tǒng)中的數(shù)據(jù)表結(jié)構(gòu)進行分析。1圖書信息表（tb_book）圖書信息表要緊用于存儲圖書信息，數(shù)據(jù)表字段設(shè)計如表1.1所示。表1.1 圖書信息表（tb_book）設(shè)計字 段類 型額 外講 明idint（10）auto_increment信息idsortvarchar（100）圖書類不

6、talkvarchar（100）圖書語言booksvarchar（100）書名synopsisvarchar（100）簡介catalogvarchar（100）目錄bookpathvarchar（100）圖書文稿路徑programpathvarchar（100）圖書程序路徑videopathvarchar（100）視頻文件路徑datedate錄入日期2圖書類不表（tb_sort）圖書類不表要緊用于存儲圖書類不信息，數(shù)據(jù)表字段設(shè)計如表1.2所示。表1.2 圖書類不表（tb_sort）設(shè)計字 段類 型額 外講 明idint（10）auto_increment類不idsortvarchar（40）類

7、不名稱3圖書語言表（tb_program）圖書語言表要緊用于存儲圖書語言，數(shù)據(jù)表字段設(shè)計如表1.3所示。表1.3 圖書語言表（tb_program）設(shè)計字 段類 型額 外講 明idint（10）auto_increment語言idtalkvarchar（40）語言名稱4會員信息表（tb_login）會員信息表要緊用于存儲會員的差不多信息，數(shù)據(jù)表字段設(shè)計如表1.4所示。表1.4 會員信息表（tb_login）設(shè)計字 段類 型額 外講 明idint（10）auto_increment會員iduservarchar（40）會員用戶名pwdvarchar（40）會員密碼sectionvarchar（4

8、0）所在部門namevarchar（40）真實姓名1.2.3 連接數(shù)據(jù)庫由于系統(tǒng)大部分頁面都需要使用數(shù)據(jù)庫，假如每頁都編寫相同的數(shù)據(jù)庫連接代碼，會顯得十分煩瑣，因此本系統(tǒng)將數(shù)據(jù)庫連接代碼單獨存入一個PHP文件conn.php中，在需要與數(shù)據(jù)庫連接的頁面中，使用包含函數(shù)包含該文件即可，代碼如下：1.3 首頁設(shè)計1.3.1 首頁頁面概述運行程序，進入圖書信息治理系統(tǒng)首頁，如圖1.7所示。在首頁中，對圖書信息按語言進行了分類顯示，單擊圖書書名可查看圖書的詳細信息，還能夠進行搜索圖書信息等操作。其中圖書信息添加和圖書信息治理需要登錄后才能夠操作。圖1.7 圖書信息治理系統(tǒng)首頁運行結(jié)果1.3.2 獵取超

9、鏈接傳遞的數(shù)據(jù)本系統(tǒng)首頁頁面中，查看圖書詳細信息及更多圖書信息分不使用了超鏈接傳值技術(shù)。查看圖書詳細信息時，要緊通過超鏈接傳遞圖書的id序號；查看更多圖書信息時，要緊通過超鏈接傳遞圖書的語言。關(guān)鍵代碼如下：（1）通過超鏈接傳遞圖書的id序號：a href=define.php?id=（2）通過超鏈接傳遞圖書的語言：a target=_blank href=more.php?talk1=更多1通過超鏈接傳遞值定義超鏈接使用標記，其語法格式如下：鏈接文字a標記的屬性如下： href屬性：指定所鏈接文件的URL路徑。該路徑能夠是相對路徑，也能夠是絕對路徑。 name屬性：指定頁面的錨點名稱，假如需要

10、鏈接到對應(yīng)的錨點位置，需要在錨點名稱前添加一個“#”字符。 target屬性：指定要打開的鏈接所使用的掃瞄器窗口名稱，能夠使用自定義的窗口名稱，也能夠使用下面4個內(nèi)置的窗口名稱，其中前兩個比較常用。_self：在當前窗口中打開鏈接文件，是默認值。_blank：開啟一個新的窗口打開鏈接文件。_parent：在父級窗口中打開文件，常用于框架頁面。_top：在頂層窗口中打開文件，常用于框架頁面。2通過$_GET方法獵取超鏈接傳遞的數(shù)據(jù)獵取超鏈接傳遞的數(shù)據(jù)，需要使用$_GET方法。（1）獵取圖書id序號的關(guān)鍵代碼如下：if(isset($_GETid)/推斷圖書id是否存在$id=$_GETid;/為

11、圖書id定義變量名稱$select1=mysql_query(select * from tb_book where id=$id,$conn);/查詢圖書信息$array1=mysql_fetch_array($select1);/獵取查詢結(jié)果（2）獵取圖書語言的關(guān)鍵代碼如下：if(isset($_GETtalk1)/推斷圖書語言信息是否存在$talk=$_GETtalk1;/為圖書語言信息定義變量名稱$select1=mysql_query(select * from tb_book where talk=$talk,$conn);/查詢圖書信息1.3.3 首頁頁面實現(xiàn)過程首頁頁面的設(shè)計效

12、果如圖1.8所示。圖1.8 首頁頁面設(shè)計效果具體實現(xiàn)過程如下：（1）首頁頁面要緊包括程序?qū)Ш讲藛?、搜索及最新圖書信息列表等功能，其中，導航菜單部分包括輸出首頁、圖書信息添加和圖書信息治理的超鏈接，關(guān)鍵代碼如下：首頁 圖書信息添加歡迎您：退出（2）在搜索部分創(chuàng)建form表單，提交查詢的關(guān)鍵字，同時將關(guān)鍵字提交到select.php文件中進行處理。圖書查詢form表單創(chuàng)建的關(guān)鍵代碼如下：圖書搜索：list.submit() 請選擇 類不 語言 書名 簡介 目錄 請選擇 option value= selected=selected option value= selected=selected （

13、3）最新圖書信息顯示，能夠查詢出每類圖書中最新的兩條數(shù)據(jù)，同時通過while語句循環(huán)輸出查詢結(jié)果，其關(guān)鍵代碼如下： a href=define.php?id= /省略部分代碼1.4 注冊模塊設(shè)計1.4.1 注冊模塊概述注冊功能要緊用于為用戶獵取登錄用戶名和密碼。在首頁中單擊“注冊”超鏈接，即可進入注冊頁面，在注冊頁面中填寫用戶名、密碼、部門及真實姓名后，單擊“注冊”按鈕即可完成注冊操作。注冊模塊的運行效果如圖1.9所示。圖1.9 注冊模塊運行效果1.4.2 注冊模塊實現(xiàn)過程注冊模塊的設(shè)計效果如圖1.10所示。圖1.10 注冊模塊設(shè)計效果具體實現(xiàn)過程如下：（1）用戶注冊模塊要緊由表單頁面（log

14、in.php）及數(shù)據(jù)信息處理頁（login_ok.php）組成。在表單頁login.php中，創(chuàng)建form表單，提交用戶注冊信息，同時將數(shù)據(jù)提交到login_ok.php文件中，其關(guān)鍵代碼如下： 用戶名： 密碼： 部門： 真實姓名： （2）用戶單擊“注冊”按鈕后，將數(shù)據(jù)提交到數(shù)據(jù)處理頁login_ok.php中，對提交的數(shù)據(jù)進行驗證，假如正確，則將數(shù)據(jù)添加到指定的數(shù)據(jù)表中，提示用戶注冊成功；否則，返回用戶注冊頁面。login_ok.php的代碼如下：?phpheader(content-type:text/html;charset=utf-8);/設(shè)置頁面編碼include(conn/conn

15、.php);/包含數(shù)據(jù)庫連接文件/推斷用戶名、密碼等信息是否存在if(isset($_POSTuser) and isset($_POSTpwd) and isset($_POSTsection) and isset($_ POSTname)/推斷用戶名、密碼等信息是否不為空if($_POSTuser!=null and $_POSTpwd!=null and $_POSTsection!=null and $_POSTname!=null)/查詢數(shù)據(jù)庫中是否存在該用戶名$select=mysql_query(select * from tb_login where user=.$_POSTu

16、ser. ,$conn);if(mysql_num_rows($select)=0)/推斷查詢結(jié)果是否為0/假如用戶名不存在，則執(zhí)行添加操作$insert=mysql_query(insert into tb_login(user,pwd,section,name) values(.$_POSTuser.,.$_POSTpwd.,.$_POSTsection., .$_POSTname.), $conn);if($insert)/推斷添加操作是否執(zhí)行成功echo alert(恭喜您！注冊成功！);window.location.href=enter.php;/輸出注冊成功提示elseecho

17、alert(注冊失??！);window.location.href=login.php;/否則輸出注冊失敗提示else/輸出用戶名已存在提示echo alert(用戶名已存在，請重新輸入！);window.location.href= login.php;else/輸出請?zhí)顚懲暾畔⑻崾?1.5 登錄模塊設(shè)計1.5.1 登錄模塊概述注冊成功后，用戶即可使用注冊的用戶名和密碼進行登錄。單擊首頁頁面中的“登錄”超鏈接，進入登錄頁面，輸入正確的用戶名和密碼，單擊“登錄”按鈕，即可成功登錄，用戶登錄成功后能夠添加和治理圖書信息。用戶登錄模塊的運行效果如圖1.11所示。圖1.11 用戶登錄模塊運行效果1

18、.5.2 登錄模塊實現(xiàn)過程登錄模塊的設(shè)計效果如圖1.12所示。圖1.12 登錄模塊的設(shè)計效果具體實現(xiàn)過程如下：（1）用戶登錄模塊要緊由表單設(shè)計頁（enter.php）及數(shù)據(jù)信息處理頁（enter_ok.php）兩個頁面組成。在enter.php頁中，創(chuàng)建form表單提交用戶登錄的用戶名和密碼。其關(guān)鍵代碼如下：（2）?phpsession_start();/調(diào)用session_start()函數(shù)，聲明sessionheader(content-type:text/html;charset=utf-8);/設(shè)置文件編碼include(conn/conn.php);/包含數(shù)據(jù)庫連接文件if(isse

19、t($_POSTuser) and isset($_POSTpwd)/推斷用戶名和密碼是否存在if($_POSTuser!=null and $_POSTpwd!=null)/推斷用戶名和密碼是否為空pwd=.$_POSTpwd.,$conn);/查詢用戶名和密碼if(mysql_num_rows($select)=1)/推斷查詢結(jié)果是否為1echo alert(登錄成功！);window.location.href=index.php;/登錄成功提示$_SESSIONuser=$_POSTuser;/定義session變量else /輸出用戶名和密碼不正確提示echo alert(用戶名和密

20、碼不正確！);window.location.href= enter.php;else /輸出請輸入用戶名和密碼提示?1.6 圖書信息添加模塊設(shè)計1.6.1 圖書信息添加模塊概述只有登錄成功的用戶，才能夠進入圖書信息添加模塊。在首頁導航菜單中，單擊“圖書信息添加”超鏈接，即可進入到圖書信息添加頁面，運行效果如圖1.13所示。填寫完整的圖書信息后，單擊“提交”按鈕，即可完成圖書信息添加操作。圖1.13 圖書信息添加模塊運行效果1.6.2 在下拉菜單中顯示數(shù)據(jù)表某列的字段值圖書信息添加模塊中要緊通過下拉菜單顯示圖書類不及語言信息。首先，創(chuàng)建下拉列表框。然后，使用select語句查詢數(shù)據(jù)表中的數(shù)據(jù)。

21、最后，將查詢到的sort字段的值作為下拉列表框的值，使用while()語句循環(huán)輸出，其關(guān)鍵代碼如下：?php$select1=mysql_query(select * from tb_sort,$conn);/查詢圖書類不類不： option value= ?講明：上面代碼實現(xiàn)的是顯示圖書類不，顯示圖書語言的實現(xiàn)方法同上，那個地點不再贅述。（1）select查詢語句select查詢語句的語法如下：$result=mysql_query(select * from tb_user where name=mr,$conn);其中，mysql_query()函數(shù)執(zhí)行對數(shù)據(jù)庫操作的SQL語句；$con

22、n為服務(wù)器的連接標識。（2）while()循環(huán)語句while()循環(huán)語句的作用是反復執(zhí)行某一項操作，是循環(huán)操縱語句中最簡單且最常用的一個。while()循環(huán)語句對表達式的值進行推斷，當表達式為非0值時，執(zhí)行while()語句中的內(nèi)嵌語句；當表達式的值為0時，則不執(zhí)行while()語句中的內(nèi)嵌語句。該語句的特點是：先推斷表達式，后執(zhí)行語句。while循環(huán)操縱語句的操作流程如圖1.14所示。表達式表達式圖1.14 while()循環(huán)操縱語句的操作流程其語法如下：while (expr) /* statement; 先推斷條件，當條件滿足時執(zhí)行語句塊，否則 不向下執(zhí)行 */只要while表達式exp

23、r的值為TRUE，就重復執(zhí)行嵌套中的statement語句，假如while表達式的值一開始確實是FALSE，則循環(huán)語句一次也不執(zhí)行。1.6.3 圖書信息添加模塊實現(xiàn)過程圖書信息添加模塊的設(shè)計效果如圖1.15所示。圖1.15 圖書信息添加模塊設(shè)計效果具體實現(xiàn)過程如下：（1）圖書信息添加模塊要緊由表單設(shè)計頁（insert.php）和數(shù)據(jù)處理頁（insert_ok.php）組成，表單設(shè)計頁的關(guān)鍵代碼如下： 書名： 類不： option value= 語言： option value= 簡介： （2）當用戶單擊“提交”按鈕后，在數(shù)據(jù)處理頁獵取表單提交數(shù)據(jù)，將其添加到指定的數(shù)據(jù)表中，關(guān)鍵代碼如下： ?p

24、hp header(content-type:text/html;charset=utf-8);/設(shè)置文件編碼include(conn/conn.php);/包含數(shù)據(jù)庫連接文件if(isset($_POSTSubmit) and $_POSTSubmit=提交)/推斷“提交”按鈕是否存在$sort=$_POSTsort;/定義類不變量$talk=$_POSTtalk;/定義語言變量$books=$_POSTbooks;/定義書名變量$synopsis=$_POSTsynopsis;/定義簡介變量$catalog=$_POSTcatalog;/定義目錄變量$cata=str_replace(ch

25、r(13),$catalog);/保留目錄中的換行符$bookpath=$_POSTbookpath;/定義文稿路徑變量$programpath=$_POSTprogrampath;/定義程序路徑變量$videopath=$_POSTvideopath;/定義錄像路徑變量$date=date(Y-m-d);/定義時刻變量/執(zhí)行添加操作$insert=mysql_query(insert into tb_book(sort,talk,books,synopsis,catalog,bookpath, programpath, videopath,date) values($sort,$talk,$

26、books,$synopsis,$cata,$bookpath,$programpath,$videopath, $date),$conn);if($insert)/推斷添加語句是否執(zhí)行成功echo alert(添加成功！);window.location.href=index.php;/輸出添加成功提示elseecho alert(添加失敗！);window.location.href=insert.php;/輸出添加失敗提示?講明：在圖書信息添加模塊中，關(guān)于圖書的文稿、程序和錄像存儲的差不多上指定的路徑，并沒有完成具體文件的上傳操作。這些內(nèi)容需要手動存儲到服務(wù)器的對應(yīng)文件夾下。1.7 圖書

27、信息治理模塊設(shè)計1.7.1 圖書信息治理模塊概述用戶成功登錄后，才能夠進入圖書信息治理模塊。在導航菜單中單擊“圖書信息治理”超鏈接，即可進入到圖書信息治理頁面中，運行效果如圖1.16所示。在圖書信息治理頁面中，能夠查看圖書的詳細信息，修改及刪除圖書信息。圖1.16 圖書信息治理頁面運行效果1.7.2 分頁技術(shù)在圖書信息治理模塊中對圖書信息進行了分頁顯示，每頁顯示10條記錄，當總記錄數(shù)超過10條時自動分頁，并顯示“下一頁”、“尾頁”超鏈接，其關(guān)鍵代碼如下： 共條記錄共頁當前第頁 ?phpif($page!=1)/推斷，假如分頁變量值不為1，輸出下面的超鏈接echo 首頁;echo 上一頁;if(

28、$page$page_count)/推斷，假如分頁變量小于總的記錄數(shù)，則輸出下面的超鏈接echo 下一頁;echo 尾頁;?上面代碼中使用mysql_num_rows()函數(shù)獵取select查詢語句查詢到的總記錄數(shù)，并以ceil()函數(shù)獵取總頁數(shù)。1.7.3 圖書信息治理模塊實現(xiàn)過程圖書信息治理模塊的設(shè)計效果如圖1.17所示。圖1.17 圖書信息治理模塊設(shè)計效果圖書信息治理模塊實現(xiàn)圖書信息的分頁掃瞄、修改、刪除和查看圖書詳細信息操作，下面分不對各項功能的實現(xiàn)方法進行介紹。1圖書信息分頁掃瞄有關(guān)圖書信息分頁掃瞄的內(nèi)容請參考1.7.2節(jié)，那個地點不再贅述。2查看圖書詳細信息在圖書分頁掃瞄頁面中，當

29、用戶單擊圖書名稱超鏈接時，將進入圖書詳細信息頁，依照超鏈接傳遞的ID值，在define.php文件中輸出指定圖書的所有信息，define.php文件的關(guān)鍵代碼如下： 書名： /省略部分代碼 文稿存儲位置： ;? /省略部分代碼 簡介： 目錄： 3修改圖書信息在圖書分頁掃瞄頁面中，當用戶單擊“修改”超鏈接時，將進入圖書信息修改頁面，運行效果如圖1.18所示。圖1.18 圖書信息修改頁面具體實現(xiàn)過程如下：（1）在圖書信息修改頁面創(chuàng)建form表單，將依照超鏈接傳遞的ID值，查詢出指定下： 書名： input name=books type=text value= size=50 / 類不： opti

30、on value= 語言： option value= 簡介： input name=synopsis type=text value= size=50 / 目錄： 文稿路徑： input name=bookpath type=text value= size=50 / 程序路徑： size=50 / 錄像路徑： size=50 / input type=hidden name=id value=/ （2）當用戶修改完信息后，單擊“提交”按鈕，在數(shù)據(jù)處理頁中將對數(shù)據(jù)庫中的數(shù)據(jù)進行修改，其關(guān)鍵代碼如下： ?phpheader(Content-type:text/html;charset=utf-

31、8);/設(shè)置文件編碼include(conn/conn.php);/包含數(shù)據(jù)庫連接文件if(isset($_POSTSubmit) and $_POSTSubmit=提交)/推斷“提交”按鈕是否存在$update=mysql_query(update tb_book set sort=.$_POSTsort. ,talk=.$_POST talk.,books=.$_POSTbooks.,synopsis=.$_POSTsynopsis.,catalog=.$_POSTcatalog.,bookpath=.$_POSTbookpath.,programpath=.$_POSTprogrampa

32、th.,videopath= .$_POSTvideopath. where id=.$_POSTid.,$conn);/執(zhí)行修改語句if($update)echo alert(修改成功！);window.location.href=update.php;elseecho alert(修改失?。?;window.location.href=update_ok.php;?4刪除圖書信息在圖書分頁掃瞄頁面中，單擊“刪除”超鏈接后，將跳轉(zhuǎn)到delete.php文件中，依照超鏈接傳遞的ID值，應(yīng)用delete語句完成指定圖書信息的刪除操作。Delete.php文件的關(guān)鍵代碼如下：?phpheader(

33、content-type:text/html;charset=utf-8);/設(shè)置文件編碼include(conn/conn.php);/包含數(shù)據(jù)庫連接文件if(isset($_GETid)/推斷id是否存在$delete=mysql_query(delete from tb_book where id=.$_GETid.,$conn);/執(zhí)行刪除語句if($delete)echo alert(刪除成功！);window.location.href=update.php;elseecho alert(刪除失??！);window.location.href=update.php;?1.8 圖書搜

34、索模塊設(shè)計1.8.1 圖書搜索模塊概述在圖書搜索條件下拉列表中選擇查詢條件，單擊“搜索”按鈕，即可顯示搜索結(jié)果。圖書搜索模塊的運行效果如圖1.19所示。圖1.19 圖書搜索模塊運行效果1.8.2 通過JavaScript腳本創(chuàng)建級聯(lián)下拉列表框本模塊通過JavaScript技術(shù)推斷搜索條件是否為空及依照用戶選擇的數(shù)據(jù)更改相應(yīng)列表中的數(shù)據(jù)。當用戶在第一個列表中選擇搜索條件后，第二個列表中的數(shù)據(jù)也將隨之改變，并與第一個列表中的數(shù)據(jù)相對應(yīng)，關(guān)鍵代碼如下：function fetch()/推斷搜索關(guān)鍵字是否為空if(form1.key.value=)alert(請輸入搜索關(guān)鍵字！);form1.valu

35、e.select();return false;return true;function press(opt)/定義press()方法，操縱下拉列表框select2顯示的值/opt表示現(xiàn)有可選項的數(shù)目form1.select2.optionsopt=new Option(ok=(form1.select2.optionsopt)?form1.select2.optionsopt.innerText+String.fromCharCode(event.keyCode):String.fromCharCode(event.keyCode),ok)form1.select2.selectedInde

36、x=opt;function up(opt)/定義up()方法操縱select2的值/opt表示現(xiàn)有可選項的數(shù)目if(form1.select2.optionsopt)if(event.keyCode=8)var str=form1.select2.optionsopt.innerText;var len=str.length;form1.select2.optionsopt.innerText=str.substring(0,len-1);if(form1.select2.optionsopt.innerText= )select2.remove(2);if(event.keyCode=32

37、)form1.select2.optionsopt.innerText+= ;1.8.3 圖書搜索模塊實現(xiàn)過程圖書搜索模塊的頁面設(shè)計效果如圖1.20所示。圖1.20 圖書搜索模塊設(shè)計效果具體實現(xiàn)過程如下：（1）創(chuàng)建form表單，添加下拉列表框、“搜索”按鈕，將查詢的關(guān)鍵字提交到本頁，其關(guān)鍵代碼如下： 圖書搜索： 請選擇 類不 語言 書名 簡介 目錄 請選擇 option value= selected=selected option value= selected=selected 頁面設(shè)計完成后，開始編寫JavaScript腳本，推斷搜索條件下拉列表的相關(guān)代碼（在1.8.2節(jié)中有詳細介紹，此

38、處不再贅述）。（2）在本頁中，依照form表單提交的關(guān)鍵字執(zhí)行查詢操作，分頁循環(huán)輸出查詢結(jié)果，關(guān)鍵代碼如下： 書名 公布日期 0) while($arr=mysql_fetch_array($sel1)/循環(huán)輸出查詢結(jié)果 ? ?php else echo alert(對不起，沒有您要查找的內(nèi)容！);window.location.href= index.php; ?phpif (isset($_GETpage)/推斷分頁變量是否為空$page=$_GETpage;/定義分頁變量，同時賦值else 當前第頁 ?php if($page!=1) echo 首頁; echo 上一頁; if($pag

39、e$page_count) echo 下一頁; echo 尾頁; ? 五、練習六、源程序清單、測試數(shù)據(jù)、結(jié)果七、實訓出現(xiàn)的問題、實訓結(jié)果分析（語法錯英語提示，中文翻譯，緣故，您的理解？）實訓2：夢幻網(wǎng)絡(luò)日記（PHP+ MySQL實現(xiàn)）實訓名稱： 成績： 實訓日期： 年 月 日 實訓報告日期： 年 月 日一、實訓目的通過夢幻網(wǎng)絡(luò)日記系統(tǒng)的實現(xiàn)，學生必須掌握：1、項目設(shè)計思路 2、數(shù)據(jù)庫設(shè)計 3、首頁頁面設(shè)計 4、網(wǎng)頁鬧鐘模塊設(shè)計 5、理財助手模塊設(shè)計 6、治理模塊設(shè)計 二、實訓內(nèi)容夢幻網(wǎng)絡(luò)日記系統(tǒng)的設(shè)計與實現(xiàn)三、實訓環(huán)境服務(wù)器端：操作系統(tǒng)：Windows 2003 Server/Linux（推舉

40、）/ Windows XP。服務(wù)器：Apache/2.2.8 (Win32)PHP軟件：PHP Version 5.2.6數(shù)據(jù)庫：MySQL 5.0.51、SQL Server2000數(shù)據(jù)庫。MySQL圖形化治理軟件：phpMyAdmin- 2.10.3開發(fā)工具：Adobe Dreamweaver CS5。掃瞄器：IE 6.0及以上版本。分辨率：最佳效果1024768像素?？?戶 端：掃瞄器：推舉IE 6.0及以上版本。分辨率：最佳效果1024768像素。四、實訓步驟、過程1、系統(tǒng)講明夢幻網(wǎng)絡(luò)日記要緊為用戶提供4個要緊模塊，包括：網(wǎng)頁鬧鐘、理財助手、我的日記以及治理日記本。網(wǎng)頁鬧鐘要緊為用戶提

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

42、圖2.4所示，該頁面實現(xiàn)日記數(shù)據(jù)的添加，包括文章主題、文章內(nèi)容、心情等。圖2.4 添加日記界面財務(wù)治理頁面如圖2.5所示，通過時刻和類不的查詢輸出相關(guān)的支出和收入，并對其進行修改和刪除。圖2.5 財務(wù)治理頁面3、代碼編寫（1）連接數(shù)據(jù)庫代碼（2）鬧鐘刪除代碼?phpheader(content-type:text/html; charset=gb2312); include_once(conn/conn.php);$id=$_GETdel_id;if(mysql_query(delete from tb_clock where id=.$id.,$conn) echo alert(該鬧鈴刪除成

43、功！);window.location.href=index.php?link=.urlencode(設(shè)置鬧鐘).;else echo alert(該鬧鈴刪除失敗！);history.back();?五、練習六、源程序清單、測試數(shù)據(jù)、結(jié)果七、實訓出現(xiàn)的問題、實訓結(jié)果分析（語法錯英語提示，中文翻譯，緣故，您的理解？）實訓3：企業(yè)網(wǎng)站系統(tǒng)（PHP+MySQL實現(xiàn)）實訓名稱： 成績： 實訓日期： 年 月 日 實訓報告日期： 年 月 日一、實訓目的通過企業(yè)網(wǎng)站系統(tǒng)的實現(xiàn)，學生必須掌握：1、項目設(shè)計思路 2、數(shù)據(jù)庫設(shè)計 3、首頁頁面設(shè)計 4、公司前臺模塊設(shè)計 5、公司后臺登錄模塊設(shè)計二、實訓內(nèi)容企業(yè)網(wǎng)站

44、系統(tǒng)的設(shè)計與實現(xiàn)三、實訓環(huán)境服務(wù)器端：操作系統(tǒng)：Windows 2003 Server/Linux（推舉）/ Windows XP。服務(wù)器：Apache/2.2.8 (Win32)PHP軟件：PHP Version 5.2.6數(shù)據(jù)庫：MySQL 5.0.51、SQL Server2000數(shù)據(jù)庫。MySQL圖形化治理軟件：phpMyAdmin- 2.10.3開發(fā)工具：Adobe Dreamweaver CS5。掃瞄器：IE 6.0及以上版本。分辨率：最佳效果1024768像素。客 戶 端：掃瞄器：推舉IE 6.0及以上版本。分辨率：最佳效果1024768像素。四、實訓步驟、過程1、系統(tǒng)講明企業(yè)網(wǎng)

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

46、臺治理頁面3、代碼編寫（1）連接數(shù)據(jù)庫代碼（2）網(wǎng)站首頁代碼企業(yè)網(wǎng)站系統(tǒng)!-function MM_swapImgRestore() /v3.0 var i,x,a=document.MM_sr; for(i=0;a&ia.length&(x=ai)&x.oSrc;i+) x.src=x.oSrc;function MM_preloadImages() /v3.0 var d=document; if(d.images) if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for

47、(i=0; i0&parent.frames.length) d=parent.framesn.substring(p+1).document; n=n.substring(0,p); if(!(x=dn)&d.all) x=d.alln; for (i=0;!x&id.forms.length;i+) x=d.formsin; for(i=0;!x&d.layers&id.layers.length;i+) x=MM_findObj(n,d.layersi.document); if(!x & d.getElementById) x=d.getElementById(n); return x

48、;function MM_swapImage() /v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i 本站導航 a href=affiche.php?aid= target=_blank40)/假如標題長度超過40個字節(jié)echo .;/以省略號補齊? a href=news.php?nid= target=_blank40)echo .;? a href= target=_parter 40)echo .;? img src= width=110 height=130 class=tab

49、leBorder 【】 a href=soft_list.php?filename= 暫無產(chǎn)品信息！ ?phpfunction chinesesubstr($str,$start,$len)/自定義函數(shù)截取中文字符串$strlen=$start+$len; /獵取字符串的長度 $tmpstr=;for($i=0;$i0 xa0) /推斷假如字節(jié)是中文字符串 $tmpstr.=substr($str,$i,2); /那麼每次截取兩個字節(jié) $i+; else $tmpstr.=substr($str,$i,1); /否則每次截取一個字節(jié) return $tmpstr; /返回截取的字符串?五、練習

50、六、源程序清單、測試數(shù)據(jù)、結(jié)果七、實訓出現(xiàn)的問題、實訓結(jié)果分析（語法錯英語提示，中文翻譯，緣故，您的理解？）實訓4：電子商務(wù)網(wǎng)站（PHP+MySQL實現(xiàn)）實訓名稱： 成績： 實訓日期： 年 月 日 實訓報告日期： 年 月 日一、實訓目的通過電子商務(wù)網(wǎng)站的實現(xiàn)，學生必須掌握：1、項目設(shè)計思路 2、數(shù)據(jù)庫設(shè)計 3、首頁頁面設(shè)計 4、公司前臺模塊設(shè)計 5、公司后臺登錄模塊設(shè)計二、實訓內(nèi)容企業(yè)網(wǎng)站系統(tǒng)的設(shè)計與實現(xiàn)三、實訓環(huán)境服務(wù)器端：操作系統(tǒng)：Windows 2003 Server/Linux（推舉）/ Windows XP。服務(wù)器：Apache/2.2.8 (Win32)PHP軟件：PHP Vers

51、ion 5.2.6數(shù)據(jù)庫：MySQL 5.0.51、SQL Server2000數(shù)據(jù)庫。MySQL圖形化治理軟件：phpMyAdmin- 2.10.3開發(fā)工具：Adobe Dreamweaver CS5。掃瞄器：IE 6.0及以上版本。分辨率：最佳效果1024768像素。客 戶 端：掃瞄器：推舉IE 6.0及以上版本。分辨率：最佳效果1024768像素。四、實訓步驟、過程1、系統(tǒng)講明電子商務(wù)網(wǎng)站要緊包括前臺和后臺兩個模塊，其中子模塊要緊包括最新商品、購物車、推舉商品、用戶中心、熱門商品、特價商品、商品分類、購物流程、用戶注冊、商品評價、銷售排行、關(guān)于我們、訂單治理等模塊。用戶中心：修改信息、用戶留言、修改密碼、注銷離開2、系統(tǒng)功能圖與運行效果圖電子商務(wù)網(wǎng)站功能結(jié)構(gòu)如圖4.1所示。圖4.1 電子商務(wù)網(wǎng)站功能結(jié)構(gòu)圖前臺登錄效果如圖4.2所示。圖4.2 前臺首頁后臺登錄效果如圖4.3所示。圖4.3 后臺首頁（1）利用商品查詢功能能夠快速地查找到自己想要的商品，從而專門大程度的提高用戶選購商品的效率。用戶查找商品的方法一方面應(yīng)該簡單明了，另一方面也需要支持為了提高查找速度而使用的更復雜的查詢限制條件