1、<p><b>　　本科畢業(yè)論文</b></p><p><b>　?。?0 屆）</b></p><p>　　校園二手市場(chǎng)信息發(fā)布系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)（前臺(tái)部分）</p><p><b>　　摘 要</b></p><p>　　隨著互聯(lián)網(wǎng)技術(shù)的迅猛發(fā)展，校園信息一體

2、化過程加快，學(xué)生網(wǎng)民的數(shù)量越來越多，而安全，快捷，方便的校園局域網(wǎng)為學(xué)生之間的交易提供了良好的網(wǎng)絡(luò)支持。由于教育的階段性，大量的二手書籍及二手物品并沒有喪失或完全喪失其使用價(jià)值，每年畢業(yè)生的到來為校園二手交易市場(chǎng)提供了豐富的內(nèi)容。為了使交易信息更全面，交易過程更頻繁，交易方式更為便捷，嘗試設(shè)計(jì)校園二手市場(chǎng)信息發(fā)布系統(tǒng)前臺(tái)部分，用意在于為大學(xué)生的二手交易提供一個(gè)良好的平臺(tái)，同時(shí)喚起并樹立節(jié)約意識(shí)，提倡資源循環(huán)利用，共創(chuàng)綠色校園。</

3、p><p>　　本文在系統(tǒng)架構(gòu)上采用當(dāng)前比較流行的B/S結(jié)構(gòu)，通過HTML,DIV+CSS及JavaScript技術(shù)進(jìn)行開發(fā)設(shè)計(jì)。在整個(gè)系統(tǒng)設(shè)計(jì)中充分利用了模塊化的設(shè)計(jì)思想和開發(fā)方法。本系統(tǒng)實(shí)用性較強(qiáng)、擴(kuò)展靈活、操作方便、安全穩(wěn)定。</p><p>　　關(guān)鍵字： HTML DIV+CSS JavaScript B/S WEB 校園二手市場(chǎng)</p><p><b

4、>　　Abstract</b></p><p>　　With the rapid development of internet technology, campus information integration quickens its steps. More and more students begin to use internet. Campus LAN which is safet

5、y and convenient benefits the transaction between students. Many second-hand materials have not lost its service value completely because of the stage of education. Every year students who are going to graduate offer a l

6、arge amount of materials for secondary market on campus.To make the transactions more fully, the process mo</p><p>　　This platform puts B/S system into use, which gets help from HTML、DIV+CSSS and JavaScript.

7、The whole system makes the most use of the idea of modulization, which makes this system pragmatically, flexibly and conveniently.</p><p>　　Keywords: HTML DIV+CSS JavaScript B/S WEB campus second-hand mark

8、et</p><p><b>　　目 錄</b></p><p><b>　　1 緒論1</b></p><p><b>　　1.1 前言1</b></p><p>　　1.2 課題研究的背景及意義1</p><p>　　1.3 國(guó)內(nèi)外研究現(xiàn)狀

9、1</p><p>　　1.4 論文主要研究?jī)?nèi)容2</p><p>　　2 系統(tǒng)關(guān)鍵技術(shù)研究3</p><p>　　2.1 HTML相關(guān)簡(jiǎn)介3</p><p>　　2.2 JavaScript相關(guān)簡(jiǎn)介3</p><p>　　2.3 DIV+CSS相關(guān)簡(jiǎn)介4</p><p>　　2.4

10、PHP相關(guān)簡(jiǎn)介5</p><p>　　2.5 MySQL相關(guān)簡(jiǎn)介6</p><p><b>　　3 系統(tǒng)分析7</b></p><p>　　3.1 需求分析7</p><p>　　3.2 可行性分析7</p><p>　　3.2.1 技術(shù)可行性7</p><p>

11、;　　3.2.2 經(jīng)濟(jì)可行性7</p><p>　　3.2.3 社會(huì)可行性7</p><p>　　3.2.4 操作可行性7</p><p><b>　　4 系統(tǒng)設(shè)計(jì)8</b></p><p>　　4.1 系統(tǒng)前臺(tái)功能設(shè)計(jì)8</p><p>　　4.2 前臺(tái)整體風(fēng)格設(shè)計(jì)8</p&g

12、t;<p>　　4.3 前臺(tái)板塊設(shè)計(jì)8</p><p>　　4.4 首頁(yè)設(shè)計(jì)9</p><p>　　4.5 交易類頁(yè)面設(shè)計(jì)10</p><p>　　4.5.1 出售類頁(yè)面11</p><p>　　4.5.2 收購(gòu)類頁(yè)面11</p><p>　　4.6.瀏覽類頁(yè)面設(shè)計(jì)11</p>

13、<p>　　4.7 數(shù)據(jù)庫(kù)設(shè)計(jì)12</p><p>　　4.8 安全性設(shè)計(jì)13</p><p><b>　　5 系統(tǒng)實(shí)現(xiàn)14</b></p><p>　　5.1 環(huán)境配置14</p><p>　　5.2 目錄結(jié)構(gòu)15</p><p>　　5.3 首頁(yè)實(shí)現(xiàn)16</p>

14、;<p>　　5.3.1 頁(yè)頭部分16</p><p>　　5.3.2 內(nèi)容部分16</p><p>　　5.3.3 頁(yè)腳部分17</p><p>　　5.3.4 總體效果18</p><p>　　5.4 論壇風(fēng)格頁(yè)面19</p><p>　　5.5 交易類頁(yè)面19</p>&l

15、t;p>　　5.5.1 交易信息發(fā)布頁(yè)面20</p><p>　　5.5.2 交易信息列表頁(yè)面21</p><p>　　5.5.3 交易信息瀏覽頁(yè)面21</p><p>　　5.6 瀏覽類頁(yè)面23</p><p><b>　　總 結(jié)24</b></p><p><b>

16、　　致 謝25</b></p><p><b>　　參考文獻(xiàn)26</b></p><p><b>　　1 緒論</b></p><p><b>　　1.1 前言</b></p><p>　　隨著計(jì)算機(jī)技術(shù)的飛速發(fā)展和高等教育體制改革的不斷深入，計(jì)算機(jī)技術(shù)已經(jīng)進(jìn)

17、入網(wǎng)絡(luò)時(shí)代。使用計(jì)算機(jī)進(jìn)行信息控制，不僅提高了工作效率，而且大大提高了安全性。Internet在中國(guó)的迅速發(fā)展,人們?nèi)粘Ｉ钪性絹碓蕉嗟厥褂眠@項(xiàng)新的技術(shù)來為自己的工作、學(xué)習(xí)和生活服務(wù)。由于WEB頁(yè)面能把文本、圖像、聲音、動(dòng)畫、視像等多種媒體信息集于一體，不但使信息的顯示更加生動(dòng)，而且使信息的瀏覽更為方便,同時(shí)WEB頁(yè)面能實(shí)現(xiàn)網(wǎng)上交易平臺(tái)、客戶信息反饋等方面方便了商家與客戶之間信息交流。</p><p>　　1.2

18、 課題研究的背景及意義</p><p>　　人類社會(huì)經(jīng)歷了從野蠻到文明、從原始社會(huì)到社會(huì)主義社會(huì)、從使用簡(jiǎn)單石頭工具到現(xiàn)在使用智能化工具的過程，生活水平不斷提高，逐漸有了從物物交換到以貨幣為等價(jià)物的交換，經(jīng)歷了一個(gè)由低級(jí)到高級(jí)的過程。隨著社會(huì)的發(fā)展，技術(shù)的不斷發(fā)展以及產(chǎn)品的不斷更新?lián)Q代使得人們對(duì)物質(zhì)的要求越來越高，隨之而來的問題便是越來越多的二手貨物堆積了下來卻無(wú)法得到更好的利用。特別是在大學(xué)校園里面，作為走在世

