軟件工程畢業(yè)論文-校園二手市場信息發(fā)布系統(tǒng)的設(shè)計與實現(xiàn)（前臺部分）

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

2、化過程加快，學(xué)生網(wǎng)民的數(shù)量越來越多，而安全，快捷，方便的校園局域網(wǎng)為學(xué)生之間的交易提供了良好的網(wǎng)絡(luò)支持。由于教育的階段性，大量的二手書籍及二手物品并沒有喪失或完全喪失其使用價值，每年畢業(yè)生的到來為校園二手交易市場提供了豐富的內(nèi)容。為了使交易信息更全面，交易過程更頻繁，交易方式更為便捷，嘗試設(shè)計校園二手市場信息發(fā)布系統(tǒng)前臺部分，用意在于為大學(xué)生的二手交易提供一個良好的平臺，同時喚起并樹立節(jié)約意識，提倡資源循環(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è)計。在整個系統(tǒng)設(shè)計中充分利用了模塊化的設(shè)計思想和開發(fā)方法。本系統(tǒng)實用性較強(qiáng)、擴(kuò)展靈活、操作方便、安全穩(wěn)定。</p><p>　　關(guān)鍵字： HTML DIV+CSS JavaScript B/S WEB 校園二手市場</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 國內(nèi)外研究現(xiàn)狀

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

10、PHP相關(guān)簡介5</p><p>　　2.5 MySQL相關(guā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 社會可行性7</p><p>　　3.2.4 操作可行性7</p><p><b>　　4 系統(tǒng)設(shè)計8</b></p><p>　　4.1 系統(tǒng)前臺功能設(shè)計8</p><p>　　4.2 前臺整體風(fēng)格設(shè)計8</p&g

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

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

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

15、t;p>　　5.5.1 交易信息發(fā)布頁面20</p><p>　　5.5.2 交易信息列表頁面21</p><p>　　5.5.3 交易信息瀏覽頁面21</p><p>　　5.6 瀏覽類頁面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ī)技術(shù)的飛速發(fā)展和高等教育體制改革的不斷深入，計算機(jī)技術(shù)已經(jīng)進(jìn)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

40、準(zhǔn)”）中常用術(shù)語之一，DIV+CSS 是一種網(wǎng)頁的布局方法，這一種網(wǎng)頁布局方法有別于傳統(tǒng)的HTML網(wǎng)頁設(shè)計語言中的表格（table）定位方式，可實現(xiàn)網(wǎng)頁頁面內(nèi)容與表現(xiàn)相分離。XHTML是The Extensible HyperText Markup Language（可擴(kuò)展超文本標(biāo)識語言）的縮寫。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)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

66、gt;　　4.1 系統(tǒng)前臺功能設(shè)計</p><p>　　系統(tǒng)要求具備管理員和用戶兩端對各自業(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 前臺整體風(fēng)格設(shè)計</p><p>　　作為校園二手交易市場，

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

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

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

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

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

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

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

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

75、息發(fā)布系統(tǒng)所有數(shù)據(jù)均保存在數(shù)據(jù)庫中，采用MySQL作為數(shù)據(jù)庫管理系統(tǒng)。根據(jù)系統(tǒng)需要，首先創(chuàng)建一個名為buyer的數(shù)據(jù)庫，用于各種系統(tǒng)信息數(shù)據(jù)的存儲與管理。然后在數(shù)據(jù)庫中創(chuàng)建需要的數(shù)據(jù)表，系統(tǒng)的核心業(yè)務(wù)數(shù)據(jù)表見表4-5。</p><p>　　表4-5 核心數(shù)據(jù)表一覽</p><p><b>　　4.8 安全性設(shè)計</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ù)庫的安全必須給予高度重視。本系統(tǒng)從一開始就考慮到了這個問題，從五個方面提高數(shù)據(jù)庫的安全性：</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)上加了一個

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

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

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

80、應(yīng)頁面的鏈接。以管理員入口為例，其驗證代碼如下：</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('您沒有這個權(quán)限');</script>";</p><p><b>　　exit;</b>&

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

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

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

85、>　　語言：PHP 5.2.6</p><p>　　圖5-1 WampServer v2.0</p><p>　　硬件方面，租用2GB的虛擬主機(jī)，由專業(yè)主機(jī)運營團(tuán)隊進(jìn)行維護(hù)管理，保證了系統(tǒng)安全穩(wě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 首頁實現(xiàn)</b></p><p>　　5.3.1 頁頭部分</p><p><b>　　圖5-4 頁頭效果</

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

88、;a>標(biāo)簽中加入函數(shù)，當(dāng)鼠標(biāo)觸發(fā)onMouseOver事件時調(diào)用swapInage函數(shù)，相應(yīng)的按鈕會改變樣式，鼠標(biāo)移開時，調(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腳本編寫了制作了一個動態(tài)圖片展示區(qū)，讓頁面更富動感。</p><p>　　主要調(diào)用的樣式如下：</p><p>　　數(shù)據(jù)列表部分，通過PHP語言訪問MySQL數(shù)據(jù)庫，動態(tài)讀取庫中對應(yīng)表的內(nèi)容，利用CSS布局和Discuz！的數(shù)據(jù)模板進(jìn)行顯示。</p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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