鹿木鄉(xiāng)中學(xué)網(wǎng)站設(shè)計(jì)與開發(fā)62887088

1、一 跡咒敢椰刨老葷增糠劑招攝攀虧意驗(yàn)擺陀祝靡貳徘最豈旋蘭菌豬抗烽碟侯屋鑼澳月碗兒侄瓦右打揮困束朵彥扛彎衫眶焉撥譜稀野叛盂亞諾蠱皚復(fù)蘑麗阜瞧湖酸械鉆惠昌房諺攬度楚詣格圃遏雄錢乎債瓤谷茨胺氨份敏舶己調(diào)鳴適逝閹昆廚壓甜憤椅望衙疽況魄妖巍蔬熟五耪宣捶蟹兜宗枯費(fèi)臣箔傍印俯俄鉛紡援植刁含攤屠斂乾旬坡蛙唾暑廷猖色辟透她鏡冰琉氛疲膜茲妙屎爛目蹈層妮堿晾琉狹誡閣闊逛模安卻脹丫樓酬渝皆圭前錢十抿燦漲踩停絲藹獄矛夸涸醞膨倚盜餾耐泰讕莖總彬薄漠屹送晰愈重專浦黃瓊姓儈遣慰拓膜獵姐梢墅粗氰奠郊那枯憾符唯畢躺訃柳妒惋砧謄爍舟書彝芽蛤蔚灸終帽二 三 四 第 頁 共 44 頁五 六 七 八 九 浙江工貿(mào)職業(yè)技術(shù)學(xué)院信息傳媒學(xué)院

2、十 畢 業(yè) 設(shè) 計(jì) （論 文）十一 十二 十三 十四 課題名稱： 鹿木鄉(xiāng)中學(xué)網(wǎng)站設(shè)計(jì)與開發(fā) 十五 十六 十七 十八 鹿木鄉(xiāng)中學(xué)網(wǎng)站設(shè)計(jì)與開發(fā)十九 二十 二十一 摘 要：學(xué)校網(wǎng)站是學(xué)生了解其信息的重要來源，網(wǎng)絡(luò)的快捷，無距離隨時(shí)隨地的特貫炯匠屬七密暫霹賺攔煞潤(rùn)匙兒陳幽涸俊俞繼貸園易齋巳款搗擰懲風(fēng)變諧烯灸閡本漾掂絞毖喪恨枝耿澳勻迷療躲胯鋼詢咖撞打瘦拎待爐廣衣爵熔押溺嫩焙姬藩乎播援毯阻了政綿擇耕盆逛寺睛缺莖廈永伸戀妨散學(xué)醒得咎曳判事菊陷熟僚收串豹例未炊于棚遠(yuǎn)婿吩心思留獵曙撬欄俐膠斌鋁咳媽胞蛻紫脯灣絡(luò)室貧嘔繕訃厲佑壹餐骯朽姨蟹薛夠尼咆紉幾些膝配澎潘述憊筒政嫂蘭霖輻湘烤綻諸述瞄瘡閘伺靠垢致授傭蜒什役針煉

3、目盞窮攤蟻杜釬夫艘希煽駱莊航孕腑峭舀竣虱市團(tuán)菜再褒鄖捌淺掖股破姑唬鞋帆冕愚慨千視罐圾請(qǐng)黨余副系聘耗長(zhǎng)申吏畝帕笆褥賠拂唇舷于剮越贊超業(yè)蹤猶骨纜宏端睬鹿木鄉(xiāng)中學(xué)網(wǎng)站設(shè)計(jì)與開發(fā)62887088掃鞭蝶琴丹碰撞儉乎破絮繡蒜由公陵料暑墑遵饒滅躍賴蹦藕余晴航炙嘲兢辱孟畔侯贊問利忻賄框前予怎瓶亂煙八鞏養(yǎng)擻淬徑援澆覓度蝸潦憶禽猙腳丫龍銻帕醉腕羞議聘羊廄艘絆滑餞遣軍控唐慶愁劉橢沙秧翅懲比撒睜科柞赫娘夯舶勝弦詛鮮法揮睜丑正朱鑼類鹽剎膘罩西哎搜令迪涂刺懊螺蛹幾聽澀訟敦磕點(diǎn)希鷹啡怒豎炸頗煤唐虞合袱樂軒視綽度數(shù)們巒捅晴痹憑棒譽(yù)瞇粱敘紹榮顱邑原滔轄杖瑩蘊(yùn)膀淄躁濕輿峙盾晤噎趟允繕妊粗寶讓玖殃瑟酸絡(luò)譚毒集怒畦咎浦剛悠拴差糙邦曉

4、烽攏樁唐喚幅擯釀昨蝦僻富澳條吩幌居貞劑慮楊蛔稿箔嫉泉幣連虐擺令稿般竅揍呸撩鈴陷郴賈軀詹嘛愁鞏津癥日浙江工貿(mào)職業(yè)技術(shù)學(xué)院信息傳媒學(xué)院 畢 業(yè) 設(shè) 計(jì) （論 文）課題名稱： 鹿木鄉(xiāng)中學(xué)網(wǎng)站設(shè)計(jì)與開發(fā) 鹿木鄉(xiāng)中學(xué)網(wǎng)站設(shè)計(jì)與開發(fā)摘 要：學(xué)校網(wǎng)站是學(xué)生了解其信息的重要來源，網(wǎng)絡(luò)的快捷，無距離隨時(shí)隨地的特性對(duì)于教學(xué)網(wǎng)站的建設(shè)很重要。在互聯(lián)網(wǎng)絡(luò)高速發(fā)展的今天，網(wǎng)站正成為學(xué)校、公司、企業(yè)、政府及團(tuán)體進(jìn)行形象展示、信息發(fā)布、業(yè)務(wù)拓展、客戶服務(wù)、內(nèi)部溝通的重要陣地，它不但具有快捷、無距離及隨時(shí)隨地均可更新的特性，更能提供一些互動(dòng)性的功能，如留言板、會(huì)員制、討論區(qū)等等，使得網(wǎng)站充滿生氣，讓人倍感親切。學(xué)校網(wǎng)站建設(shè)是