19、界發(fā)展最前端的大學(xué)生，首先，他們沒有時(shí)間也沒有精力去經(jīng)營(yíng)一個(gè)二手貨物商店，而且他們也沒有足夠的二手貨來支撐這個(gè)商店，一般大學(xué)校園里大學(xué)生們的二手貨都只是零散的，并不能得到很好的二次利用。其次，一個(gè)主要的原因就是大學(xué)生們并沒有穩(wěn)定的資金來源，所以要如何處理自己身邊的二手貨物，并且如何能夠得到一樣自己想要的二手貨物而又不需要花太多的錢，成為當(dāng)今大學(xué)生們需要解決的一個(gè)難題。</p><p>　　Internet經(jīng)過20

20、多年的發(fā)展，已經(jīng)成為世界上覆蓋最廣、規(guī)模最大、信息資源最豐富的計(jì)算機(jī)網(wǎng)絡(luò)，它延伸到了世界的每一個(gè)角落，兼容所有的傳輸媒介，支持成千上萬(wàn)不同的應(yīng)用。Internet極大地推動(dòng)了世界經(jīng)濟(jì)向知識(shí)經(jīng)濟(jì)的轉(zhuǎn)變，近兩年間，隨著國(guó)際互聯(lián)網(wǎng)以驚人的速度席卷全球之際，我國(guó)多媒體網(wǎng)絡(luò)覆蓋面也在不斷擴(kuò)大。然而，對(duì)于在校學(xué)生，一般而言，現(xiàn)在都還沒有自食其力，大都需要父母的財(cái)力支持。尤其是大學(xué)生的花費(fèi)更多，平時(shí)吃好、喝好、用好奉行“三好主義”，而殊不知父母的沉重

21、負(fù)擔(dān)。在更多的時(shí)候，他們有很多東西都沒用處，一直閑著，或扔掉或舍不得存著。對(duì)這種情況，他們一般選擇前者——扔掉。這時(shí)，如果大家能把不用的物品拿出來交換，就會(huì)得到共贏。因此，大學(xué)校園里學(xué)生們的二手貨能夠得到更好的利用所欠缺的正是這么一個(gè)交易平臺(tái)。利用Internet這個(gè)媒介建立一個(gè)功能強(qiáng)大的、界面美觀的大學(xué)校園二手物品交易平臺(tái)，為學(xué)生們的二手貨物能更好的得到二次利用而搭建一個(gè)良好的交易平臺(tái)。</p><p>　　本

22、課題在老師的指導(dǎo)下面向大學(xué)生校園二手市場(chǎng)的二手物品交易平臺(tái)，它的出發(fā)點(diǎn)必須是實(shí)用，操作簡(jiǎn)單，界面友好，讓大學(xué)校園內(nèi)有買賣需求的人群共享同一個(gè)信息渠道,實(shí)現(xiàn)買賣的雙方線上、線下互動(dòng)。另外也是為了鍛煉自己，加強(qiáng)對(duì)HTML、JS 、DIV+CSS、 PHP 、MYSQL語(yǔ)言技術(shù)能力，了解其內(nèi)部的運(yùn)行原理。</p><p>　　1.3 國(guó)內(nèi)外研究現(xiàn)狀</p><p>　　目前各國(guó)政府已充分認(rèn)識(shí)到電

23、子商務(wù)對(duì)經(jīng)濟(jì)增長(zhǎng)的巨大推動(dòng)作用，從而大力促進(jìn)電子商務(wù)在國(guó)民經(jīng)濟(jì)各個(gè)領(lǐng)域的應(yīng)用。 在電子商務(wù)的技術(shù)、市場(chǎng)和社會(huì)法律等方面，美國(guó)均處于領(lǐng)先地位，有著名的購(gòu)物網(wǎng)站 Amzaon.com、eBay 等。 歐洲雖起步落后于美國(guó)，但其發(fā)展勢(shì)頭卻非常迅猛。 國(guó)外電子商務(wù)系統(tǒng)發(fā)展已相對(duì)完善，仍存在一定的問題，大多數(shù)系統(tǒng)忽略了二手交易市場(chǎng)這個(gè)獨(dú)特的環(huán)境，針對(duì)性不強(qiáng)。 由于二手交易應(yīng)用的商務(wù)模式還在探索中，因此在現(xiàn)階段，二手交易的電子商務(wù)真正成熟發(fā)展的還不

24、太多。</p><p>　　我國(guó)的電子商務(wù)起步晚，發(fā)展速度快。 經(jīng)過 1999～2002 年的萌芽，2003～2006 年的高速增長(zhǎng)階段，現(xiàn)在已經(jīng)進(jìn)入了縱深發(fā)展階段。 在我國(guó)，目前的網(wǎng)絡(luò)交易平臺(tái)包括二手交易在內(nèi)有很多，門戶網(wǎng)站以易趣、阿里巴巴、淘寶網(wǎng)等為主，而電腦配件等就以太平洋二手欄目為主，此外，還有當(dāng)當(dāng)、卓越、全球采購(gòu)等著名的購(gòu)物網(wǎng)站。 目前國(guó)內(nèi)的網(wǎng)上交易市場(chǎng)還存在缺乏誠(chéng)信、安全、物流不暢、法律政策環(huán)境有待改

25、善的問題。 比如所有的網(wǎng)上交易都無(wú)法做到實(shí)名制，具有安全隱患；復(fù)雜一點(diǎn)的如二手設(shè)備交易，因?yàn)榫W(wǎng)上交易和習(xí)慣的傳統(tǒng)交易方法不同，也會(huì)遇到一些困難。 發(fā)展二手交易電子商務(wù)網(wǎng)站，就要通過打造一個(gè)安全的交易環(huán)境，創(chuàng)新經(jīng)營(yíng)策略來吸引網(wǎng)民，走大眾化的路線。</p><p>　　另外，在目前我國(guó)大部分高校在大學(xué)生創(chuàng)業(yè)和社團(tuán)活動(dòng)中，二手物品交易市場(chǎng)仍通過提供固定的交易市場(chǎng)進(jìn)行交易，需要通過跳蚤市場(chǎng)或是貼廣告作為交易的中介，時(shí)間和

26、地點(diǎn)的不穩(wěn)定性提高了交易的困難度，想要成功進(jìn)行交易變的非常困難。信息流動(dòng)滯后，對(duì)于買方想要獲得二手交易市場(chǎng)的商品信息必須跑去跳蚤市場(chǎng)或是尋找公告板上張貼的廣告；而對(duì)于賣方想要使自己想賣的物品信息傳播出去要么破費(fèi)去張貼廣告，要么就是節(jié)假日去跳蚤市場(chǎng)擺攤。信息傳播具有較大的滯后性。因此大學(xué)生校園二手市場(chǎng)交易平臺(tái)是十分必要的。</p><p>　　就目前校園二手市場(chǎng)交易平臺(tái)的研究現(xiàn)狀來看，國(guó)內(nèi)大部分高校學(xué)生在該方面研究

27、還沒有形成系統(tǒng)，而相關(guān)的研究又是分散的、理論性的研究較多，而系統(tǒng)的、應(yīng)用性的研究較少。因此提供校園二手市場(chǎng)交易平臺(tái)是十分重要的。</p><p>　　1.4 論文主要研究?jī)?nèi)容</p><p>　　本文主要實(shí)現(xiàn)校園二手信息發(fā)布系統(tǒng)的前臺(tái)部分。</p><p>　　主要包括：前臺(tái)總體樣式、交易類主題頁(yè)面、瀏覽類主題頁(yè)面、信息列表等頁(yè)面的設(shè)計(jì)，以及用戶注冊(cè)、交易信息發(fā)布、

28、用戶管理等功能的實(shí)現(xiàn)。</p><p>　　2 系統(tǒng)關(guān)鍵技術(shù)研究</p><p>　　2.1 HTML相關(guān)簡(jiǎn)介</p><p>　　超級(jí)文本標(biāo)記語(yǔ)言（英文縮寫：HTML）是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號(hào)來標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)文件本身是一種文本文件，通過在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文

29、字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁(yè)文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對(duì)書寫出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋，因而可能會(huì)有不同的顯示效果。</p><p><b>　　其主要特點(diǎn)如下：</b></p>&l

30、t;p>　　1）簡(jiǎn)易性：超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式，從而更加靈活方便。</p><p>　　2）可擴(kuò)展性：超級(jí)文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語(yǔ)言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。</p><p>　　3）平臺(tái)無(wú)關(guān)性：雖然個(gè)人計(jì)算機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，超級(jí)文本標(biāo)記語(yǔ)言可以使用在廣泛的平臺(tái)上。</p>

