【文章內(nèi)容簡介】 )否 網(wǎng)點(diǎn)信息表下載wamp5 ，并解壓至任意目錄下。，安裝到任意目錄，需要注意的是安裝路徑中不能有中文。指定默認(rèn)開發(fā)目錄，即apache服務(wù)器路徑（本人的目錄為d：//_local）。啟動wamp，將語言調(diào)整為chinese。點(diǎn)開php配置，勾選short open tag，設(shè)置短標(biāo)簽?zāi)Ｊ健Ｔ陂_發(fā)目錄下，新建一個(gè)php文件。代碼為：?php phpinfo()。?。 測試成功畫面如果能顯示如上頁面，則表明wamp環(huán)境搭建成功。本小節(jié)將模塊化地詳細(xì)分析本系統(tǒng)的結(jié)構(gòu)和開發(fā)流程。筆者將從用戶界面、登錄模塊、報(bào)刊查詢模塊、報(bào)刊訂閱模塊、網(wǎng)點(diǎn)查詢模塊。項(xiàng)目剛開始時(shí)，本人擬用ps設(shè)計(jì)前臺界面，然后用fireworks切圖工具將png圖片生成html文件作為首頁界面，后來發(fā)現(xiàn)用fireworks生成的html很難進(jìn)行重新排版，只要在版面稍微改動一個(gè)微小的地方，都會引起整個(gè)版面的混亂。后來只好放棄用ps制作的界面，改用div+css。div+css 是一種網(wǎng)頁的布局方法,這一種網(wǎng)頁布局方法有別于傳統(tǒng)的HTML網(wǎng)頁設(shè)計(jì)語言中的表格（table）定位方式,真正地達(dá)到了w3c內(nèi)容與表現(xiàn)相分離。Div+css擁有如下優(yōu)勢：符合W3C標(biāo)準(zhǔn)。微軟等公司均為W3C支持者。這一點(diǎn)是最重要的，因?yàn)檫@保證您的網(wǎng)站不會因?yàn)閷砭W(wǎng)絡(luò)應(yīng)用的升級而被淘汰。支持瀏覽器的向后兼容，也就是無論未來的瀏覽器大戰(zhàn)，勝利的是IE7或者是火狐，您的網(wǎng)站都能很好的兼容。搜索引擎更加友好。相對與傳統(tǒng)的table, 采用DIV+CSS技術(shù)的網(wǎng)頁，對于搜索引擎的收錄更加友好。樣式的調(diào)整更加方便。內(nèi)容和樣式的分離，使頁面和樣式的調(diào)整變得更加方便。 現(xiàn)在YAHOO,MSN等國際門戶網(wǎng)站，網(wǎng)易，新浪等國內(nèi)門戶網(wǎng)站，均采用DIV+CSS的框架模式，更加印證了DIV+CSS是大勢所趨。CSS的極大優(yōu)勢表現(xiàn)在簡潔的代碼，對于一個(gè)大型網(wǎng)站來說，可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼。表現(xiàn)和結(jié)構(gòu)分離，在團(tuán)隊(duì)開發(fā)中更容易分工合作而減少相互關(guān)聯(lián)性。此外在本項(xiàng)目中用div+css可以借助JQuery對界面的表現(xiàn)和交互形式進(jìn)行調(diào)整，能夠極大的改善用戶體驗(yàn)效果。： 網(wǎng)站首頁圖首頁的body代碼又3個(gè)div標(biāo)簽組成，即id為head,nav和content的3個(gè)div。head僅顯示”洪山區(qū)郵政網(wǎng)”的頁頭部分，nav顯示head下方的導(dǎo)航欄內(nèi)容，content顯示網(wǎng)頁的主體內(nèi)容。Content包括左右兩大塊div，左邊的div顯示登錄窗口，及下方的聯(lián)系方式，右邊的div包括廣告部分、推薦報(bào)刊、熱點(diǎn)文章和底部的頁尾“copyright”。當(dāng)用戶切換導(dǎo)航的時(shí)候，實(shí)際上切換的content中的id為right的div標(biāo)簽。這樣處理能夠保持整個(gè)網(wǎng)站的協(xié)調(diào)性，方便在各個(gè)頁面實(shí)現(xiàn)功能的切換，又可以避免花費(fèi) 時(shí)間設(shè)計(jì)其他頁面的布局，減少了整個(gè)網(wǎng)站的開發(fā)周期。 其中重用度最高的代碼如下所示：!DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns=headmeta equiv=ContentType content=text/html。 charset=utf8 /title洪山區(qū)郵政網(wǎng)/titlescript src=js/ type=text/javascript/scriptscript src=js/ type=text/javascript/scriptlink rel=stylesheet href=css/ type=text/csslink rel=stylesheet href=css/ type=text/csslink rel=stylesheet href=css/ type=text/csslink rel=stylesheet href=css/ type=text/css/headbody!頁頭div id=header span id=logo洪山區(qū)郵政網(wǎng)/span/div!導(dǎo)航div id=nav ul lia href=首頁/a/li lia href=推薦報(bào)刊/a/li lia href=報(bào)刊查詢/a/li lia href=我要訂閱/a/li lia href=查詢訂單/a/li lia href=查詢網(wǎng)點(diǎn)/a/li /ul/div!主體div id=content div id=left div id=login form name=form1 method=post action= ul li id=usernamestrong用戶名：/stronginput type=text name=user id=user/li li id=passwordstrong密amp。nbsp。amp。nbsp。amp。nbsp。amp。nbsp。碼：/stronginput type=password name=pwd id=pwd/li li ul li id=submitinput type=submit value= name=submit style=background:url(img/)。height:31px。 onclick=return login_chk(form1)//li li id=regimg src=img/a href=register/a/li /ul /li /ul /form /div div id=contact img src=img// /div筆者本打算將此段代碼單獨(dú)做成一個(gè)html或php文件，其他有相同版面的頁面直接include即可，但考慮到這樣做很影響代碼的規(guī)范性跟可讀性，故在多個(gè)頁面拷貝上述代碼。雖然一定程度上造成了代碼冗余，不過在維護(hù)上方便很多。網(wǎng)站的首頁及“推薦報(bào)刊”。、登錄框、廣告欄、推薦報(bào)刊欄、熱點(diǎn)文章欄。推薦報(bào)刊是在數(shù)據(jù)庫錄入的時(shí)候設(shè)置了一個(gè)sql的now函數(shù)，儲存錄入的時(shí)間，然后將最近錄入的六條記錄提取出來，作為最新上架的報(bào)刊。返回的圖片信息并非存入數(shù)據(jù)庫的圖片，返回的是圖片的url信息，圖片文件保存在本地。熱點(diǎn)文章相對簡單，只是簡單的提取hot_info表中的信息提取最近幾條即可。導(dǎo)航欄與廣告欄用到了大量的css，視覺效果相對較好。值得一提的是廣告欄用到了jquery，實(shí)現(xiàn)圖片的自動播放和手動切換，是本系統(tǒng)用戶體驗(yàn)最好的地方。此模塊名為登錄模塊，實(shí)際上包括了登錄和注冊兩個(gè)模塊。此模塊包含了很多文件，，,在驗(yàn)證各填寫項(xiàng)是否符合規(guī)范（此處為了節(jié)省工作量僅驗(yàn)證填寫是否為空），如果用戶名為空，則focus到用戶名欄，并阻止表單提交：在驗(yàn)證用戶名是否已被注冊的時(shí)候，用到了ajax技術(shù)。AJAX 不是一種新的編程語言，而是一種用于創(chuàng)建更好更快以及交互性更強(qiáng)的 Web 應(yīng)用程序的技術(shù)。通過 AJAX，您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 對象來直接與服務(wù)器進(jìn)行通信。通過這個(gè)對象，您的 JavaScript 可在不重載頁面的情況與 Web 服務(wù)器交換數(shù)據(jù)。AJAX 在瀏覽器與 Web 服務(wù)器之間使用異步數(shù)據(jù)傳輸（HTTP 請求），這樣就可使網(wǎng)頁從服務(wù)器請求少量的信息，而不是整個(gè)頁面。 AJAX引擎流程圖。：function chkname(form){ if(==){ =font color=ff0000請輸入正確的用戶名！/font。 } else{ var user=。 var url=?user=+user。 (GET,url,true)。 =function(){ if(==4){ var msg=。 if(msg==39。239。){ =font color=FF0000用戶名被占用！/font。 return false。 } else if(msg==39。139。){ =font color=green恭喜您，可以注冊！/font。 =yes。 } else{ =font color=green未知錯(cuò)誤/font。 } } } (null)。 } }。：?php session_start()。 include_once()。 $reback=39。039。 $sql=select * from user where name=39。.$_GET[39。user39。].39。 $password=$_GET[39。password39。]。 if(!empty($password)){ $sql.=and password=39。.md5($password).39。 } $sql_user=mysql_query($sql)。 $user_result=mysql_fetch_array($sql_user)。 if($user_result){ $reback=39。239。 if(!empty($password)){ $_SESSION[39。member39。]=$user_result[39。name39。]。