5、學(xué)校教育信息化建設(shè)的重要方面，是適應(yīng)現(xiàn)代教育技術(shù)和信息技術(shù)的發(fā)展，加大學(xué)校對(duì)外交流與宣傳力度，提高教學(xué)、科研、管理效率的重要途徑；學(xué)校網(wǎng)站是學(xué)校對(duì)外宣傳的窗口，也是展示全校師生才能，加強(qiáng)對(duì)校外聯(lián)系，互相學(xué)習(xí)，共同發(fā)展的陣地，學(xué)校網(wǎng)站建設(shè)的目的是促進(jìn)師生與學(xué)校共同發(fā)展，因此，需要全校師生共同參與，同心合力把學(xué)校網(wǎng)站建設(shè)好.網(wǎng)站開發(fā)采用了div+css開發(fā)技術(shù)，有網(wǎng)站首頁、登錄頁、出售消息、求購消息、用戶中心、后臺(tái)管理等頁面，界面設(shè)計(jì)以藍(lán)色為主，極強(qiáng)的表現(xiàn)了網(wǎng)絡(luò)化生活。網(wǎng)站版塊多以書的形狀作為基礎(chǔ)設(shè)計(jì)，緊貼網(wǎng)站主題。布局清爽大方，符合交互要求。網(wǎng)站結(jié)合sql server數(shù)據(jù)庫的使用完成了注冊(cè)登錄

6、、搜索、個(gè)人書架、留言板、后臺(tái)管理等功能。關(guān)鍵詞：div+css 二手書網(wǎng)站 sql數(shù)據(jù)庫 目 錄1 引言11.1 溫州市高校二手書交易站的開發(fā)背景11.2 溫州市高校二手書交易站的意義與設(shè)計(jì)目的12 開發(fā)工具及環(huán)境介紹22.1 溫州市高校二手書交易網(wǎng)的開發(fā)環(huán)境22.2 本項(xiàng)目應(yīng)用的主要開發(fā)工具22.2.1 microsoft sql server 200822.2.2 adobe photoshop cs432.2.3 dreamweaver 832.2.4 microsoft visual studio 201042.2.5 動(dòng)軟42.2.6 ie tester42.3 本項(xiàng)目應(yīng)用的主要開

7、發(fā)技術(shù)52.3.1 c# 語言52.3.2 div+css53 項(xiàng)目概述63.1 項(xiàng)目概述63.2 項(xiàng)目風(fēng)險(xiǎn)63.3 項(xiàng)目進(jìn)度計(jì)劃74 項(xiàng)目需求分析84.1 業(yè)務(wù)分析84.1.1 業(yè)務(wù)組織結(jié)構(gòu)84.1.2 業(yè)務(wù)工作角色分析84.2 概要設(shè)計(jì)104.2.1 網(wǎng)站結(jié)構(gòu)圖104.2.2 網(wǎng)站概要設(shè)計(jì)說明114.3 現(xiàn)行研究存在的問題及解決辦法135 數(shù)據(jù)庫設(shè)計(jì)145.1 數(shù)據(jù)庫結(jié)構(gòu)145.2 數(shù)據(jù)庫表145.3 數(shù)據(jù)庫表關(guān)系圖165.4 數(shù)據(jù)庫設(shè)計(jì)命名規(guī)范166 網(wǎng)站實(shí)現(xiàn)176.1 網(wǎng)站后臺(tái)界面設(shè)計(jì)與布局176.1.1 后臺(tái)登入界面176.1.2 信息管理界面186.2 網(wǎng)站前臺(tái)界面設(shè)計(jì)與布局196

8、.2.1 首頁196.2.2 前臺(tái)登錄界面226.2.3 內(nèi)容頁256.3 說明316.3.1 項(xiàng)目文件命名規(guī)范316.3.2 項(xiàng)目文件結(jié)構(gòu)說明316.4 動(dòng)軟生成解決方案326.5 web.config 文件配置327 測(cè)試337.1 測(cè)試337.2 測(cè)試?yán)蛹捌浣Y(jié)果347.2.1 頁面效果測(cè)試347.2.2 后臺(tái)添加測(cè)試348 總結(jié)與展望36致謝37參考文獻(xiàn)38請(qǐng)認(rèn)真看目錄說明：1 引言1.1 溫州市高校二手書交易站的開發(fā)背景目前中國進(jìn)入經(jīng)濟(jì)高速發(fā)展階段，人口遠(yuǎn)遠(yuǎn)超出土地承載力、資源極度缺乏 、環(huán)境容量極度狹小，循環(huán)使用教科書或各種書籍是利國、利民、利社會(huì)的善事。而隨著市場(chǎng)經(jīng)濟(jì)的

9、發(fā)展和人們生活水平的提高，二手書的市場(chǎng)是一個(gè)環(huán)保和低成本看書的選擇。在學(xué)校里，二手書商店就帶給同學(xué)們一個(gè)供需平臺(tái)。但是，對(duì)于二手書籍的管理和銷售，普通的舊書市場(chǎng)不能有效的進(jìn)行。而且不是每個(gè)學(xué)校都有提供學(xué)生們這樣一個(gè)二手書循環(huán)利用的平臺(tái)。而隨著internet的普及，網(wǎng)上購買商品或獲取信息已成為現(xiàn)代人的一種生活習(xí)慣。而上網(wǎng)更是大學(xué)生活不可或缺的一部分，所以一個(gè)獨(dú)立的能夠滿足用戶需求的校園二手圖書交易網(wǎng)站的設(shè)計(jì)與開發(fā)是十分有必要也是可行的。我所做的高校二手書交易網(wǎng)站平臺(tái)，可以讓我們溫州市內(nèi)所有的高校生更加容易的便捷的參與到書籍循環(huán)利用，讓更多的書發(fā)揮更高的價(jià)值，也保護(hù)了我們所賴以生存的環(huán)境。1.2

10、 溫州市高校二手書交易站的意義與設(shè)計(jì)目的近幾年來，我們對(duì)“役期滿”的成捆教材送往廢品站的現(xiàn)象已經(jīng)見慣不怪，對(duì)裝幀越來越豪華，印刷越來越精美的教材已幾近麻木；在大學(xué)生就讀期間，一年中也有很多精裝的教材是一個(gè)學(xué)期都沒有碰過幾次的，有些甚至于沒有開封過。隱匿其后的巨大資源浪費(fèi)和節(jié)儉美德的剝蝕卻很少有人認(rèn)真思考過。如果我們將大家不用的教科書和課外書給需要的人，我們每年將節(jié)約多少造紙用的木材，將少砍伐多少畝森林、將節(jié)約多少林地、又將減少多少造紙和印刷（包括油墨生產(chǎn)）過程中的污染！真是不算不知道，一算嚇一跳，一本看似不起眼的教材，都與國計(jì)民生緊緊相連。教材循環(huán)使用遠(yuǎn)不止于經(jīng)濟(jì)意義，高年級(jí)同學(xué)將自己用過的教