31、;<p>　　2.2 JavaScript相關(guān)簡(jiǎn)介</p><p>　　JavaScript就是適應(yīng)動(dòng)態(tài)網(wǎng)頁(yè)制作的需要而誕生的一種新的編程語(yǔ)言，如今越來越廣泛地使用于Internet網(wǎng)頁(yè)制作上。JavaScript是由 Netscape公司開發(fā)的一種腳本語(yǔ)言（scripting language），或者稱為描述語(yǔ)言。在HTML基礎(chǔ)上，使用JavaScript可以開發(fā)交互式Web網(wǎng)頁(yè)。JavaScri

32、pt的出現(xiàn)使得網(wǎng)頁(yè)和用戶之間實(shí)現(xiàn)了一種實(shí)時(shí)性的、動(dòng)態(tài)的、交互性的關(guān)系，使網(wǎng)頁(yè)包含更多活躍的元素和更加精彩的內(nèi)容。運(yùn)行用JavaScript編寫的程序需要能支持JavaScript語(yǔ)言的瀏覽器。Netscape公司 Navigator 3.0以上版本的瀏覽器都能支持 JavaScript程序，微軟公司 Internet Explorer 3.0以上版本的瀏覽器基本上支持JavaScript。微軟公司還有自己開發(fā)的JavaScript，稱為

33、JScript。 Javascript和Jscript基本上是相同的，只是在一些細(xì)節(jié)上有出入。Javascript短小精悍，又是在客戶機(jī)上執(zhí)行的，大大提高了網(wǎng)頁(yè)的瀏覽速度和交互能力。同時(shí)它又是專門為制作Web網(wǎng)頁(yè)而量身定做的一種簡(jiǎn)</p><p>　　JavaScript 使網(wǎng)頁(yè)增加互動(dòng)性。JavaScript 使有規(guī)律地重復(fù)的HTML文段簡(jiǎn)化，減少下載時(shí)間。JavaScript 能及時(shí)響應(yīng)用戶的操作，對(duì)提交表單

34、做即時(shí)的檢查，無(wú)需浪費(fèi)時(shí)間交由 CGI 驗(yàn)證。</p><p><b>　　其主要特點(diǎn)如下：</b></p><p>　　1）是一種腳本編寫語(yǔ)言。JavaScript是一種腳本語(yǔ)言，它采用小程序段的方式實(shí)現(xiàn)編程。像其它腳本語(yǔ)言一樣,JavaScript同樣已是一種解釋性語(yǔ)言,它提供了一個(gè)易的開發(fā)過程。它的基本結(jié)構(gòu)形式與C、C++、VB、Delphi十分類似。但它不像這

35、些語(yǔ)言一樣，需要先編譯，而是在程序運(yùn)行過程中被逐行地解釋。它與HTML標(biāo)識(shí)結(jié)合在一起，從而方便用戶的使用操作。</p><p>　　2）基于對(duì)象的語(yǔ)言。JavaScript是一種基于對(duì)象的語(yǔ)言，同時(shí)以可以看作一種面向?qū)ο蟮?。這意味著它能運(yùn)用自己已經(jīng)創(chuàng)建的對(duì)象。因此，許多功能可以來自于腳本環(huán)境中對(duì)象的方法與腳本的相互作用。</p><p>　　3）簡(jiǎn)單性。JavaScript的簡(jiǎn)單性主要體現(xiàn)

36、在：首先它是一種基于Java基本語(yǔ)句和控制流之上的簡(jiǎn)單而緊湊的設(shè)計(jì), 從而對(duì)于學(xué)習(xí)Java是一種非常好的過渡。其次它的變量類型是采用弱類型，并未使用嚴(yán)格的數(shù)據(jù)類型。</p><p>　　4）安全性。JavaScript是一種安全性語(yǔ)言，它不允許訪問本地的硬盤，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。 </p><

37、;p>　　5）動(dòng)態(tài)性的。JavaScript是動(dòng)態(tài)的，它可以直接對(duì)用戶或客戶輸入做出響應(yīng)，無(wú)須經(jīng)過Web服務(wù)程序。它對(duì)用戶的反映響應(yīng)，是采用以事件驅(qū)動(dòng)的方式進(jìn)行的。所謂事件驅(qū)動(dòng)，就是指在主頁(yè)(Home Page)中執(zhí)行了某種操作所產(chǎn)生的動(dòng)作，就稱為“事件”(Event)。比如按下鼠標(biāo)、移動(dòng)窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會(huì)引起相應(yīng)的事件響應(yīng)。</p><p>　　6）跨平臺(tái)性。JavaSc

38、ript是依賴于瀏覽器本身，與操作環(huán)境無(wú)關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持JavaScript的瀏覽器就可正確執(zhí)行。從而實(shí)現(xiàn)了“編寫一次,走遍天下”的夢(mèng)想。實(shí)際上JavaScript最杰出之處在于可以用很小的程序做大量的事。無(wú)須有高性能的電腦，軟件僅需一個(gè)字處理軟件及一瀏覽器，無(wú)須WEB服務(wù)器通道，通過自己的電腦即可完成所有的事情。</p><p>　　綜上所述，JavaScript是一種新的描述語(yǔ)言，它可以被

39、嵌入到HTML的文件之中。JavaScript語(yǔ)言可以做到回應(yīng)使用者的需求事件(如：form的輸入)，而不用任何的網(wǎng)路來回傳輸資料，所以當(dāng)一位使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過傳給伺服端(Server)處理，再傳回來的過程，而直接可以被客戶端 (Client) 的應(yīng)用程式所處理。</p><p>　　2.3 DIV+CSS相關(guān)簡(jiǎn)介</p><p>　　DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)（或稱“WEB標(biāo)

40、準(zhǔn)”）中常用術(shù)語(yǔ)之一，DIV+CSS 是一種網(wǎng)頁(yè)的布局方法，這一種網(wǎng)頁(yè)布局方法有別于傳統(tǒng)的HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格（table）定位方式，可實(shí)現(xiàn)網(wǎng)頁(yè)頁(yè)面內(nèi)容與表現(xiàn)相分離。XHTML是The Extensible HyperText Markup Language（可擴(kuò)展超文本標(biāo)識(shí)語(yǔ)言）的縮寫。XHTML基于可擴(kuò)展標(biāo)記語(yǔ)言（XML），是一種在HTML 基礎(chǔ)上優(yōu)化和改進(jìn)的的新語(yǔ)言，目的是基于XML應(yīng)用與強(qiáng)大的數(shù)據(jù)轉(zhuǎn)換能力，適應(yīng)未來網(wǎng)絡(luò)應(yīng)

41、用更多的需求。在XHTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。</p><p>　　DIV+CSS的特點(diǎn)：</p><p>　　1）符合W3C標(biāo)準(zhǔn)。微軟等公司均為W3C支持者。這一點(diǎn)是最重要的，因?yàn)檫@保證您的網(wǎng)站不會(huì)因?yàn)閷砭W(wǎng)絡(luò)應(yīng)用的升級(jí)而被淘汰。</p><p>　　2）支持瀏覽器的向后兼容，也就是無(wú)論未來的瀏覽器大戰(zhàn)，

42、勝利的是IE7或者是火狐。您的網(wǎng)站都能很好的兼容。</p><p>　　3）搜索引擎更加友好。相對(duì)與傳統(tǒng)的table,采用DIV+CSS技術(shù)的網(wǎng)頁(yè)，對(duì)于搜索引擎的收錄更加友好。</p><p>　　4）樣式的調(diào)整更加方便。內(nèi)容和樣式的分離，使頁(yè)面和樣式的調(diào)整變得更加方便?，F(xiàn)在YAHOO,MSN等國(guó)際門戶網(wǎng)站，網(wǎng)易，新浪等國(guó)內(nèi)門戶網(wǎng)站，和主流的WEB2.0網(wǎng)站，均采用DIV+CSS的框架模式

43、，更加印證了DIV+CSS是大勢(shì)所趨。現(xiàn)很多個(gè)人站長(zhǎng)新建站點(diǎn)都采用了DIV+CSS來構(gòu)建自己的網(wǎng)站頁(yè)面，可見DIV+CSS替代table已經(jīng)不是遙遠(yuǎn)夢(mèng)想。</p><p>　　5）通過制作發(fā)行同樣的頁(yè)面使用TABLE做的頁(yè)面與DIV+CSS制作的頁(yè)面大小對(duì)比，DIV+CSS的XHTML頁(yè)面大小至少小TABLE制作頁(yè)面1/4。從而使的瀏覽DIV+CSS的頁(yè)面更加快捷快速。</p><p>　

44、　DIV+CSS的優(yōu)點(diǎn)：</p><p>　　1）使頁(yè)面載入得更快。由于將大部分頁(yè)面代碼寫在了CSS當(dāng)中，使得頁(yè)面體積容量變得更小。相對(duì)于表格嵌套的方式，DIV+CSS將頁(yè)面獨(dú)立成更多的區(qū)域，在打開頁(yè)面的時(shí)候，逐層加載。而不像表格嵌套那樣將整個(gè)頁(yè)面圈在一個(gè)大表格里，使得加載速度很慢。 </p><p>　　2）降低流量費(fèi)用。頁(yè)面體積變小，瀏覽速度變快，這就使得對(duì)于某些控制主機(jī)流量的網(wǎng)站來說

45、是最大的優(yōu)勢(shì)了。 　　</p><p>　　3）修改設(shè)計(jì)時(shí)更有效率。由于使用了DIV+CSS制作方法，在修改頁(yè)面的時(shí)候更加容易省時(shí)。根據(jù)區(qū)域內(nèi)容標(biāo)記，到CSS里找到相應(yīng)的ID，使得修改頁(yè)面的時(shí)候更加方便，也不會(huì)破壞頁(yè)面其他部分的布局樣式。 　　</p><p>　　4）保持視覺的一致性。DIV+CSS最重要的優(yōu)勢(shì)之一：保持視覺的一致性；以往表格嵌套的制作方法，會(huì)使得頁(yè)面與頁(yè)面，或者區(qū)域與區(qū)

46、域之間的顯示效果會(huì)有偏差。而使用DIV+CSS的制作方法，將所有頁(yè)面，或所有區(qū)域統(tǒng)一用CSS文件控制，就避免了不同區(qū)域或不同頁(yè)面體現(xiàn)出的效果偏差。 　　</p><p>　　5）更好地被搜索引擎收錄。由于將大部分的HTML代碼和內(nèi)容樣式寫入了CSS文件中，這就使得網(wǎng)頁(yè)中正文部分更為突出明顯，便于被搜索引擎采集收錄。 　　</p><p>　　6）對(duì)瀏覽者和瀏覽器更具親和力。我們都知道網(wǎng)站做

47、出來是給瀏覽者使用的，對(duì)瀏覽者和瀏覽器更具親和力，DIV+CSS在這方面更具優(yōu)勢(shì)。由于CSS富含豐富的樣式，使頁(yè)面更加靈活性，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng)一和不變形。</p><p>　　2.4 PHP相關(guān)簡(jiǎn)介</p><p>　　PHP，是英文超級(jí)文本預(yù)處理語(yǔ)言（PHP：Hypertext Preprocessor）的縮寫，是一種HTML內(nèi)嵌式語(yǔ)言，與微軟的APS頗有幾分相

48、似，都是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語(yǔ)言，語(yǔ)言的風(fēng)格類似于C語(yǔ)言，現(xiàn)在被很多網(wǎng)站編程人員廣泛運(yùn)用。PHP獨(dú)特的語(yǔ)法混合了C、Java、Perl以及PHP自創(chuàng)的新語(yǔ)法。它可以比CGI或者Perl更快速地執(zhí)行動(dòng)態(tài)網(wǎng)頁(yè)。與其他的編程語(yǔ)言相比，PHP是將程序嵌入到HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多；與同樣是嵌入HTML文檔的腳本語(yǔ)言JavaScript相比，PHP在服務(wù)器端執(zhí)行，充分利用了服務(wù)器的

49、性能。PHP執(zhí)行引擎還會(huì)將用戶經(jīng)常訪問的PHP程序駐留在內(nèi)存中，其他用戶再一次訪問這個(gè)程序時(shí)就可以直接執(zhí)行內(nèi)存中的代碼，而不需要重新編譯程序了，這也是PHP高效率的體現(xiàn)之一。</p><p>　　PHP是一種簡(jiǎn)單的，面向?qū)ο蟮模忉屝偷?，健壯的，安全的，性能非常之高的，?dú)立于架構(gòu)的，可移植的，動(dòng)態(tài)的腳本語(yǔ)言，具有和Java類似的Class關(guān)鍵字。PHP正迅速變成一種標(biāo)準(zhǔn)的，多用途的，面向?qū)ο蟮哪_本語(yǔ)言，不僅可以用

50、來開發(fā)Web應(yīng)用程序，也可以開普通應(yīng)用程序。其特點(diǎn)主要如下：</p><p>　　1）數(shù)據(jù)庫(kù)連接。PHP具有與許多數(shù)據(jù)庫(kù)相連接的函數(shù)。PHP的開發(fā)者們?yōu)榱烁m合Web編程，開發(fā)了許多外圍的基庫(kù)，這些庫(kù)包含了更易用的層，這樣就可以方便地利用PHP連接包括Oracle、MS-Acess、MySQL在內(nèi)的大部分?jǐn)?shù)據(jù)庫(kù)。PHP與MySQL是現(xiàn)在絕佳的組合。戶可以自己編寫外圍的函數(shù)間接存取數(shù)據(jù)庫(kù)。通過這樣的途徑，當(dāng)用戶更換

51、使用的數(shù)據(jù)庫(kù)時(shí)，可以輕松的更改編碼以適應(yīng)這樣的變化。PHPLIB就是最常用的可以提供一般事務(wù)需要的一系列基庫(kù)。</p><p>　　2）可擴(kuò)展性。PHP已經(jīng)進(jìn)入了一個(gè)高速發(fā)展的時(shí)期，對(duì)于一個(gè)非程序員來說為PHP擴(kuò)展附加功能可能會(huì)比較難，但是對(duì)于一個(gè)PHP程序員來說，只要熟悉PHP，完全能非常容易地對(duì)它的功能進(jìn)行擴(kuò)展。</p><p>　　3）面向?qū)ο缶幊?。PHP提供了類和對(duì)象?；赪eb的

52、編程工作非常需要面向?qū)ο缶幊棠芰?。PHP支持構(gòu)造器、提取類等。在php4、php5中，面向?qū)ο蠓矫娑加辛撕艽蟮母倪M(jìn)與提高，能出色地完成Web開發(fā)工作。</p><p>　　4）可伸縮性。傳統(tǒng)上網(wǎng)頁(yè)的交互作用是通過CGI來實(shí)現(xiàn)的。CGI程序的伸縮性不很理想，因?yàn)樗鼮槊恳粋€(gè)正在運(yùn)行的CGI程序開發(fā)一個(gè)獨(dú)立進(jìn)程。解決方法就是將經(jīng)常用來編寫CGI程序的語(yǔ)言的解釋器編譯進(jìn)Web服務(wù)器（如mod_perl，JSP），PHP就

53、可以用這種方式安裝。內(nèi)嵌的PHP可以具有更高的可伸縮性。</p><p>　　2.5 MySQL相關(guān)簡(jiǎn)介</p><p>　　MySQL是一個(gè)小型關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，開發(fā)者為瑞典MySQL AB公司。在2008年1月16日被Sun公司收購(gòu)。目前MySQL被廣泛地應(yīng)用在Internet上的中小型網(wǎng)站中。由于其體積小，速度快，總體擁有成本低，尤其是開放源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站