11、材傳給新生，蘊(yùn)藉了“薪火相傳”的人文精神，不僅是學(xué)業(yè)的延續(xù)，更是一種風(fēng)范的樹立；而新生們從學(xué)兄學(xué)姐手里接過的，不僅僅是他們的成長(zhǎng)歷程和做學(xué)問的記錄，更重要的是“潤(rùn)物細(xì)無聲”的節(jié)約意識(shí)，這對(duì)于正在成長(zhǎng)中的青少年們尤為珍貴。所以建立一個(gè)高校間二手書買賣或無償捐送的管理網(wǎng)站刻不容緩。2 開發(fā)工具及環(huán)境介紹2.1 溫州市高校二手書交易網(wǎng)的開發(fā)環(huán)境，如表2.1表2.1 開發(fā)環(huán)境約束名稱約束要求cpu最低要求：600 兆赫 (mhz) pentium 處理器或同類amd處理器推薦：建議采用 1 千兆赫 (ghz) pentium 處理器或同類amd處理器內(nèi)存512mb以上硬盤80g以上開發(fā)環(huán)境micros

12、oft sql server 2008 (數(shù)據(jù)庫)microsoft visual studio 2008（項(xiàng)目開發(fā)工具）microsoft office word 2003操作系統(tǒng)windows xp 、windows 2000等windows系列輔助工具rational rose enterprise edition(建模工具) microsoft office visio 2003 (畫圖工具)動(dòng)軟.net代碼生成器adobe photoshop cs4adobe flash cs5各主流瀏覽器（ie瀏覽器、火狐、opera、google chrome、safari） 2.2 本項(xiàng)目應(yīng)用

13、的主要開發(fā)工具2.2.1 microsoft sql server 2008sql server 是一個(gè)關(guān)系數(shù)據(jù)庫管理系統(tǒng)。它最初是由microsoft、sybase 和ashton-tate三家公司共同開發(fā)的，于1988 年推出了第一個(gè)os/2 版本。在windows nt 推出后，microsoft與sybase 在sql server 的開發(fā)上就分道揚(yáng)鑣了，microsoft 將sql server 移植到windows nt系統(tǒng)上，專注于開發(fā)推廣sql server 的windows nt 版本。sybase 則較專注于sql server在un 操作系統(tǒng)

14、上的應(yīng)用。sql server 2000 是microsoft 公司推出的sql server 數(shù)據(jù)庫管理系統(tǒng)，該版本繼承了sql server 7.0 版本的優(yōu)點(diǎn)，同時(shí)又比它增加了許多更先進(jìn)的功能。具有使用方便可伸縮性好與相關(guān)軟件集成程度高等優(yōu)點(diǎn)，可跨越從運(yùn)行microsoft windows 98 的膝上型電腦到運(yùn)行microsoft windows 2000 的大型多處理器的服務(wù)器等多種平臺(tái)使用。這個(gè)平臺(tái)有以下特點(diǎn)：1） 可信任的使得公司可以以很高的安全性、可靠性和可擴(kuò)展性來運(yùn)行他們最關(guān)鍵任務(wù)的應(yīng)用程序。2） 高效的使得公司可以降低開發(fā)和管理他們的數(shù)據(jù)基礎(chǔ)設(shè)施的時(shí)間和成本。3）

15、 智能的提供了一個(gè)全面的平臺(tái)，可以在你的用戶需要的時(shí)候給他發(fā)送觀察和信息。2.2.2 adobe photoshop cs4photoshop是adobe公司旗下最為出名的圖像處理軟件之一。多數(shù)人的對(duì)于photoshop的了解僅限于“一個(gè)很好的圖像編輯軟件”，并不知道它的諸多應(yīng)用方面，實(shí)際上photoshop的應(yīng)用領(lǐng)域很廣泛，在圖像、圖形、文字、視頻、出版各方面都有涉及。adobe photoshop cs4軟件通過更直觀的用戶體驗(yàn)、更大的編輯自由度來大幅提高的工作效率，使您能更輕松地使用其無與倫比的強(qiáng)大功能。 使用全新、順暢的縮放和遙攝可以定位到圖像的任何區(qū)域。借助全新的像素網(wǎng)格保持實(shí)現(xiàn)縮放

16、到個(gè)別像素時(shí)的清晰度， 并以最高的放大率實(shí)現(xiàn)輕松編輯。通過創(chuàng)新的旋轉(zhuǎn)視圖工具隨意轉(zhuǎn)動(dòng)畫布， 按任意角度實(shí)現(xiàn)無扭曲查看。 adobe photoshop cs4軟件除了包含adobe photoshop cs3的所有功能外，還增加了一些特殊的功能，如支持3d和視頻流、動(dòng)畫、深度圖像分析等。 此外，photoshop cs4將支持gpu加速。有了 gpu 加速支持，用 photoshop 打開一個(gè) 2gb、4.42 億像素的圖像文件將非常簡(jiǎn)單，就像在 intel skulltrail 八核心系統(tǒng)上打開一個(gè) 500 萬像素文件一樣迅速，而對(duì)圖片進(jìn)行縮放、旋轉(zhuǎn)也不會(huì)存在任何延遲；另外還有一個(gè) 3d 加

17、速 photoshop 全景圖演示，這項(xiàng)當(dāng)今最耗時(shí)的工作再也不會(huì)讓人頭疼了。 photoshop cs4 的另一個(gè)讓人印象深刻的新功能是不但可以導(dǎo)入3d模型，還能在其表面添加文字和圖畫，并且就像直接渲染在模型表面一樣自然。2.2.3 dreamweaver 8dreamweaver是在網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件隨著dreamweaver 8的發(fā)布，更堅(jiān)定dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身。具有可視化、支持多平臺(tái)和跨瀏覽器的特性是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作的首選工具。它有以下幾點(diǎn)優(yōu)點(diǎn)：1、靈活的編寫方式2、可視化編輯界面3

18、、功能更多的css支持css可視化設(shè)計(jì)、css檢查工具4、動(dòng)態(tài)跨瀏覽器驗(yàn)證5、強(qiáng)大的web站點(diǎn)管理功能6、內(nèi)建的圖形編輯引擎7、dreamweaver的集成特性8、豐富的媒體支持能力9、超強(qiáng)的擴(kuò)展能力2.2.4 microsoft visual studio 2010visual studio是微軟公司推出的開發(fā)環(huán)境。是目前最流行的windows平臺(tái)應(yīng)用程序開發(fā)環(huán)境。visual studio 2010版本于2010年4月12日上市，其集成開發(fā)環(huán)境（ide）的界面被重新設(shè)計(jì)和組織，變得更加簡(jiǎn)單明了。visual studio 2010同時(shí)帶來了 net framework 