54、總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫(kù)。</p><p>　　SQL全稱是“結(jié)構(gòu)化查詢語(yǔ)言（Structured Query Language）”,最早是由IBM的圣約瑟研究實(shí)驗(yàn)室為其關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)SYSTEM R開發(fā)的一種查詢語(yǔ)言，它的前身是SQUARE語(yǔ)言。SQL語(yǔ)言結(jié)構(gòu)簡(jiǎn)潔，功能強(qiáng)大，簡(jiǎn)單易學(xué)，所以自從IBM公司1981年推出以來，就得到了廣泛的應(yīng)用。如今無(wú)論是像Oracle、Sybase、In

55、formix、SQL Server這些大型數(shù)據(jù)庫(kù)管理系統(tǒng)，還是Visual Foxpro，PowerBuilder這些微機(jī)上常用的數(shù)據(jù)庫(kù)開發(fā)系統(tǒng)，都支持SQL語(yǔ)言作為查詢語(yǔ)言。SQL已經(jīng)成為關(guān)系型數(shù)據(jù)庫(kù)普遍使用的標(biāo)準(zhǔn)，使用這種標(biāo)準(zhǔn)數(shù)據(jù)庫(kù)語(yǔ)言對(duì)程序設(shè)計(jì)和數(shù)據(jù)庫(kù)維護(hù)都帶來了極大的方便。</p><p>　　SQL語(yǔ)言的常用操作有：建立數(shù)據(jù)庫(kù)數(shù)據(jù)表（CREATE TABLE）；從數(shù)據(jù)庫(kù)中篩選一個(gè)記錄集（SELECT），

56、這是最常用的一個(gè)語(yǔ)句，功能強(qiáng)大，能有效地對(duì)數(shù)據(jù)庫(kù)中一個(gè)或多個(gè)數(shù)據(jù)表中的數(shù)據(jù)進(jìn)行訪問，并兼有排序、分組等功能；在數(shù)據(jù)表中添加一個(gè)記錄（INSERT）；刪除符合條件的記錄（DELETE）；更改符合條件的記錄（UPDATE）。</p><p>　　MySQL具有以下特點(diǎn)：</p><p>　　1）使用C和C++編寫，并使用了多種編譯器進(jìn)行測(cè)試，保證源代碼的可移植性。</p><

57、;p>　　2）支持AIX、FreeBSD、HP-UX、Linux、Mac OS、Novell Netware、OpenBSD、OS/2 Wrap、Solaris、Windows等多種操作系統(tǒng)。</p><p>　　3）為多種編程語(yǔ)言提供了API。這些編程語(yǔ)言包括C、C++、Eiffel、Java、Perl、PHP、Python、Ruby和Tcl等。</p><p>　　4）支持多線程

58、，充分利用CPU資源。</p><p>　　5）優(yōu)化的SQL查詢算法，有效地提高查詢速度。</p><p>　　6）既能夠作為一個(gè)單獨(dú)的應(yīng)用程序應(yīng)用在客戶端服務(wù)器網(wǎng)絡(luò)環(huán)境中，也能夠作為一個(gè)庫(kù)而嵌入到其他的軟件中提供多語(yǔ)言支持，常見的編碼如中文的GB 2312、BIG5、日文的Shift_JIS等都可以用作數(shù)據(jù)表名和數(shù)據(jù)列名。</p><p>　　7）提供TCP/IP

59、、ODBC和JDBC等多種數(shù)據(jù)庫(kù)連接途徑。</p><p>　　8）提供用于管理、檢查、優(yōu)化數(shù)據(jù)庫(kù)操作的管理工具。</p><p>　　9）可以處理有用上千萬(wàn)條記錄的大型數(shù)據(jù)庫(kù)。</p><p><b>　　3 系統(tǒng)分析</b></p><p><b>　　3.1 需求分析</b></p>

60、;<p>　　隨著社會(huì)的發(fā)展，技術(shù)的不斷發(fā)展以及產(chǎn)品的不斷更新?lián)Q代使得人們對(duì)物質(zhì)的要求越來越高，隨之而來的問題便是越來越多的二手貨物堆積了下來卻無(wú)法得到更好的利用。特別是在大學(xué)校園里面，作為走在世界發(fā)展最前端的大學(xué)生，首先，他們沒有時(shí)間也沒有精力去經(jīng)營(yíng)一個(gè)二手貨物商店，而且他們也沒有足夠的二手貨來支撐這個(gè)商店，一般大學(xué)校園里大學(xué)生們的二手貨都只是零散的，并不能得到很好的二次利用。其次，一個(gè)主要的原因就是大學(xué)生們并沒有穩(wěn)定的

61、資金來源，所以要如何處理自己身邊的二手貨物，并且如何能夠得到一樣自己想要的二手貨物而又不需要花太多的錢，成為當(dāng)今大學(xué)生們需要解決的一個(gè)難題。</p><p>　　另外，在目前我國(guó)大部分高校在大學(xué)生創(chuàng)業(yè)和社團(tuán)活動(dòng)中，二手物品交易市場(chǎng)仍通過提供固定的交易市場(chǎng)進(jìn)行交易，需要通過跳蚤市場(chǎng)或是貼廣告作為交易的中介，時(shí)間和地點(diǎn)的不穩(wěn)定性提高了交易的困難度，想要成功進(jìn)行交易變的非常困難。信息流動(dòng)滯后，對(duì)于買方想要獲得二手交易市

62、場(chǎng)的商品信息必須跑去跳蚤市場(chǎng)或是尋找公告板上張貼的廣告；而對(duì)于賣方想要使自己想賣的物品信息傳播出去要么破費(fèi)去張貼廣告，要么就是節(jié)假日去跳蚤市場(chǎng)擺攤。信息傳播具有較大的滯后性。因此大學(xué)生校園二手市場(chǎng)交易平臺(tái)是十分必要的。</p><p><b>　　3.2 可行性分析</b></p><p>　　3.2.1 技術(shù)可行性</p><p>　　在軟件

63、方面，現(xiàn)在，市場(chǎng)上流行的Web應(yīng)用開發(fā)產(chǎn)品很多，可以運(yùn)用JS做菜單和圖片展示動(dòng)畫,DIV+CSS是現(xiàn)在最主流的頁(yè)面布局方式利用,CSS可以靈活地控制頁(yè)面的各種元素，利用這些技術(shù)，我可以順利的實(shí)現(xiàn)校園二手市場(chǎng)的前臺(tái)部分的功能。</p><p>　　在硬件方面，科技飛速發(fā)展的今天，計(jì)算機(jī)的運(yùn)算速度越來越快，容量越來越大，可靠性越來越高，價(jià)格越來越低，硬件平臺(tái)完全能滿足本系統(tǒng)的需求。</p><p&

64、gt;　　3.2.2 經(jīng)濟(jì)可行性</p><p>　　本系統(tǒng)采用PC機(jī)開發(fā)，節(jié)省人力物力，以最小的代價(jià)提高效率，具有很好的經(jīng)濟(jì)前景和效益。本系統(tǒng)不僅開發(fā)成本較低，還能為學(xué)生進(jìn)行二手交易提供一個(gè)平臺(tái)。</p><p>　　3.2.3 社會(huì)可行性</p><p>　　本系統(tǒng)符合當(dāng)前學(xué)生的生活需求，符合信息化社會(huì)發(fā)展的要求，能更好的處理學(xué)生二手商品，減少浪費(fèi)現(xiàn)象，也能方便

65、學(xué)生生活。</p><p>　　3.2.4 操作可行性</p><p>　　本系統(tǒng)是完全的人機(jī)交互式界面，文字表達(dá)簡(jiǎn)單明確，用戶界面友好，使用方法簡(jiǎn)明易懂，用戶可以輕松使用。管理人員可以及時(shí)準(zhǔn)確地收集各種信息資源，修改管理系統(tǒng)中的資料，維護(hù)整個(gè)系統(tǒng)的穩(wěn)定運(yùn)行。</p><p><b>　　4 系統(tǒng)設(shè)計(jì)</b></p><p&