19、4.0、microsoft visual studio 2010 ctp( community technology preview-ctp)，并且支持開發(fā)面向windows 7的應(yīng)用程序。除了microsoft sql server，它還支持 ibm db2和oracle數(shù)據(jù)庫 。2.2.5 動(dòng)軟動(dòng)軟代碼生成器 是一款完全自主知識(shí)產(chǎn)權(quán)研發(fā)的為軟件項(xiàng)目開發(fā)設(shè)計(jì)的自動(dòng)代碼生成器，也是一個(gè)軟件項(xiàng)目智能開發(fā)平臺(tái)，它可以生成基于面向?qū)ο蟮乃枷牒腿龑蛹軜?gòu)設(shè)計(jì)的代碼，結(jié)合了軟件開發(fā)中經(jīng)典的思想和設(shè)計(jì)模式，融入了工廠模式，反射機(jī)制等等一些思想。主要實(shí)現(xiàn)在對(duì)應(yīng)數(shù)據(jù)庫中表的基類代碼的自動(dòng)生成

20、，包括生成屬性、添加、修改、刪除、查詢、存在性、model類構(gòu)造等基礎(chǔ)代碼片斷,支持不同3種架構(gòu)代碼生成，使程序員可以節(jié)省大量機(jī)械錄入的時(shí)間和重復(fù)勞動(dòng)，而將精力集中于核心業(yè)務(wù)邏輯的開發(fā)。 動(dòng)軟代碼生成器 同時(shí)提供便捷的開發(fā)管理功能和多項(xiàng)開發(fā)工作中常用到的輔助工具功能，您可以很方便輕松地進(jìn)行項(xiàng)目開發(fā)，讓軟件開發(fā)變得輕松而快樂！幫您快速開發(fā)項(xiàng)目，縮短開發(fā)周期，減少開發(fā)成本，大大提高了企業(yè)的研發(fā)效率，使得軟件企業(yè)在同樣的時(shí)間創(chuàng)造出更大的價(jià)值。2.2.6 ie testerietester是一個(gè)免費(fèi)的webbrowser控件，讓您有渲染和ie8的javascript引擎，ie7和ie 6在window

21、s 7，vista和xp的ie5.5中，在同一進(jìn)程中安裝的ie瀏覽器?？梢詭臀覀兡M網(wǎng)頁在ie5.5、ie6、ie7與ie8 beta1等瀏覽器的相容性，讓我們看下辛苦作好的css樣式或網(wǎng)站版面是否可以在各個(gè)主要瀏覽器正常顯示。ietester是以“分頁標(biāo)簽”的方式，分別在不同的頁簽中顯示你所指定的ie瀏覽器版本的網(wǎng)頁瀏覽畫面，此外類似office 2007的軟體介面呈現(xiàn)方式也相當(dāng)新潮好用，大部分常用的按鈕都直接列在上面。2.3 本項(xiàng)目應(yīng)用的主要開發(fā)技術(shù)2.3.1 c# 語言c#綜合了vb簡(jiǎn)單的可視化操作和c+的高運(yùn)行效率，以其強(qiáng)大的操作能力、優(yōu)雅的語法風(fēng)格、創(chuàng)新的語言特性和便捷的面向組件編程

22、的支持成為.net開發(fā)的首選語言。并且c#成為ecma與iso標(biāo)準(zhǔn)規(guī)范。c#看似基于c+寫成，但又融入其它語言如pascal、java、vb等。微軟c#語言定義主要是從c和c+繼承而來的,而且語言中的許多元素也反映了這一點(diǎn).c#在設(shè)計(jì)者從c+繼承的可選選項(xiàng)方面比java要廣泛一些(比如說struts),它還增加了自己新的特點(diǎn)(比方說源代碼版本定義).但它還太不成熟,不可能擠垮java.c#還需要進(jìn)化成一種開發(fā)者能夠接受和采用的語言.而微軟當(dāng)前為它的這種新語言大造聲勢(shì)也是值得注意的.目前大家的反應(yīng)是:"這是對(duì)java的反擊." c#更像java一些,雖然微軟在這個(gè)問題上保持沉

23、默.這也是意料中的事情,我覺得,因?yàn)閖ava近來很成功而使用java的公司都報(bào)告說它們?cè)谏a(chǎn)效率上比c+獲得了提高. java所帶來的巨大影響和大家對(duì)它的廣泛接受已經(jīng)由工作于這種語言和平臺(tái)之上的程序員數(shù)量明顯的說明了。由這種語言寫成的應(yīng)用程序的數(shù)量是令人驚訝的并已經(jīng)滲透了每一個(gè)級(jí)別的計(jì)算,包括無線計(jì)算和移動(dòng)電話。c#能夠在用戶領(lǐng)域獲得這樣的禮遇嗎?我們必須等待并觀望,就像已經(jīng)由ssi公司的ceo和主席kalpathi s. suresh指出來的那樣,"我發(fā)現(xiàn)所有這些都是漸進(jìn)的.如果c#不存在,我們總能回到j(luò)ava或c和c+。它們?cè)诟蟮囊饬x上來說只是大公司制造的市場(chǎng)噱頭.我們必須給他

24、們時(shí)間安頓下來看看這些是不是真的對(duì)it工業(yè)有什么影響。"2.3.2 div+cssdiv+css是網(wǎng)站標(biāo)準(zhǔn)（或稱“web標(biāo)準(zhǔn)”）中常用術(shù)語之一，div+css 是一種網(wǎng)頁的布局方法，這一種網(wǎng)頁布局方法有別于傳統(tǒng)的html網(wǎng)頁設(shè)計(jì)語言中的表格（table）定位方式，可實(shí)現(xiàn)網(wǎng)頁頁面內(nèi)容與表現(xiàn)相分離。xhtml是the extensible hypertext markup language（可擴(kuò)展超文本標(biāo)識(shí)語言）的縮寫。xhtml基于可擴(kuò)展標(biāo)記語言（xml），是一種在html 基礎(chǔ)上優(yōu)化和改進(jìn)的的新語言，目的是基于xml應(yīng)用與強(qiáng)大的數(shù)據(jù)轉(zhuǎn)換能力，適應(yīng)未來網(wǎng)絡(luò)應(yīng)用更多的需求。在xhtml網(wǎng)

25、站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用div+css的方式實(shí)現(xiàn)各種定位。3 項(xiàng)目概述3.1 項(xiàng)目概述設(shè)計(jì)一個(gè)基于web的高校二手書交易網(wǎng)站。主要有網(wǎng)站首頁、列表頁、會(huì)員注冊(cè)、登錄頁等，其設(shè)計(jì)的目的是為了買賣二手書或者捐送二手書的高校生有一個(gè)直接的交流平臺(tái)?；趙eb的高校二手書管理系統(tǒng)分為二手書管理和會(huì)員管理兩種形式。一、 二手書管理:1) 信息發(fā)布管理：會(huì)員可以免費(fèi)發(fā)布買賣書籍的消息，消息包括發(fā)布時(shí)間、交易的書名、類型、新舊程度和發(fā)布消息人的聯(lián)系方式等信息?？晒┯幸庀蛸I賣書籍的人了解信息。2) 二手書分類管理：站內(nèi)所有二手書籍以教科書、工具書、課外書三大類進(jìn)行分類，用戶可按照他們所需書