66、gt;　　4.1 系統(tǒng)前臺(tái)功能設(shè)計(jì)</p><p>　　系統(tǒng)要求具備管理員和用戶兩端對(duì)各自業(yè)務(wù)邏輯的處理。根據(jù)功能的關(guān)聯(lián)關(guān)系和集中分組的原則，將系統(tǒng)細(xì)化如圖4-1所示的結(jié)構(gòu)圖：</p><p><b>　　圖4-1 系統(tǒng)結(jié)構(gòu)</b></p><p>　　4.2 前臺(tái)整體風(fēng)格設(shè)計(jì)</p><p>　　作為校園二手交易市場(chǎng)，

67、前臺(tái)頁(yè)面的風(fēng)格設(shè)計(jì)要求貼近校園生活。本站的整體色調(diào)為淡藍(lán)色，配合白色的底色，給人清新明快的感覺，活潑而不失穩(wěn)重，長(zhǎng)時(shí)間瀏覽頁(yè)面也不會(huì)感覺疲勞。</p><p>　　圖4-2 網(wǎng)站主色調(diào)</p><p>　　整體頁(yè)面采用現(xiàn)在流行的SNS網(wǎng)站元素設(shè)計(jì)，具有時(shí)代氣息。整站包括匯總了全部信息的門戶、買賣家交流信息的論壇、綜合搜索頁(yè)面和用戶的個(gè)人空間。導(dǎo)航、標(biāo)題、圖標(biāo)、留言框等元素都緊密圍繞站點(diǎn)主色

68、調(diào)設(shè)計(jì)。</p><p>　　站點(diǎn)主CSS文件的默認(rèn)字號(hào)為14px，包括導(dǎo)航欄、標(biāo)題、文章和帖子內(nèi)容均采用此設(shè)置。相較前幾年流行的12px字號(hào)，顯得更加大氣，閱讀起來也更加舒服。超級(jí)鏈接則采用活動(dòng)鏈接有下劃線的樣式，簡(jiǎn)單直觀。</p><p>　　4.3 前臺(tái)板塊設(shè)計(jì)</p><p>　　根據(jù)功能設(shè)計(jì)，參考各大成熟的二手交易網(wǎng)站，前臺(tái)的板塊從類別上分為兩大類：瀏覽類

69、和交易類，瀏覽類主題只允許管理員發(fā)布，用戶只具有瀏覽權(quán)限；交易類主題供用戶發(fā)布交易信息使用，允許編輯和留言。各板塊具體作用見表3-1：</p><p>　　表4-1 各板塊說明</p><p><b>　　4.4 首頁(yè)設(shè)計(jì)</b></p><p>　　首頁(yè)是一個(gè)站點(diǎn)的門戶，是網(wǎng)站建站時(shí)樹狀結(jié)構(gòu)的第一頁(yè)，即打開后的第一個(gè)頁(yè)面，是一個(gè)網(wǎng)站的主索引頁(yè)

70、，它可以令訪客了解網(wǎng)站概貌并引導(dǎo)其調(diào)閱重點(diǎn)內(nèi)容。所以它是整個(gè)網(wǎng)站形象的重中之重，也是網(wǎng)站所有信息歸類的縮影。</p><p>　　首頁(yè)要求在保證整體感的前提下，根據(jù)大多數(shù)人的閱讀習(xí)慣，以色彩、線條、圖片等要素將LOGO、導(dǎo)航條、各功能區(qū)以及內(nèi)容區(qū)進(jìn)行分隔。采用用戶的既定標(biāo)準(zhǔn)色，注重協(xié)調(diào)各區(qū)域的主次關(guān)系，以營(yíng)造高易用性與視覺舒適性相結(jié)合的人機(jī)交互界面為終極目的。</p><p>　　本站首頁(yè)

71、的總體布局如圖4-3：</p><p>　　圖4-3 網(wǎng)站首頁(yè)布局</p><p>　　4.5 交易類頁(yè)面設(shè)計(jì)</p><p>　　交易類頁(yè)面是網(wǎng)站的核心信息頁(yè)面，為用戶提供各類二手商品交易，包括商品的出售和收購(gòu)。一方面，要求頁(yè)面的布局合理，另一方面，頁(yè)面所提供的相關(guān)信息應(yīng)該盡可能準(zhǔn)備、詳盡。</p><p>　　信息列表頁(yè)面的總體布局如圖4

72、-4：</p><p>　　圖4-4 交易信息列表頁(yè)面布局</p><p>　　內(nèi)容頁(yè)面的總體布局如圖4-5：</p><p>　　圖4-5 交易信息內(nèi)容頁(yè)面布局</p><p>　　4.5.1 出售類頁(yè)面</p><p>　　此頁(yè)面供用戶出售各類二手商品，為了保證交易的順利，頁(yè)面應(yīng)包含如下商品信息：</p>

73、;<p>　　表4-2 出售類頁(yè)面包含信息</p><p>　　4.5.2 收購(gòu)類頁(yè)面</p><p>　　此頁(yè)面供用戶求購(gòu)各類二手商品，為了保證交易的順利，頁(yè)面應(yīng)包含如下商品信息：</p><p>　　表4-3 收購(gòu)類頁(yè)面包含信息</p><p>　　4.6.瀏覽類頁(yè)面設(shè)計(jì)</p><p>　　瀏覽類頁(yè)

74、面是網(wǎng)站站務(wù)通知和幫助信息的發(fā)布窗口，用戶由此可以獲取最新的活動(dòng)通知和用戶幫助。本類頁(yè)面的設(shè)計(jì)參考常見的門戶類網(wǎng)站的布局和包含信息，如下：</p><p>　　圖4-6 瀏覽類頁(yè)面布局</p><p>　　表4-4 瀏覽類主題包含信息</p><p><b>　　4.7 數(shù)據(jù)庫(kù)設(shè)計(jì)</b></p><p>　　校園二手信

75、息發(fā)布系統(tǒng)所有數(shù)據(jù)均保存在數(shù)據(jù)庫(kù)中，采用MySQL作為數(shù)據(jù)庫(kù)管理系統(tǒng)。根據(jù)系統(tǒng)需要，首先創(chuàng)建一個(gè)名為buyer的數(shù)據(jù)庫(kù)，用于各種系統(tǒng)信息數(shù)據(jù)的存儲(chǔ)與管理。然后在數(shù)據(jù)庫(kù)中創(chuàng)建需要的數(shù)據(jù)表，系統(tǒng)的核心業(yè)務(wù)數(shù)據(jù)表見表4-5。</p><p>　　表4-5 核心數(shù)據(jù)表一覽</p><p><b>　　4.8 安全性設(shè)計(jì)</b></p><p>　　隨著

76、網(wǎng)絡(luò)黑客的盛行，互聯(lián)網(wǎng)網(wǎng)站頻受攻擊，各種惡意竊取網(wǎng)絡(luò)數(shù)據(jù)的事件層出不窮，所以現(xiàn)在網(wǎng)絡(luò)數(shù)據(jù)庫(kù)的安全必須給予高度重視。本系統(tǒng)從一開始就考慮到了這個(gè)問題，從五個(gè)方面提高數(shù)據(jù)庫(kù)的安全性：</p><p>　　1）用戶訪問范圍的限制</p><p>　　從結(jié)構(gòu)上，所有用戶的操作都是B/S三層結(jié)構(gòu)，即用戶不能直接訪問數(shù)據(jù)層，必須通過應(yīng)用層才能得到所需的數(shù)據(jù)。這樣等于在傳統(tǒng)C/S模式的兩層結(jié)構(gòu)上加了一個(gè)

77、安全層。</p><p>　　從安全和模塊化考慮，本系統(tǒng)設(shè)置了不同級(jí)別的管理員，使管理員只能根據(jù)系統(tǒng)賦予的權(quán)限行使具有限制性的權(quán)限，確保了系統(tǒng)易于維護(hù)和管理。一般的用戶只能訪問前臺(tái)發(fā)布交易信息或?yàn)g覽資源。</p><p><b>　　2）系統(tǒng)數(shù)據(jù)維護(hù)</b></p><p>　　不同級(jí)別的管理員都相應(yīng)地對(duì)自己管理的內(nèi)容進(jìn)行數(shù)據(jù)備份，當(dāng)網(wǎng)絡(luò)出現(xiàn)故

78、障或者發(fā)生某些意外時(shí)，不至于使信息丟失。</p><p><b>　　3）系統(tǒng)日常維護(hù)</b></p><p>　　定期對(duì)系統(tǒng)進(jìn)行必要的維護(hù)，及時(shí)排除一些簡(jiǎn)單的錯(cuò)誤故障，同樣會(huì)增強(qiáng)系統(tǒng)的安全性。定期或不定期對(duì)系統(tǒng)密碼進(jìn)行修改，防止造成數(shù)據(jù)泄露和丟失。</p><p>　　4）添加驗(yàn)證代碼，防止越權(quán)操作</p><p>　

79、　現(xiàn)在有很多網(wǎng)絡(luò)黑客可以從網(wǎng)上直接調(diào)用密碼驗(yàn)證后的文件，從而繞過口令驗(yàn)證和安全檢查，而本系統(tǒng)為解決這個(gè)問題，在每一個(gè)文件里都加入了一個(gè)安全參數(shù)的認(rèn)證，如果有一個(gè)頁(yè)面被用戶直接調(diào)用而沒有經(jīng)過身份驗(yàn)證，該頁(yè)面會(huì)自動(dòng)重定向到登入頁(yè)面，還有對(duì)于已經(jīng)通過系統(tǒng)身份驗(yàn)證的不同類型的用戶，用SESSION[‘login’]、SESSION[‘id’]等變量參數(shù)進(jìn)行跟蹤來加強(qiáng)系統(tǒng)安全性。這樣，任何人都不能超越權(quán)限訪問管理員相應(yīng)的管理頁(yè)面或根本不為其提供相

80、應(yīng)頁(yè)面的鏈接。以管理員入口為例，其驗(yàn)證代碼如下：</p><p><b>　　<?php </b></p><p>　　if (!$_SESSION['login']||$_SESSION['login']>3){</p><p>　　echo "<meta http-equiv=\&

81、quot;Content-Type\" content=\"text/html; charset=utf-8\" /><script language=\"JavaScript\">alert('您沒有這個(gè)權(quán)限');</script>";</p><p><b>　　exit;</b>&

82、lt;/p><p><b>　　}?></b></p><p>　　這樣，非管理員類型的用戶都被拒之門外了，即使知道頁(yè)面所在的具體路徑，也不可能越權(quán)訪問。</p><p><b>　　5）數(shù)據(jù)庫(kù)加密</b></p><p>　　為了保護(hù)核心數(shù)據(jù)庫(kù)，采用了數(shù)據(jù)庫(kù)加密的方法，這樣即使數(shù)據(jù)庫(kù)文件被人發(fā)現(xiàn)

83、，也會(huì)因?yàn)槿鄙僬_的口令而無(wú)法打開。</p><p><b>　　5 系統(tǒng)實(shí)現(xiàn)</b></p><p><b>　　5.1 環(huán)境配置</b></p><p>　　軟件方面，采用Photshop進(jìn)行各UI元素的設(shè)計(jì)，采用Dreamweaver進(jìn)行HTML頁(yè)面、JS腳本和CSS表的編碼，之后以Discuz！X3開源論壇為后臺(tái)進(jìn)

84、行頁(yè)面整合，通過WampServer搭建服務(wù)器端運(yùn)行環(huán)境。WampServer集成了Apache、PHP和MySQL，安裝方便，配置簡(jiǎn)單，性能穩(wěn)定。</p><p>　　操作系統(tǒng)：Windows Server 2003</p><p>　　Web服務(wù)器：Apache 2.2.8</p><p>　　數(shù)據(jù)庫(kù)：MySQL 5.0.51b</p><p

85、>　　語(yǔ)言：PHP 5.2.6</p><p>　　圖5-1 WampServer v2.0</p><p>　　硬件方面，租用2GB的虛擬主機(jī)，由專業(yè)主機(jī)運(yùn)營(yíng)團(tuán)隊(duì)進(jìn)行維護(hù)管理，保證了系統(tǒng)安全穩(wěn)定地運(yùn)行。</p><p>　　圖5-2 網(wǎng)朝網(wǎng)政商信息A型虛擬主機(jī)配置</p><p><b>　　5.2 目錄結(jié)構(gòu)</b&g

86、t;</p><p><b>　　圖5-3 目錄結(jié)構(gòu)</b></p><p>　　表5-1 主要文件夾及文件用途</p><p><b>　　5.3 首頁(yè)實(shí)現(xiàn)</b></p><p>　　5.3.1 頁(yè)頭部分</p><p><b>　　圖5-4 頁(yè)頭效果</

87、b></p><p>　　頁(yè)頭部分存儲(chǔ)在template/default/common/header.htm中供各頁(yè)面公共調(diào)用，左側(cè)為網(wǎng)站LOGO。LOGO的設(shè)計(jì)結(jié)合網(wǎng)站“碰碰頭”的名稱和網(wǎng)站的整體色調(diào)，采用Q版圓角卡通造型，與整站融合為一，營(yíng)造出本站“輕輕一碰，連動(dòng)你我”的輕松自由的買賣風(fēng)格。右側(cè)為用戶登錄模塊，提供注冊(cè)和登錄功能。</p><p>　　導(dǎo)航條通過JS控制，在<

88、;a>標(biāo)簽中加入函數(shù)，當(dāng)鼠標(biāo)觸發(fā)onMouseOver事件時(shí)調(diào)用swapInage函數(shù)，相應(yīng)的按鈕會(huì)改變樣式，鼠標(biāo)移開時(shí)，調(diào)用swapImgRestrore函數(shù)恢復(fù)原先樣式。</p><p>　　5.3.2 內(nèi)容部分</p><p><b>　　圖5-5 內(nèi)容效果</b></p><p>　　各板塊框架采用統(tǒng)一淡藍(lán)色樣式，標(biāo)題欄做了漸變處

89、理。各標(biāo)題的字體顏色和大小根據(jù)其主從程度做了細(xì)節(jié)的調(diào)節(jié),不同框架內(nèi)的樣式亦通過CSS進(jìn)行布局。在最新二手信息板塊左側(cè)，利用JS腳本編寫了制作了一個(gè)動(dòng)態(tài)圖片展示區(qū)，讓頁(yè)面更富動(dòng)感。</p><p>　　主要調(diào)用的樣式如下：</p><p>　　數(shù)據(jù)列表部分，通過PHP語(yǔ)言訪問MySQL數(shù)據(jù)庫(kù)，動(dòng)態(tài)讀取庫(kù)中對(duì)應(yīng)表的內(nèi)容，利用CSS布局和Discuz！的數(shù)據(jù)模板進(jìn)行顯示。</p>

90、<p>　　例如，最新二手信息板塊的顯示樣式為：[出售or收購(gòu)][板塊名稱] 主題名稱 發(fā)布日期；其對(duì)應(yīng)代碼如下：</p><p>　　清舍甩賣板塊簡(jiǎn)介的樣式代碼如下：</p><p>　　5.3.3 頁(yè)腳部分</p><p><b>　　圖5-6 頁(yè)腳效果</b></p><p>　　頁(yè)腳部分存儲(chǔ)在templ

91、ate/default/common/footer.htm中供各頁(yè)面公共調(diào)用。上方是友情鏈接，可在后臺(tái)選擇是否顯示在論壇版式中。最底部是版權(quán)信息和數(shù)據(jù)統(tǒng)計(jì)功能，可在后臺(tái)中擴(kuò)展加入第三方統(tǒng)計(jì)代碼。</p><p>　　5.3.4 總體效果</p><p>　　按照設(shè)計(jì)布局，對(duì)各個(gè)元素進(jìn)行整合，得到了首頁(yè)portal.php。此外，在首頁(yè)預(yù)留了部分廣告位，增加了站點(diǎn)的商業(yè)價(jià)值。首頁(yè)的總體實(shí)現(xiàn)如

92、圖5-7、5-8：</p><p>　　圖5-7 首頁(yè)效果（頂部）</p><p>　　圖5-8 首頁(yè)效果（底部）</p><p>　　5.4 論壇風(fēng)格頁(yè)面</p><p>　　考慮到部分用戶不喜歡門戶頁(yè)面風(fēng)格的主頁(yè)，本站設(shè)計(jì)了另一個(gè)集合了6個(gè)交易板塊的論壇風(fēng)格頁(yè)面furum.php。配合流行的圓形卡通UI圖標(biāo)元素和標(biāo)題列表介紹，使得用戶能更