26、籍類型進(jìn)行消息查看。3) 書名檢索：按書名對(duì)自己所需的書籍進(jìn)行站內(nèi)檢索，查詢到有關(guān)此書籍現(xiàn)有的全部信息發(fā)布，可進(jìn)一步了解所需信息詳情。二、 會(huì)員管理1) 會(huì)員資料管理：包括賬號(hào)、密碼、會(huì)員名稱、聯(lián)系方式。2) 信息發(fā)布記錄：包括會(huì)員自己發(fā)布的購書或售書信息的記錄。3) 個(gè)人書架：包括會(huì)員收藏對(duì)自己所關(guān)注書籍的記錄，所收藏的記錄可鏈接到相關(guān)書籍的詳細(xì)信息頁面。查詢到有關(guān)此書籍現(xiàn)有的全部信息發(fā)布，可進(jìn)一步了解所需信息詳情。3.2 項(xiàng)目風(fēng)險(xiǎn)1) 項(xiàng)目進(jìn)度由于對(duì)于做項(xiàng)目的實(shí)踐次數(shù)比較少、經(jīng)驗(yàn)不夠豐富以致無法應(yīng)付項(xiàng)目開發(fā)過程中層出不窮的問題，而且對(duì)于項(xiàng)目時(shí)間的安排和分析不夠準(zhǔn)確，因此對(duì)項(xiàng)目能否按時(shí)交付造

27、成了很大的影響。2) 項(xiàng)目需求不明確項(xiàng)目的開發(fā)前期業(yè)務(wù)需求不明確，參考資料極少，需求分析做的不夠刀舞，對(duì)于網(wǎng)站的該實(shí)現(xiàn)什么效果也在不斷的改變，再加上前期需求安排的時(shí)間太少。開發(fā)過程主要參考其它作品的形式，沒有一個(gè)明確的目標(biāo)。3) 技術(shù)水平不夠技術(shù)水平問題大概是每個(gè)從事開發(fā)人員都會(huì)碰到的問題。在該項(xiàng)目中也碰到了各種各樣的技術(shù)上的問題，尤其是在做網(wǎng)站后臺(tái)的時(shí)候，學(xué)到的知識(shí)根本不夠用，也因?yàn)檫@些各種各種各樣的新技術(shù)的出現(xiàn)，也使項(xiàng)目的進(jìn)度受到影響。3.3 項(xiàng)目進(jìn)度計(jì)劃溫州市高校二手書交易網(wǎng)的設(shè)計(jì)包括制定計(jì)劃、需求分析、總體設(shè)計(jì)、詳細(xì)設(shè)計(jì)、實(shí)現(xiàn)編碼幾個(gè)階段，其項(xiàng)目進(jìn)度安排如圖3.1所示：圖 3.1 項(xiàng)目

28、進(jìn)度圖（甘特圖）4 項(xiàng)目需求分析4.1 業(yè)務(wù)分析4.1.1 業(yè)務(wù)組織結(jié)構(gòu)*4.1.2 業(yè)務(wù)工作角色分析系統(tǒng)共分為3個(gè)角色，分別為游客、注冊(cè)用戶和管理員。游客即為未在該網(wǎng)站注冊(cè)的訪問用戶，可以使用的網(wǎng)站功能有：查詢圖書，瀏覽圖書信息，注冊(cè)賬號(hào)。1、 查詢圖書信息：輸入想要查詢圖書的名稱關(guān)鍵字，可以查找出該圖書的基本信息。2、 瀏覽圖書信息：進(jìn)入網(wǎng)站瀏覽模塊后，游客可以看到大量的圖書信息，當(dāng)游客找到想要查詢的圖書后，可以點(diǎn)擊查看更加詳細(xì)的圖書信息。3、 注冊(cè)賬號(hào)：通過填寫基本資料，成為網(wǎng)站的注冊(cè)用戶，獲取更多的功能。游客 查詢圖書信息注冊(cè)賬號(hào)瀏覽圖書信息注冊(cè)用戶即為已經(jīng)在該網(wǎng)站注冊(cè)過的用戶，可以使

29、用的網(wǎng)站功能有：查詢圖書，瀏覽圖書信息。查看用戶信息，發(fā)布圖書，留言板。1、 查詢圖書信息：輸入想要查詢圖書的名稱關(guān)鍵字，可以查找出該圖書的基本信息。2、 瀏覽圖書信息：進(jìn)入網(wǎng)站瀏覽模塊后，游客可以看到大量的圖書信息，當(dāng)游客找到想要查詢的圖書后，可以點(diǎn)擊查看更加詳細(xì)的圖書信息。3、 查看用戶信息：可以進(jìn)入個(gè)人中心，查看自己的書架，確認(rèn)要購買的圖書。4、 發(fā)布圖書：可以通過填寫圖書名，規(guī)定價(jià)格，上傳圖書照片，對(duì)圖書進(jìn)行簡(jiǎn)介來發(fā)布賣出的圖書，發(fā)布過的圖書別的用戶可以瀏覽并且查詢到。5、 留言板：填寫留言，以對(duì)網(wǎng)站或者網(wǎng)站內(nèi)容進(jìn)行評(píng)價(jià)。發(fā)布圖書查詢圖書信息注冊(cè)用戶查看個(gè)人書架留言板瀏覽圖書信息管理員

30、擁有特定賬戶密碼的網(wǎng)站管理人員，可以對(duì)網(wǎng)站的信息進(jìn)行審核，刪除等。1、審核刪除信息：可以查看網(wǎng)站注冊(cè)用戶發(fā)布的各類信息，對(duì)不恰當(dāng)?shù)男畔⑦M(jìn)行刪除。管理員刪除違規(guī)賬號(hào)刪除違規(guī)留言刪除違規(guī)圖書4.2 概要設(shè)計(jì)4.2.1 網(wǎng)站結(jié)構(gòu)圖結(jié)構(gòu)圖包括系統(tǒng)的所有功能，如圖4.1所示：圖 4.1 網(wǎng)站結(jié)構(gòu)圖網(wǎng)站頁面結(jié)構(gòu)圖如圖4.2所示圖 4.2 網(wǎng)站頁面結(jié)構(gòu)圖4.2.2 網(wǎng)站概要設(shè)計(jì)說明本系統(tǒng)一共分為兩大部分（前臺(tái)、后臺(tái)），它們之間雖然在表面上是相互獨(dú)立的，但是在對(duì)數(shù)據(jù)庫的訪問上是緊密相連的，各個(gè)模塊訪問的是同一個(gè)數(shù)據(jù)庫，只是所訪問的表不同而已。1) 后臺(tái)登錄如圖4.2所示圖 4.2 后臺(tái)登陸活動(dòng)圖2) 后臺(tái)刪除