93、清晰、直觀地獲得想要的信息資源。</p><p>　　圖5-9 論壇風(fēng)格頁(yè)面效果</p><p><b>　　5.5 交易類頁(yè)面</b></p><p>　　通過點(diǎn)擊首頁(yè)右上的注冊(cè)按鈕，填寫注冊(cè)信息，用戶可進(jìn)行注冊(cè)，以會(huì)員身份加入到二手市場(chǎng)中進(jìn)行交易。</p><p>　　圖5-10 用戶注冊(cè)頁(yè)面</p>

94、<p>　　5.5.1 交易信息發(fā)布頁(yè)面</p><p>　　根據(jù)前文設(shè)計(jì)的需要填寫的商品信息，選擇對(duì)應(yīng)的HTML標(biāo)簽，利用<form>表單進(jìn)行POST，實(shí)現(xiàn)交易信息發(fā)布頁(yè)面。</p><p>　　表5-2 商品信息對(duì)應(yīng)的HTML標(biāo)簽</p><p>　　圖5-11 交易信息發(fā)布頁(yè)面效果[出售頁(yè)面]</p><p>　　

95、5.5.2 交易信息列表頁(yè)面</p><p>　　圖5-12 交易信息列表頁(yè)面效果</p><p>　　信息列表頁(yè)面左側(cè)為各板塊的導(dǎo)航條，右側(cè)為列表。在列表頂端加入了該板塊的信息分類檢索功能，可以通過點(diǎn)擊相應(yīng)的分類，查看屬于該分類的主題。分類檢索的樣式代碼如下：</p><p>　　5.5.3 交易信息瀏覽頁(yè)面</p><p>　　用戶可通過

96、首頁(yè)和論壇的各數(shù)據(jù)列表的超鏈接瀏覽已發(fā)布的各個(gè)交易信息。利用數(shù)據(jù)庫(kù)中的數(shù)據(jù)和對(duì)商品頁(yè)布局的規(guī)劃，采用<div>編寫頁(yè)面整體框架，通過<table>標(biāo)簽對(duì)商品信息展示部分進(jìn)行實(shí)現(xiàn)。這里之所以沒有擯棄<table>，是因?yàn)槠湓趩卧駥?duì)齊方面有著不錯(cuò)的性能。在頁(yè)面底部整合了論壇留言模塊，用戶可進(jìn)行留言。出售信息發(fā)布的效果及商品信息展示部分代碼見圖，收購(gòu)頁(yè)面與之類似。</p><p>

97、　　圖5-13 交易信息瀏覽頁(yè)面效果</p><p>　　交易信息顯示的樣式代碼如下：</p><p><b>　　5.6 瀏覽類頁(yè)面</b></p><p>　　利用前文設(shè)計(jì)的布局，實(shí)現(xiàn)瀏覽類頁(yè)面。</p><p>　　圖5-14瀏覽類頁(yè)面效果</p><p>　　文章信息顯示的樣式代碼如下：&

98、lt;/p><p><b>　　總 結(jié)</b></p><p>　　經(jīng)過三個(gè)月的設(shè)計(jì)和開發(fā)，校園二手市場(chǎng)信息發(fā)布系統(tǒng)前臺(tái)部分基本開發(fā)完畢，其功能基本符合用戶需求，系統(tǒng)能夠完成二手信息分類、二手交易信息發(fā)布、用戶管理等基本功能，完成了首頁(yè)、交易類頁(yè)面、瀏覽類頁(yè)面等頁(yè)面的設(shè)計(jì)及實(shí)現(xiàn)。由于時(shí)間較短和本人水平有限，本系統(tǒng)必然會(huì)存在一些缺陷和不足，這些問題會(huì)在各位老師的指導(dǎo)建議及

99、本人的不斷學(xué)習(xí)中得到解決。</p><p>　　通過本次畢業(yè)設(shè)計(jì)，我的系統(tǒng)設(shè)計(jì)水平有了很大提高。首先，在設(shè)計(jì)的過程中始終貫穿著管理信息系統(tǒng)和軟件工程的設(shè)計(jì)思路與方法，使自己能夠從實(shí)例中更好地掌握設(shè)計(jì)系統(tǒng)的整體出發(fā)點(diǎn)與設(shè)計(jì)方法。其次，通過畢業(yè)設(shè)計(jì)讓我發(fā)現(xiàn)了自己還存在太多的不足。雖然是一名計(jì)算機(jī)專業(yè)的學(xué)生，但自己欠缺的專業(yè)知識(shí)還很多，需要不斷地學(xué)習(xí)提高。在設(shè)計(jì)過程中，我對(duì)編程語(yǔ)言、數(shù)據(jù)庫(kù)及一些常用的軟件都有了更多的了

100、解與掌握，增長(zhǎng)了知識(shí)，開拓了眼界，增強(qiáng)了實(shí)踐能力，這都使我受益匪淺。</p><p>　　回顧這三個(gè)月來，很是辛苦，但是成長(zhǎng)了許多。我深深明白了理論與實(shí)際相結(jié)合的重要性，只有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，只有學(xué)以致用，將理論落實(shí)到實(shí)踐中去，才能提高自己的實(shí)踐能力及思維能力，才能真正為社會(huì)服務(wù)。即將作別四載美好的大學(xué)時(shí)光，我會(huì)時(shí)刻謹(jǐn)記母校“崇德、務(wù)實(shí)、求是”的校訓(xùn)，做一個(gè)有用的人。</p><p>

101、<b>　　致 謝</b></p><p>　　首先誠(chéng)摯地感謝我的指導(dǎo)老師趙洋老師，趙老師的悉心教導(dǎo)使我得以順利完成設(shè)計(jì)任務(wù)，從理論上升到實(shí)踐，真正學(xué)以致用。在設(shè)計(jì)過程中，趙老師多次幫助我分析思路，開拓視角，在我遇到困難時(shí)給予我最大的支持和鼓勵(lì)。趙老師嚴(yán)謹(jǐn)求實(shí)的治學(xué)態(tài)度，踏實(shí)堅(jiān)韌的工作精神，將使我終生受益。在此，謹(jǐn)向趙老師致以誠(chéng)摯的謝意和崇高的敬意。</p><p>

102、;　　感謝信息科學(xué)與技術(shù)學(xué)院的所有領(lǐng)導(dǎo)和老師。他們嚴(yán)謹(jǐn)?shù)膶W(xué)風(fēng)、淵博的知識(shí)、誨人不倦的品格一直感染和激勵(lì)著我不斷上進(jìn)。</p><p>　　感謝我的家人、朋友和同學(xué)們對(duì)我的大力支持，他們的關(guān)愛和鼓勵(lì)是我為人生理想不懈奮斗的永恒動(dòng)力。</p><p><b>　　謝謝你們。</b></p><p><b>　　參考文獻(xiàn)</b>

103、</p><p>　　[1]巴德 精通CSS：高級(jí)Web標(biāo)準(zhǔn)解決方案（第2版）.北京:人民郵電出版社.2010.5.</p><p>　　[2]吳亮 JavaScript王者歸來.北京:清華大學(xué)出版社.2008.7.</p><p>　　[3] PHP China. PHP5項(xiàng)目開發(fā)實(shí)戰(zhàn)詳解[M]. 北京:電子工業(yè)出版社,2008.1.</p><

104、;p>　　[4] 劉龍飛. 動(dòng)態(tài)網(wǎng)站開發(fā)從基礎(chǔ)到實(shí)踐[M]. 北京:電子工業(yè)出版社,2008.8.</p><p>　　[5] （美）貝伊利,（美）莫里森.Head First PHP & MYSQL(影印版)[M]. 南京:東南大學(xué)出版社,2010.10.</p><p>　　[6] 劉竹林. 軟件工程與項(xiàng)目管理[M]. 北京:北京師范大學(xué)出版社,2008.7.</p