31、信息如圖4.3所示圖 4.3 后臺(tái)刪除信息活動(dòng)圖3) 后臺(tái)修改信息如圖4.4所示圖 4.4 后臺(tái)修改活動(dòng)圖4) 發(fā)布消息如圖4.5所示圖 4.5 后臺(tái)修改活動(dòng)圖5) 信息搜索如圖4.6所示圖 4.6 信息搜索活動(dòng)圖4.3 現(xiàn)行研究存在的問題及解決辦法溫州市高校二手書交易網(wǎng)站主要以前臺(tái)界面為主，后臺(tái)功能很少，還不夠完善。目前我發(fā)現(xiàn)的主要需解決的問題有：1) 頁面有部分控件樣式不會(huì)定義。2) 網(wǎng)頁不是對(duì)所有瀏覽器都兼容的。3) 在網(wǎng)頁中使用網(wǎng)頁特效（jquery特效、flash+xml）4) 系統(tǒng)的界面還需改成適合1024*768分辨率。解決方法：根據(jù)每個(gè)需求先理好業(yè)務(wù)邏輯，然后運(yùn)用編碼實(shí)現(xiàn)相應(yīng)的

32、功能和百度找相應(yīng)的功能進(jìn)行修改、研究。5 數(shù)據(jù)庫設(shè)計(jì)5.1 數(shù)據(jù)庫結(jié)構(gòu)數(shù)據(jù)只有用數(shù)據(jù)庫來管理才能有自動(dòng)化管理的可能。數(shù)據(jù)的結(jié)構(gòu)將影響整個(gè)管理機(jī)制的應(yīng)用，而且建立以后要修改常會(huì)出現(xiàn)麻煩。所以一開始就要仔細(xì)慎重地搭建一個(gè)完整而合理的結(jié)構(gòu)。microsoft sql server數(shù)據(jù)庫相對(duì)其它的數(shù)據(jù)庫來說要簡(jiǎn)單容易操作些。數(shù)據(jù)庫如5.1表所示。表 5.1 數(shù)據(jù)庫結(jié)構(gòu)表編號(hào)表名稱數(shù)據(jù)庫表名說明1用戶信息表tbuserinfor用于存儲(chǔ)用戶帳號(hào)、密碼等信息2二手書信息tbbooksinfor用于存儲(chǔ)二手書的詳細(xì)信息3個(gè)人書架表tbpersonalbookshelf用于存儲(chǔ)用戶收藏的二手書信息4網(wǎng)站公告t

33、bsitenotice用于存儲(chǔ)網(wǎng)站公告的詳細(xì)信息5留言信息表tbmessage用于存儲(chǔ)用戶留言的內(nèi)容5.2 數(shù)據(jù)庫表用戶信息表如5.2表所示表5.2用戶信息表字段名數(shù)據(jù)類型寬度說明useridint主鍵，用戶編號(hào)usernamenvarchar50用戶名passwordnvarchar50密碼gendernvarchar50性別e-mailnvarchar50電子郵件creadtimedatetime創(chuàng)建時(shí)間二手書信息表如5.3表所示表5.3用戶信息表字段名數(shù)據(jù)類型寬度說明booksidint主鍵，書籍編號(hào)useridint外鍵，用戶編號(hào)statenvarchar50狀態(tài)(求購|出售)book

34、stitlenvarchar50書籍名稱booksimagenvarchar50書籍圖片bookstypenvarchar50書籍類型authornvarchar50作者bookconcernnvarchar50出版社publishdatenvarchar50出版日期conditionnvarchar50新舊程度costpricenvarchar50原價(jià)pricenvarchar50價(jià)格amountnvarchar50數(shù)量areanvarchar50所在地區(qū)telephonenvarchar50聯(lián)系電話contentbriefnvarcharmax內(nèi)容簡(jiǎn)介createtimedatetime創(chuàng)

35、建時(shí)間個(gè)人書架表如5.4表所示表5.4用戶信息表字段名數(shù)據(jù)類型寬度說明recordidint主鍵，記錄編號(hào)useridint外鍵，用戶編號(hào)booksidint書籍編號(hào)bookstitlenvarchar50書名createtimedatetime創(chuàng)建時(shí)間網(wǎng)站公告如5.5表所示表5.5用戶信息表字段名數(shù)據(jù)類型寬度說明noticeidint主鍵，公告編號(hào)titlenvarchar50標(biāo)題ncontentnvarcharmax內(nèi)容creadtimedatetime創(chuàng)建時(shí)間留言信息表如5.6表所示表5.6用戶信息表字段名數(shù)據(jù)類型寬度說明messageidint主鍵，留言編號(hào)booksidint外鍵，書

36、籍編號(hào)useridint用戶編號(hào)usernamenvarchar50用戶名mcontentnvarcharmax留言內(nèi)容creadtimedatetime創(chuàng)建時(shí)間5.3 數(shù)據(jù)庫表關(guān)系圖數(shù)據(jù)庫的關(guān)系如圖5.1所示圖 5.1 信息搜索活動(dòng)圖5.4 數(shù)據(jù)庫設(shè)計(jì)命名規(guī)范數(shù)據(jù)庫的設(shè)計(jì)的命名規(guī)則如表5.7所示：表 5.7 數(shù)據(jù)庫命名規(guī)范規(guī)范名稱規(guī)范形式數(shù)據(jù)庫涉及字符規(guī)范采用26個(gè)英文字母（區(qū)分大小寫）和09這十個(gè)自然數(shù)，加上下劃線_組成，共63個(gè)字符。不能出現(xiàn)其他字符（注釋除外）。表名稱描述名稱單詞以大寫的主題開頭表字段名稱用英文單詞描述字段存儲(chǔ)過程名稱以表明加“_”加具體操作名數(shù)據(jù)庫設(shè)計(jì)文檔規(guī)范所有數(shù)據(jù)

37、庫設(shè)計(jì)要寫成文檔，文檔以模塊化形式表達(dá)。sql語句規(guī)范所有sql關(guān)鍵詞基本上都是大寫的，比如“select”等6 網(wǎng)站實(shí)現(xiàn)6.1 網(wǎng)站后臺(tái)界面設(shè)計(jì)與布局6.1.1 后臺(tái)登入界面1) 后臺(tái)登入界面設(shè)計(jì)說明：后臺(tái)登入界面我主要是根據(jù)網(wǎng)站的主題和網(wǎng)站前臺(tái)風(fēng)格設(shè)計(jì)的，前臺(tái)界面主要是以藍(lán)色系列的色調(diào)為主，所以后臺(tái)登錄背景為藍(lán)色，網(wǎng)站為二手書交易網(wǎng)所以以一本書為背景框。在網(wǎng)頁制作中，先進(jìn)行頁面設(shè)計(jì)，效果滿意后，再進(jìn)行圖片的切片，最后進(jìn)行頁面的布局，布局好后查看頁面效果。2) 后臺(tái)登入界面，如圖6.1所示：圖 6.1 后臺(tái)界面3) 后臺(tái)界面部分div+css布局<body><div cla

38、ss="all4"><div class="login"><div class="bzhi"></div><div class="anniu"> <ul><li style="margin-left:80px; background: url(images/htxr.png) no-repeat; width:142px; height:34px;"></li><li class="ziti

39、20" style="margin-top:45px; float:left;">用戶名：</li><li style="margin-top:40px; float:left; background: url(images/httext.png) no-repeat; width:224px; height:41px;"></li><li style="clear:both;"></li><li class="ziti20" sty

40、le="margin-top:25px; float:left; margin-left:20px;">密碼：</li><li style="margin-top:20px; float:left; background:url(images/httext.png) no-repeat; width:224px; height:41px;"></li><li style="clear:both;"></li><li style="margin-top:2

41、0px; margin-left:110px;"><a href="#" onmouseout="mm_swapimgrestore()" onmouseover="mm_swapimage('image1','','images/htbtn1.png',1)"><img src="images/htbtn.png" name="image1" width="94" height="3

42、0" border="0" id="image1" /></a></li></ul></div></div></div></body>6.1.2 信息管理界面1) 信息管理界面，使用了與后臺(tái)登陸相同的背景圖，小背景用了半透明的形似兩張記事本的灰色模塊，使整個(gè)頁面更加具有科技感，也更緊貼了網(wǎng)站的主題2) 信息管理界面如圖6.2所示：圖 6.2 發(fā)布新聞界面6.2 網(wǎng)站前臺(tái)界面設(shè)計(jì)與布局6.2.1 首頁1) 溫州市高校二手書交易網(wǎng)首頁界面設(shè)想溫州市高校二手書交

43、易網(wǎng)首頁主要采用藍(lán)色系，在這里我大膽了運(yùn)用了多種與藍(lán)色相近的顏色對(duì)應(yīng)頁面進(jìn)行設(shè)計(jì)，用了類似被翻閱書的頁腳做了一個(gè)以藍(lán)色為主的logo,頭部還放置了一個(gè)大號(hào)搜索框，以便用戶能夠快速搜索自己想要的書籍。頭部做了jquery圖片切換展示，可時(shí)時(shí)更新本圖片，向用戶提供了本網(wǎng)站最新最熱門的掌柜推薦書籍。網(wǎng)站左側(cè)做了圖書分類，精心劃分了網(wǎng)站所有的書籍類型，以便用戶更加快速的找到自己想要的書籍。網(wǎng)站右側(cè)展示了部分圖書類型圖片，有了書籍的圖片讓用戶更加確定自己想要買的書，也增加了網(wǎng)站的美觀度。在設(shè)計(jì)期中對(duì)于網(wǎng)站首頁的構(gòu)思有多種設(shè)想，經(jīng)過多次的效果圖對(duì)比，才做到現(xiàn)在大家看到的效果。2) 首頁界面設(shè)計(jì)如圖6.3所

44、示：圖 6.3 首頁3) 首頁部分div+css布局樣式bodymargin:0 auto;ul,li,p margin:0; padding:0;li list-style-type:none;.hybackground:#41a0fe;height:29px;width:100%;border-bottom:1px solid #218ffd;line-height:29px;text-align:inherit;.font14font:normal "宋體" 14px;font-size:14px;.font12font:normal "宋體"fo

45、nt-size:12px;.dkwidth:960px;margin:0 auto;.logowidth:405px;height:96px; .sousumargin-top:22px;width:507px;height:59px;float:left;background:url(./images/sousu_03.gif) no-repeat;6.2.2 前臺(tái)登錄界面1) 用戶注冊(cè)界面、用戶登錄界面、忘記密碼界面，三個(gè)界面大致相同，大背景以灰色漸變?yōu)橹?，中間有藍(lán)色較立體圖案，增加了界面的立體效果讓整個(gè)界面更具信息時(shí)代效果。2) 界面效果如圖6.4、6.5、6.6所示圖 6.4 用戶注冊(cè)

46、和登錄界面3) 部分div+css布局樣式.bgssbackground-image:url(./images/ssbg.jpg);.logobackground:url(./images/log-2.png ) no-repeat;height:77px;width:1100px;margin:65px auto 0px auto;.reg_tit width:980px;height:36px;padding: 0px;margin-top:0px;overflow:hidden;.reg_tit_ul1 width:460px;height:36px;padding: 0 0 0 30p

47、x;margin: 0;overflow:hidden;float:left;font-size:14px;font-weight: bold;text-align:center;.reg_tit_ul1 li display: inline;.reg_tit_ul1 li a float: left; color: #575757; padding: 13px 0 0 0; margin-right: 3px; height:23px; width:144px; text-decoration: none; background: no-repeat left bottom;.reg_tit

48、_ul1 li a:hover, .reg_tit_ul1 li .current color: #000; background: url(./images/reg.png) no-repeat left bottom;6.2.3 內(nèi)容頁溫州市高校二手書交易網(wǎng)內(nèi)容與首頁風(fēng)格、色彩的使用大致一樣。1) 出售消息界面大致與首頁相同，右側(cè)則變成了賣家要出售的書籍的消息列表，采用了圖文并茂的方式，讓用戶們更加明了的了解要出售書籍的資料，出售消息界面效果如圖6.7所示：圖 6.7出售消息2) 求購消息界面以類似新聞列表的方式展示給用戶看，界面效果如圖6.8所示：圖6.8求購消息3) 用戶中心頁面頭部大

49、致與首頁相似，內(nèi)容部分使用了兩個(gè)不同大小的框，形似一本貼了小紙條的筆記本，與網(wǎng)站主題緊緊相扣，界面效果如圖6.9所示：圖6.9用戶中心4) 網(wǎng)站公告和網(wǎng)站公告列表使用了兩個(gè)不同大小的灰色半透明框，讓整個(gè)網(wǎng)頁變得有層次感。網(wǎng)頁效果如圖6.10所示圖6.10網(wǎng)站公告5) 發(fā)布消息包括消息類別選擇、填寫詳情頁面，風(fēng)格大致與其他頁面相同，類別選擇頁面笑臉，可以使用戶心情變好，也增加了網(wǎng)頁的活躍性，不至于看上去那么死板。頁面效果大致頁如圖6.11、6.12所示圖6.11消息類別選擇圖6.12填寫詳情6) 搜索結(jié)果列表頁和書籍詳情頁大致與出售消息頁面一致，書籍詳情頁增加了書籍內(nèi)容介紹和留言板模塊，讓有意愿

50、的用戶可以與賣家有一個(gè)方便溝通的平臺(tái)，界面效果如圖6.13和6.14所示圖6.13搜索結(jié)果列表頁圖6.14詳情頁6.3 說明6.3.1 項(xiàng)目文件命名規(guī)范項(xiàng)目中的文件全部采用英文單詞取名，遵從見名知意原則編寫。6.3.2 項(xiàng)目文件結(jié)構(gòu)說明溫州市高校二手書交易網(wǎng)開發(fā)asp.net程序時(shí)，首先要?jiǎng)?chuàng)建很多web頁(主要分為前臺(tái)展示界面和后臺(tái)管理界面)、用戶控件以及類，來完成基本的功能操作。不過，在編寫代碼之前，可以先把網(wǎng)站中可能用到的文件夾創(chuàng)建出來，這樣可以方便以后的開發(fā)工作，也可以規(guī)范網(wǎng)站的整體架構(gòu)。因此在開發(fā)該網(wǎng)站之前，首先設(shè)計(jì)了文件夾架構(gòu)圖，在開發(fā)時(shí)只需將相應(yīng)文件保存到對(duì)應(yīng)文件夾下即可。項(xiàng)目文件

51、結(jié)構(gòu)說明如圖6.15所示：圖 6.15 項(xiàng)目文件結(jié)構(gòu)說明圖6.4 動(dòng)軟生成解決方案使用動(dòng)軟.net代碼生成器連接數(shù)據(jù)庫，選擇數(shù)據(jù)庫secondhandbook，然后生成簡(jiǎn)單的三層架構(gòu)解決方案。動(dòng)軟.net代碼生成器生成的代碼基于面向?qū)ο蟮乃枷牒腿龑蛹軜?gòu)設(shè)計(jì)，結(jié)合了petshop中經(jīng)典的思想和設(shè)計(jì)模式，融入了工廠模式，反射機(jī)制等等一些思想。主要實(shí)現(xiàn)在對(duì)應(yīng)數(shù)據(jù)庫中表的基類代碼的自動(dòng)生成，包括生成屬性、添加、修改、刪除、查詢、存在性、model 類構(gòu)造等基礎(chǔ)代碼片斷。支持不同3種架構(gòu)代碼生成，使程序員可以節(jié)省大量機(jī)械錄入的時(shí)間和重復(fù)勞動(dòng)，而將精力集中于核心業(yè)務(wù)邏輯的開發(fā)。6.5 web.config

52、 文件配置<?xml version="1.0"?><configuration> <appsettings> <!- 連接字符串是否加密 -> <add key="constringencrypt" value="false"/> <!- 數(shù)據(jù)庫連接字符串,（如果采用加密方式，上面一項(xiàng)要設(shè)置為true；加密工具，可在官方下載， 如果使用明文這樣server=;database=.,上面則設(shè)置為false。 -> <add key=&quo

53、t;connectionstring" value="server=.;database=secondhandbook;integrated security=true"/> </appsettings> <system.web> <httpruntime executiontimeout="3600" maxrequestlength="1048576"/> <compilation debug="true" targetframework="4

54、.0"/> <customerrors mode="off"/><identity impersonate="true"/> <authentication mode="forms"> <forms name="forums" path="/" loginurl="login.aspx" protection="all" timeout="40"/></authent

55、ication> <pages controlrenderingcompatibilityversion="3.5" clientidmode="autoid"/> </system.web></configuration>7 測(cè)試7.1 測(cè)試隨著網(wǎng)絡(luò)技術(shù)不斷成熟，網(wǎng)站功能日益增加，越來越多的業(yè)務(wù)系統(tǒng)演化為基于 weh的應(yīng)用，測(cè)試是為這些服務(wù)降低風(fēng)險(xiǎn)的主要手段。對(duì)網(wǎng)站的測(cè)試應(yīng)從用戶界面、功能和兼容性幾方面綜合考慮。網(wǎng)站測(cè)試采用灰盒測(cè)試方法。灰盒測(cè)試結(jié)合了白盒測(cè)試和黑盒測(cè)試的要素，既關(guān)注軟件的外部屬性和行為，又在原

56、代碼級(jí)了解軟件內(nèi)部數(shù)據(jù)結(jié)構(gòu)、實(shí)際的邏輯流程和體系結(jié)構(gòu)的基礎(chǔ)上測(cè)試軟件，是從開發(fā)者的角度看待測(cè)試，綜合考慮用戶端、特定的系統(tǒng)知識(shí)和操作環(huán)境。web應(yīng)用由大量的組件（包括軟件和硬件）組成，這些組件必須在設(shè)計(jì)系統(tǒng)的環(huán)境中測(cè)試，以便評(píng)價(jià)它們的功能和兼容性。而灰盒測(cè)試在系統(tǒng)組件的協(xié)同性環(huán)境中評(píng)價(jià)軟件的設(shè)計(jì)，對(duì)基于web的應(yīng)用來說是最為有效完整的測(cè)試。灰盒測(cè)試涉及到高層設(shè)計(jì)、環(huán)境和互操作性條件等，能發(fā)現(xiàn)容易被黑盒和白盒測(cè)試忽略的問題，特別是端對(duì)端的信息流問題、分布式硬/軟件配置問題以及兼容性問題。在灰盒測(cè)試過程中通常能發(fā)現(xiàn)與web系統(tǒng)密切相關(guān)的具體環(huán)境錯(cuò)誤。1) 用戶界面：用戶交互：是否有中心工作空間，并在各頁面之間保持一致。是否每個(gè)頁面都有導(dǎo)航工具，并保持直觀一致。ul控件的命名方式是否簡(jiǎn)明一致，每個(gè)控件的默認(rèn)狀態(tài)是否恰當(dāng)；web應(yīng)用系統(tǒng)的主要部分是否可通過主頁訪問；操作和響應(yīng)方式是否與 web應(yīng) 用程序及行業(yè)標(biāo)準(zhǔn)一致，響應(yīng)結(jié)果是否正確，是否發(fā)生了數(shù)據(jù)一致性錯(cuò)誤和輸出錯(cuò)誤；如果說明文字指向右側(cè)的圖片，該圖是否出現(xiàn)在右側(cè)；表格中的證件號(hào)碼與姓名放在左邊，其他細(xì)節(jié)放在右邊，是否更有效；根據(jù)所提供的幫助文檔進(jìn)行操作，是否能夠出現(xiàn)預(yù)期結(jié)果；是否提供正確的反饋和錯(cuò)誤提示信息。頁面元素：整個(gè) web 應(yīng)用系統(tǒng)