校園二手市場信息發(fā)布系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)(前臺(tái)部分)畢業(yè)設(shè)計(jì)

摘要隨著互聯(lián)網(wǎng)技術(shù)的迅猛發(fā)展，校園信息一體化過程加快，學(xué)生網(wǎng)民的數(shù)量越來越多，而安全，快捷，方便的校園局域網(wǎng)為學(xué)生之間的交易提供了良好的網(wǎng)絡(luò)支持。由于教育的階段性，大量的二手書籍及二手物品并沒有喪失或完全喪失其使用價(jià)值，每年畢業(yè)生的到來為校園二手交易市場提供了豐富的內(nèi)容。為了使交易信息更全面，交易過程更頻繁，交易方式更為便捷，嘗試設(shè)計(jì)校園二手市場信息發(fā)布系統(tǒng)前臺(tái)部分，用意在于為大學(xué)生的二手交易提供一個(gè)良好的平臺(tái)，同時(shí)喚起并樹立節(jié)約意識(shí)，提倡資源循環(huán)利用，共創(chuàng)綠色校園。本文在系統(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)定。關(guān)鍵字：HTMLDIV+CSSJavaScriptB/SWEB校園二手市場AbstractWiththerapiddevelopmentofinternettechnology,campusinformationintegrationquickensitssteps.Moreandmorestudentsbegintouseinternet.CampusLANwhichissafetyandconvenientbenefitsthetransactionbetweenstudents.Manysecond-handmaterialshavenotlostitsservicevaluecompletelybecauseofthestageofeducation.Everyyearstudentswhoaregoingtograduateofferalargeamountofmaterialsforsecondarymarketoncampus.Tomakethetransactionsmorefully,theprocessmorefrequentlyandconvenient,Iattempttodevelopthecampussecond-handmarketinformationreleasesystemforthefrontpart,whichmeanstosupplyagoodplatformforstudents’transactionandarosetheawarenessofdiligentandthrifty,whichcancreateabetteruniversity.ThisplatformputsB/Ssystemintouse,whichgetshelpfromHTML、DIV+CSSSandJavaScript.Thewholesystemmakesthemostuseoftheideaofmodulization,whichmakesthissystempragmatically,flexiblyandconveniently.Keywords:HTMLDIV+CSSJavaScriptB/SWEBcampussecond-handmarket目錄1緒論 11.1前言 11.2課題研究的背景及意義 11.3國內(nèi)外研究現(xiàn)狀 11.4論文主要研究內(nèi)容 22系統(tǒng)關(guān)鍵技術(shù)研究 32.1HTML相關(guān)簡介 32.2JavaScript相關(guān)簡介 32.3DIV+CSS相關(guān)簡介 42.4PHP相關(guān)簡介 52.5MySQL相關(guān)簡介 63系統(tǒng)分析 73.1需求分析 73.2可行性分析 73.2.1技術(shù)可行性 73.2.2經(jīng)濟(jì)可行性 73.2.3社會(huì)可行性 73.2.4操作可行性 74系統(tǒng)設(shè)計(jì) 84.1系統(tǒng)前臺(tái)功能設(shè)計(jì) 84.2前臺(tái)整體風(fēng)格設(shè)計(jì) 84.3前臺(tái)板塊設(shè)計(jì) 84.4首頁設(shè)計(jì) 94.5交易類頁面設(shè)計(jì) 104.5.1出售類頁面 114.5.2收購類頁面 114.6.瀏覽類頁面設(shè)計(jì) 114.7數(shù)據(jù)庫設(shè)計(jì) 124.8安全性設(shè)計(jì) 135系統(tǒng)實(shí)現(xiàn) 145.1環(huán)境配置 145.2目錄結(jié)構(gòu) 155.3首頁實(shí)現(xiàn) 165.3.1頁頭部分 165.3.2內(nèi)容部分 165.3.3頁腳部分 175.3.4總體效果 185.4論壇風(fēng)格頁面 195.5交易類頁面 195.5.1交易信息發(fā)布頁面 205.5.2交易信息列表頁面 215.5.3交易信息瀏覽頁面 215.6瀏覽類頁面 23總結(jié) 24致謝 25參考文獻(xiàn) 261緒論1.1前言隨著計(jì)算機(jī)技術(shù)的飛速發(fā)展和高等教育體制改革的不斷深入，計(jì)算機(jī)技術(shù)已經(jīng)進(jìn)入網(wǎng)絡(luò)時(shí)代。使用計(jì)算機(jī)進(jìn)行信息控制，不僅提高了工作效率，而且大大提高了安全性。Internet在中國的迅速發(fā)展,人們?nèi)粘Ｉ钪性絹碓蕉嗟厥褂眠@項(xiàng)新的技術(shù)來為自己的工作、學(xué)習(xí)和生活服務(wù)。由于WEB頁面能把文本、圖像、聲音、動(dòng)畫、視像等多種媒體信息集于一體，不但使信息的顯示更加生動(dòng)，而且使信息的瀏覽更為方便,同時(shí)WEB頁面能實(shí)現(xiàn)網(wǎng)上交易平臺(tái)、客戶信息反饋等方面方便了商家與客戶之間信息交流。1.2課題研究的背景及意義人類社會(huì)經(jīng)歷了從野蠻到文明、從原始社會(huì)到社會(huì)主義社會(huì)、從使用簡單石頭工具到現(xiàn)在使用智能化工具的過程，生活水平不斷提高，逐漸有了從物物交換到以貨幣為等價(jià)物的交換，經(jīng)歷了一個(gè)由低級(jí)到高級(jí)的過程。隨著社會(huì)的發(fā)展，技術(shù)的不斷發(fā)展以及產(chǎn)品的不斷更新?lián)Q代使得人們對(duì)物質(zhì)的要求越來越高，隨之而來的問題便是越來越多的二手貨物堆積了下來卻無法得到更好的利用。特別是在大學(xué)校園里面，作為走在世界發(fā)展最前端的大學(xué)生，首先，他們沒有時(shí)間也沒有精力去經(jīng)營一個(gè)二手貨物商店，而且他們也沒有足夠的二手貨來支撐這個(gè)商店，一般大學(xué)校園里大學(xué)生們的二手貨都只是零散的，并不能得到很好的二次利用。其次，一個(gè)主要的原因就是大學(xué)生們并沒有穩(wěn)定的資金來源，所以要如何處理自己身邊的二手貨物，并且如何能夠得到一樣自己想要的二手貨物而又不需要花太多的錢，成為當(dāng)今大學(xué)生們需要解決的一個(gè)難題。Internet經(jīng)過20多年的發(fā)展，已經(jīng)成為世界上覆蓋最廣、規(guī)模最大、信息資源最豐富的計(jì)算機(jī)網(wǎng)絡(luò)，它延伸到了世界的每一個(gè)角落，兼容所有的傳輸媒介，支持成千上萬不同的應(yīng)用。Internet極大地推動(dòng)了世界經(jīng)濟(jì)向知識(shí)經(jīng)濟(jì)的轉(zhuǎn)變，近兩年間，隨著國際互聯(lián)網(wǎng)以驚人的速度席卷全球之際，我國多媒體網(wǎng)絡(luò)覆蓋面也在不斷擴(kuò)大。然而，對(duì)于在校學(xué)生，一般而言，現(xiàn)在都還沒有自食其力，大都需要父母的財(cái)力支持。尤其是大學(xué)生的花費(fèi)更多，平時(shí)吃好、喝好、用好奉行“三好主義”，而殊不知父母的沉重負(fù)擔(dān)。在更多的時(shí)候，他們有很多東西都沒用處，一直閑著，或扔掉或舍不得存著。對(duì)這種情況，他們一般選擇前者——扔掉。這時(shí)，如果大家能把不用的物品拿出來交換，就會(huì)得到共贏。因此，大學(xué)校園里學(xué)生們的二手貨能夠得到更好的利用所欠缺的正是這么一個(gè)交易平臺(tái)。利用Internet這個(gè)媒介建立一個(gè)功能強(qiáng)大的、界面美觀的大學(xué)校園二手物品交易平臺(tái)，為學(xué)生們的二手貨物能更好的得到二次利用而搭建一個(gè)良好的交易平臺(tái)。本課題在老師的指導(dǎo)下面向大學(xué)生校園二手市場的二手物品交易平臺(tái)，它的出發(fā)點(diǎn)必須是實(shí)用，操作簡單，界面友好，讓大學(xué)校園內(nèi)有買賣需求的人群共享同一個(gè)信息渠道,實(shí)現(xiàn)買賣的雙方線上、線下互動(dòng)。另外也是為了鍛煉自己，加強(qiáng)對(duì)HTML、JS、DIV+CSS、PHP、MYSQL語言技術(shù)能力，了解其內(nèi)部的運(yùn)行原理。1.3國內(nèi)外研究現(xiàn)狀目前各國政府已充分認(rèn)識(shí)到電子商務(wù)對(duì)經(jīng)濟(jì)增長的巨大推動(dòng)作用，從而大力促進(jìn)電子商務(wù)在國民經(jīng)濟(jì)各個(gè)領(lǐng)域的應(yīng)用。在電子商務(wù)的技術(shù)、市場和社會(huì)法律等方面，美國均處于領(lǐng)先地位，有著名的購物網(wǎng)站A、eBay等。歐洲雖起步落后于美國，但其發(fā)展勢頭卻非常迅猛。國外電子商務(wù)系統(tǒng)發(fā)展已相對(duì)完善，仍存在一定的問題，大多數(shù)系統(tǒng)忽略了二手交易市場這個(gè)獨(dú)特的環(huán)境，針對(duì)性不強(qiáng)。由于二手交易應(yīng)用的商務(wù)模式還在探索中，因此在現(xiàn)階段，二手交易的電子商務(wù)真正成熟發(fā)展的還不太多。我國的電子商務(wù)起步晚，發(fā)展速度快。經(jīng)過1999～2002年的萌芽，2003～2006年的高速增長階段，現(xiàn)在已經(jīng)進(jìn)入了縱深發(fā)展階段。在我國，目前的網(wǎng)絡(luò)交易平臺(tái)包括二手交易在內(nèi)有很多，門戶網(wǎng)站以易趣、阿里巴巴、淘寶網(wǎng)等為主，而電腦配件等就以太平洋二手欄目為主，此外，還有當(dāng)當(dāng)、卓越、全球采購等著名的購物網(wǎng)站。目前國內(nèi)的網(wǎng)上交易市場還存在缺乏誠信、安全、物流不暢、法律政策環(huán)境有待改善的問題。比如所有的網(wǎng)上交易都無法做到實(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)營策略來吸引網(wǎng)民，走大眾化的路線。另外，在目前我國大部分高校在大學(xué)生創(chuàng)業(yè)和社團(tuán)活動(dòng)中，二手物品交易市場仍通過提供固定的交易市場進(jìn)行交易，需要通過跳蚤市場或是貼廣告作為交易的中介，時(shí)間和地點(diǎn)的不穩(wěn)定性提高了交易的困難度，想要成功進(jìn)行交易變的非常困難。信息流動(dòng)滯后，對(duì)于買方想要獲得二手交易市場的商品信息必須跑去跳蚤市場或是尋找公告板上張貼的廣告；而對(duì)于賣方想要使自己想賣的物品信息傳播出去要么破費(fèi)去張貼廣告，要么就是節(jié)假日去跳蚤市場擺攤。信息傳播具有較大的滯后性。因此大學(xué)生校園二手市場交易平臺(tái)是十分必要的。就目前校園二手市場交易平臺(tái)的研究現(xiàn)狀來看，國內(nèi)大部分高校學(xué)生在該方面研究還沒有形成系統(tǒng)，而相關(guān)的研究又是分散的、理論性的研究較多，而系統(tǒng)的、應(yīng)用性的研究較少。因此提供校園二手市場交易平臺(tái)是十分重要的。1.4論文主要研究內(nèi)容本文主要實(shí)現(xiàn)校園二手信息發(fā)布系統(tǒng)的前臺(tái)部分。主要包括：前臺(tái)總體樣式、交易類主題頁面、瀏覽類主題頁面、信息列表等頁面的設(shè)計(jì)，以及用戶注冊(cè)、交易信息發(fā)布、用戶管理等功能的實(shí)現(xiàn)。2系統(tǒng)關(guān)鍵技術(shù)研究2.1HTML相關(guān)簡介超級(jí)文本標(biāo)記語言（英文縮寫：HTML）是標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號(hào)來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對(duì)書寫出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋，因而可能會(huì)有不同的顯示效果。其主要特點(diǎn)如下：1）簡易性：超級(jí)文本標(biāo)記語言版本升級(jí)采用超集方式，從而更加靈活方便。2）可擴(kuò)展性：超級(jí)文本標(biāo)記語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。3）平臺(tái)無關(guān)性：雖然個(gè)人計(jì)算機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，超級(jí)文本標(biāo)記語言可以使用在廣泛的平臺(tái)上。2.2JavaScript相關(guān)簡介JavaScript就是適應(yīng)動(dòng)態(tài)網(wǎng)頁制作的需要而誕生的一種新的編程語言，如今越來越廣泛地使用于Internet網(wǎng)頁制作上。JavaScript是由Netscape公司開發(fā)的一種腳本語言（scriptinglanguage），或者稱為描述語言。在HTML基礎(chǔ)上，使用JavaScript可以開發(fā)交互式Web網(wǎng)頁。JavaScript的出現(xiàn)使得網(wǎng)頁和用戶之間實(shí)現(xiàn)了一種實(shí)時(shí)性的、動(dòng)態(tài)的、交互性的關(guān)系，使網(wǎng)頁包含更多活躍的元素和更加精彩的內(nèi)容。運(yùn)行用JavaScript編寫的程序需要能支持JavaScript語言的瀏覽器。Netscape公司Navigator3.0以上版本的瀏覽器都能支持JavaScript程序，微軟公司InternetExplorer3.0以上版本的瀏覽器基本上支持JavaScript。微軟公司還有自己開發(fā)的JavaScript，稱為JScript。Javascript和Jscript基本上是相同的，只是在一些細(xì)節(jié)上有出入。Javascript短小精悍，又是在客戶機(jī)上執(zhí)行的，大大提高了網(wǎng)頁的瀏覽速度和交互能力。同時(shí)它又是專門為制作Web網(wǎng)頁而量身定做的一種簡單的編程語言。JavaScript使網(wǎng)頁增加互動(dòng)性。JavaScript使有規(guī)律地重復(fù)的HTML文段簡化，減少下載時(shí)間。JavaScript能及時(shí)響應(yīng)用戶的操作，對(duì)提交表單做即時(shí)的檢查，無需浪費(fèi)時(shí)間交由CGI驗(yàn)證。其主要特點(diǎn)如下：1）是一種腳本編寫語言。JavaScript是一種腳本語言，它采用小程序段的方式實(shí)現(xiàn)編程。像其它腳本語言一樣,JavaScript同樣已是一種解釋性語言,它提供了一個(gè)易的開發(fā)過程。它的基本結(jié)構(gòu)形式與C、C++、VB、Delphi十分類似。但它不像這些語言一樣，需要先編譯，而是在程序運(yùn)行過程中被逐行地解釋。它與HTML標(biāo)識(shí)結(jié)合在一起，從而方便用戶的使用操作。2）基于對(duì)象的語言。JavaScript是一種基于對(duì)象的語言，同時(shí)以可以看作一種面向?qū)ο蟮?。這意味著它能運(yùn)用自己已經(jīng)創(chuàng)建的對(duì)象。因此，許多功能可以來自于腳本環(huán)境中對(duì)象的方法與腳本的相互作用。3）簡單性。JavaScript的簡單性主要體現(xiàn)在：首先它是一種基于Java基本語句和控制流之上的簡單而緊湊的設(shè)計(jì),從而對(duì)于學(xué)習(xí)Java是一種非常好的過渡。其次它的變量類型是采用弱類型，并未使用嚴(yán)格的數(shù)據(jù)類型。4）安全性。JavaScript是一種安全性語言，它不允許訪問本地的硬盤，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。5）動(dòng)態(tài)性的。JavaScript是動(dòng)態(tài)的，它可以直接對(duì)用戶或客戶輸入做出響應(yīng)，無須經(jīng)過Web服務(wù)程序。它對(duì)用戶的反映響應(yīng)，是采用以事件驅(qū)動(dòng)的方式進(jìn)行的。所謂事件驅(qū)動(dòng)，就是指在主頁(HomePage)中執(zhí)行了某種操作所產(chǎn)生的動(dòng)作，就稱為“事件”(Event)。比如按下鼠標(biāo)、移動(dòng)窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會(huì)引起相應(yīng)的事件響應(yīng)。6）跨平臺(tái)性。JavaScript是依賴于瀏覽器本身，與操作環(huán)境無關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持JavaScript的瀏覽器就可正確執(zhí)行。從而實(shí)現(xiàn)了“編寫一次,走遍天下”的夢想。實(shí)際上JavaScript最杰出之處在于可以用很小的程序做大量的事。無須有高性能的電腦，軟件僅需一個(gè)字處理軟件及一瀏覽器，無須WEB服務(wù)器通道，通過自己的電腦即可完成所有的事情。綜上所述，JavaScript是一種新的描述語言，它可以被嵌入到HTML的文件之中。JavaScript語言可以做到回應(yīng)使用者的需求事件(如：form的輸入)，而不用任何的網(wǎng)路來回傳輸資料，所以當(dāng)一位使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過傳給伺服端(Server)處理，再傳回來的過程，而直接可以被客戶端(Client)的應(yīng)用程式所處理。2.3DIV+CSS相關(guān)簡介DIV+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是TheExtensibleHyperTextMarkupLanguage（可擴(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)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。DIV+CSS的特點(diǎn)：1）符合W3C標(biāo)準(zhǔn)。微軟等公司均為W3C支持者。這一點(diǎn)是最重要的，因?yàn)檫@保證您的網(wǎng)站不會(huì)因?yàn)閷砭W(wǎng)絡(luò)應(yīng)用的升級(jí)而被淘汰。2）支持瀏覽器的向后兼容，也就是無論未來的瀏覽器大戰(zhàn)，勝利的是IE7或者是火狐。您的網(wǎng)站都能很好的兼容。3）搜索引擎更加友好。相對(duì)與傳統(tǒng)的table,采用DIV+CSS技術(shù)的網(wǎng)頁，對(duì)于搜索引擎的收錄更加友好。4）樣式的調(diào)整更加方便。內(nèi)容和樣式的分離，使頁面和樣式的調(diào)整變得更加方便?，F(xiàn)在YAHOO,MSN等國際門戶網(wǎng)站，網(wǎng)易，新浪等國內(nèi)門戶網(wǎng)站，和主流的WEB2.0網(wǎng)站，均采用DIV+CSS的框架模式，更加印證了DIV+CSS是大勢所趨?，F(xiàn)很多個(gè)人站長新建站點(diǎn)都采用了DIV+CSS來構(gòu)建自己的網(wǎng)站頁面，可見DIV+CSS替代table已經(jīng)不是遙遠(yuǎn)夢想。5）通過制作發(fā)行同樣的頁面使用TABLE做的頁面與DIV+CSS制作的頁面大小對(duì)比，DIV+CSS的XHTML頁面大小至少小TABLE制作頁面1/4。從而使的瀏覽DIV+CSS的頁面更加快捷快速。DIV+CSS的優(yōu)點(diǎn)：1）使頁面載入得更快。由于將大部分頁面代碼寫在了CSS當(dāng)中，使得頁面體積容量變得更小。相對(duì)于表格嵌套的方式，DIV+CSS將頁面獨(dú)立成更多的區(qū)域，在打開頁面的時(shí)候，逐層加載。而不像表格嵌套那樣將整個(gè)頁面圈在一個(gè)大表格里，使得加載速度很慢。2）降低流量費(fèi)用。頁面體積變小，瀏覽速度變快，這就使得對(duì)于某些控制主機(jī)流量的網(wǎng)站來說是最大的優(yōu)勢了。3）修改設(shè)計(jì)時(shí)更有效率。由于使用了DIV+CSS制作方法，在修改頁面的時(shí)候更加容易省時(shí)。根據(jù)區(qū)域內(nèi)容標(biāo)記，到CSS里找到相應(yīng)的ID，使得修改頁面的時(shí)候更加方便，也不會(huì)破壞頁面其他部分的布局樣式。4）保持視覺的一致性。DIV+CSS最重要的優(yōu)勢之一：保持視覺的一致性；以往表格嵌套的制作方法，會(huì)使得頁面與頁面，或者區(qū)域與區(qū)域之間的顯示效果會(huì)有偏差。而使用DIV+CSS的制作方法，將所有頁面，或所有區(qū)域統(tǒng)一用CSS文件控制，就避免了不同區(qū)域或不同頁面體現(xiàn)出的效果偏差。5）更好地被搜索引擎收錄。由于將大部分的HTML代碼和內(nèi)容樣式寫入了CSS文件中，這就使得網(wǎng)頁中正文部分更為突出明顯，便于被搜索引擎采集收錄。6）對(duì)瀏覽者和瀏覽器更具親和力。我們都知道網(wǎng)站做出來是給瀏覽者使用的，對(duì)瀏覽者和瀏覽器更具親和力，DIV+CSS在這方面更具優(yōu)勢。由于CSS富含豐富的樣式，使頁面更加靈活性，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng)一和不變形。2.4PHP相關(guān)簡介PHP，是英文超級(jí)文本預(yù)處理語言（PHP：HypertextPreprocessor）的縮寫，是一種HTML內(nèi)嵌式語言，與微軟的APS頗有幾分相似，都是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語言，語言的風(fēng)格類似于C語言，現(xiàn)在被很多網(wǎng)站編程人員廣泛運(yùn)用。PHP獨(dú)特的語法混合了C、Java、Perl以及PHP自創(chuàng)的新語法。它可以比CGI或者Perl更快速地執(zhí)行動(dòng)態(tài)網(wǎng)頁。與其他的編程語言相比，PHP是將程序嵌入到HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多；與同樣是嵌入HTML文檔的腳本語言JavaScript相比，PHP在服務(wù)器端執(zhí)行，充分利用了服務(wù)器的性能。PHP執(zhí)行引擎還會(huì)將用戶經(jīng)常訪問的PHP程序駐留在內(nèi)存中，其他用戶再一次訪問這個(gè)程序時(shí)就可以直接執(zhí)行內(nèi)存中的代碼，而不需要重新編譯程序了，這也是PHP高效率的體現(xiàn)之一。PHP是一種簡單的，面向?qū)ο蟮?，解釋型的，健壯的，安全的，性能非常之高的，?dú)立于架構(gòu)的，可移植的，動(dòng)態(tài)的腳本語言，具有和Java類似的Class關(guān)鍵字。PHP正迅速變成一種標(biāo)準(zhǔn)的，多用途的，面向?qū)ο蟮哪_本語言，不僅可以用來開發(fā)Web應(yīng)用程序，也可以開普通應(yīng)用程序。其特點(diǎn)主要如下：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)用戶更換使用的數(shù)據(jù)庫時(shí)，可以輕松的更改編碼以適應(yīng)這樣的變化。PHPLIB就是最常用的可以提供一般事務(wù)需要的一系列基庫。2）可擴(kuò)展性。PHP已經(jīng)進(jìn)入了一個(gè)高速發(fā)展的時(shí)期，對(duì)于一個(gè)非程序員來說為PHP擴(kuò)展附加功能可能會(huì)比較難，但是對(duì)于一個(gè)PHP程序員來說，只要熟悉PHP，完全能非常容易地對(duì)它的功能進(jìn)行擴(kuò)展。3）面向?qū)ο缶幊?。PHP提供了類和對(duì)象?；赪eb的編程工作非常需要面向?qū)ο缶幊棠芰ΑHP支持構(gòu)造器、提取類等。在php4、php5中，面向?qū)ο蠓矫娑加辛撕艽蟮母倪M(jìn)與提高，能出色地完成Web開發(fā)工作。4）可伸縮性。傳統(tǒng)上網(wǎng)頁的交互作用是通過CGI來實(shí)現(xiàn)的。CGI程序的伸縮性不很理想，因?yàn)樗鼮槊恳粋€(gè)正在運(yùn)行的CGI程序開發(fā)一個(gè)獨(dú)立進(jìn)程。解決方法就是將經(jīng)常用來編寫CGI程序的語言的解釋器編譯進(jìn)Web服務(wù)器（如mod_perl，JSP），PHP就可以用這種方式安裝。內(nèi)嵌的PHP可以具有更高的可伸縮性。2.5MySQL相關(guān)簡介MySQL是一個(gè)小型關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，開發(fā)者為瑞典MySQLAB公司。在2008年1月16日被Sun公司收購。目前MySQL被廣泛地應(yīng)用在Internet上的中小型網(wǎng)站中。由于其體積小，速度快，總體擁有成本低，尤其是開放源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫。SQL全稱是“結(jié)構(gòu)化查詢語言（StructuredQueryLanguage）”,最早是由IBM的圣約瑟研究實(shí)驗(yàn)室為其關(guān)系型數(shù)據(jù)庫管理系統(tǒng)SYSTEMR開發(fā)的一種查詢語言，它的前身是SQUARE語言。SQL語言結(jié)構(gòu)簡潔，功能強(qiáng)大，簡單易學(xué)，所以自從IBM公司1981年推出以來，就得到了廣泛的應(yīng)用。如今無論是像Oracle、Sybase、Informix、SQLServer這些大型數(shù)據(jù)庫管理系統(tǒng)，還是VisualFoxpro，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ù)庫語言對(duì)程序設(shè)計(jì)和數(shù)據(jù)庫維護(hù)都帶來了極大的方便。SQL語言的常用操作有：建立數(shù)據(jù)庫數(shù)據(jù)表（CREATETABLE）；從數(shù)據(jù)庫中篩選一個(gè)記錄集（SELECT），這是最常用的一個(gè)語句，功能強(qiáng)大，能有效地對(duì)數(shù)據(jù)庫中一個(gè)或多個(gè)數(shù)據(jù)表中的數(shù)據(jù)進(jìn)行訪問，并兼有排序、分組等功能；在數(shù)據(jù)表中添加一個(gè)記錄（INSERT）；刪除符合條件的記錄（DELETE）；更改符合條件的記錄（UPDATE）。MySQL具有以下特點(diǎn)：1）使用C和C++編寫，并使用了多種編譯器進(jìn)行測試，保證源代碼的可移植性。2）支持AIX、FreeBSD、HP-UX、Linux、MacOS、NovellNetware、OpenBSD、OS/2Wrap、Solaris、Windows等多種操作系統(tǒng)。3）為多種編程語言提供了API。這些編程語言包括C、C++、Eiffel、Java、Perl、PHP、Python、Ruby和Tcl等。4）支持多線程，充分利用CPU資源。5）優(yōu)化的SQL查詢算法，有效地提高查詢速度。6）既能夠作為一個(gè)單獨(dú)的應(yīng)用程序應(yīng)用在客戶端服務(wù)器網(wǎng)絡(luò)環(huán)境中，也能夠作為一個(gè)庫而嵌入到其他的軟件中提供多語言支持，常見的編碼如中文的GB2312、BIG5、日文的Shift_JIS等都可以用作數(shù)據(jù)表名和數(shù)據(jù)列名。7）提供TCP/IP、ODBC和JDBC等多種數(shù)據(jù)庫連接途徑。8）提供用于管理、檢查、優(yōu)化數(shù)據(jù)庫操作的管理工具。9）可以處理有用上千萬條記錄的大型數(shù)據(jù)庫。3系統(tǒng)分析3.1需求分析隨著社會(huì)的發(fā)展，技術(shù)的不斷發(fā)展以及產(chǎn)品的不斷更新?lián)Q代使得人們對(duì)物質(zhì)的要求越來越高，隨之而來的問題便是越來越多的二手貨物堆積了下來卻無法得到更好的利用。特別是在大學(xué)校園里面，作為走在世界發(fā)展最前端的大學(xué)生，首先，他們沒有時(shí)間也沒有精力去經(jīng)營一個(gè)二手貨物商店，而且他們也沒有足夠的二手貨來支撐這個(gè)商店，一般大學(xué)校園里大學(xué)生們的二手貨都只是零散的，并不能得到很好的二次利用。其次，一個(gè)主要的原因就是大學(xué)生們并沒有穩(wěn)定的資金來源，所以要如何處理自己身邊的二手貨物，并且如何能夠得到一樣自己想要的二手貨物而又不需要花太多的錢，成為當(dāng)今大學(xué)生們需要解決的一個(gè)難題。另外，在目前我國大部分高校在大學(xué)生創(chuàng)業(yè)和社團(tuán)活動(dòng)中，二手物品交易市場仍通過提供固定的交易市場進(jìn)行交易，需要通過跳蚤市場或是貼廣告作為交易的中介，時(shí)間和地點(diǎn)的不穩(wěn)定性提高了交易的困難度，想要成功進(jìn)行交易變的非常困難。信息流動(dòng)滯后，對(duì)于買方想要獲得二手交易市場的商品信息必須跑去跳蚤市場或是尋找公告板上張貼的廣告；而對(duì)于賣方想要使自己想賣的物品信息傳播出去要么破費(fèi)去張貼廣告，要么就是節(jié)假日去跳蚤市場擺攤。信息傳播具有較大的滯后性。因此大學(xué)生校園二手市場交易平臺(tái)是十分必要的。3.2可行性分析3.2.1技術(shù)可行性在軟件方面，現(xiàn)在，市場上流行的Web應(yīng)用開發(fā)產(chǎn)品很多，可以運(yùn)用JS做菜單和圖片展示動(dòng)畫,DIV+CSS是現(xiàn)在最主流的頁面布局方式利用,CSS可以靈活地控制頁面的各種元素，利用這些技術(shù)，我可以順利的實(shí)現(xiàn)校園二手市場的前臺(tái)部分的功能。在硬件方面，科技飛速發(fā)展的今天，計(jì)算機(jī)的運(yùn)算速度越來越快，容量越來越大，可靠性越來越高，價(jià)格越來越低，硬件平臺(tái)完全能滿足本系統(tǒng)的需求。3.2.2經(jīng)濟(jì)可行性本系統(tǒng)采用PC機(jī)開發(fā)，節(jié)省人力物力，以最小的代價(jià)提高效率，具有很好的經(jīng)濟(jì)前景和效益。本系統(tǒng)不僅開發(fā)成本較低，還能為學(xué)生進(jìn)行二手交易提供一個(gè)平臺(tái)。3.2.3社會(huì)可行性本系統(tǒng)符合當(dāng)前學(xué)生的生活需求，符合信息化社會(huì)發(fā)展的要求，能更好的處理學(xué)生二手商品，減少浪費(fèi)現(xiàn)象，也能方便學(xué)生生活。3.2.4操作可行性本系統(tǒng)是完全的人機(jī)交互式界面，文字表達(dá)簡單明確，用戶界面友好，使用方法簡明易懂，用戶可以輕松使用。管理人員可以及時(shí)準(zhǔn)確地收集各種信息資源，修改管理系統(tǒng)中的資料，維護(hù)整個(gè)系統(tǒng)的穩(wěn)定運(yùn)行。4系統(tǒng)設(shè)計(jì)4.1系統(tǒng)前臺(tái)功能設(shè)計(jì)系統(tǒng)要求具備管理員和用戶兩端對(duì)各自業(yè)務(wù)邏輯的處理。根據(jù)功能的關(guān)聯(lián)關(guān)系和集中分組的原則，將系統(tǒng)細(xì)化如圖4-1所示的結(jié)構(gòu)圖：圖4-1系統(tǒng)結(jié)構(gòu)4.2前臺(tái)整體風(fēng)格設(shè)計(jì)作為校園二手交易市場，前臺(tái)頁面的風(fēng)格設(shè)計(jì)要求貼近校園生活。本站的整體色調(diào)為淡藍(lán)色，配合白色的底色，給人清新明快的感覺，活潑而不失穩(wěn)重，長時(shí)間瀏覽頁面也不會(huì)感覺疲勞。圖4-2網(wǎng)站主色調(diào)整體頁面采用現(xiàn)在流行的SNS網(wǎng)站元素設(shè)計(jì)，具有時(shí)代氣息。整站包括匯總了全部信息的門戶、買賣家交流信息的論壇、綜合搜索頁面和用戶的個(gè)人空間。導(dǎo)航、標(biāo)題、圖標(biāo)、留言框等元素都緊密圍繞站點(diǎn)主色調(diào)設(shè)計(jì)。站點(diǎn)主CSS文件的默認(rèn)字號(hào)為14px，包括導(dǎo)航欄、標(biāo)題、文章和帖子內(nèi)容均采用此設(shè)置。相較前幾年流行的12px字號(hào)，顯得更加大氣，閱讀起來也更加舒服。超級(jí)鏈接則采用活動(dòng)鏈接有下劃線的樣式，簡單直觀。4.3前臺(tái)板塊設(shè)計(jì) 根據(jù)功能設(shè)計(jì)，參考各大成熟的二手交易網(wǎng)站，前臺(tái)的板塊從類別上分為兩大類：瀏覽類和交易類，瀏覽類主題只允許管理員發(fā)布，用戶只具有瀏覽權(quán)限；交易類主題供用戶發(fā)布交易信息使用，允許編輯和留言。各板塊具體作用見表3-1：表4-1各板塊說明版塊名類型用途清舍甩賣交易類提供畢業(yè)季各種物品買賣圖書音像交易類提供二手圖書音像交易手機(jī)通訊交易類提供二手手機(jī)和配件交易電腦周邊交易類提供二手電腦和配件交易數(shù)碼產(chǎn)品交易類提供二手?jǐn)?shù)碼產(chǎn)品交易其他商品交易類提供其他二手商品交易通知公告瀏覽類發(fā)布網(wǎng)站的各種通知公告新手幫助瀏覽類新手問答，解決本網(wǎng)站的各種使用問題4.4首頁設(shè)計(jì)首頁是一個(gè)站點(diǎn)的門戶，是網(wǎng)站建站時(shí)樹狀結(jié)構(gòu)的第一頁，即打開后的第一個(gè)頁面，是一個(gè)網(wǎng)站的主索引頁，它可以令訪客了解網(wǎng)站概貌并引導(dǎo)其調(diào)閱重點(diǎn)內(nèi)容。所以它是整個(gè)網(wǎng)站形象的重中之重，也是網(wǎng)站所有信息歸類的縮影。首頁要求在保證整體感的前提下，根據(jù)大多數(shù)人的閱讀習(xí)慣，以色彩、線條、圖片等要素將LOGO、導(dǎo)航條、各功能區(qū)以及內(nèi)容區(qū)進(jìn)行分隔。采用用戶的既定標(biāo)準(zhǔn)色，注重協(xié)調(diào)各區(qū)域的主次關(guān)系，以營造高易用性與視覺舒適性相結(jié)合的人機(jī)交互界面為終極目的。本站首頁的總體布局如圖4-3：LOGO用戶登錄區(qū)導(dǎo)航欄搜索欄交易類主題分類列表瀏覽類主題友情鏈接頁腳圖4-3網(wǎng)站首頁布局4.5交易類頁面設(shè)計(jì)交易類頁面是網(wǎng)站的核心信息頁面，為用戶提供各類二手商品交易，包括商品的出售和收購。一方面，要求頁面的布局合理，另一方面，頁面所提供的相關(guān)信息應(yīng)該盡可能準(zhǔn)備、詳盡。信息列表頁面的總體布局如圖4-4：LOGO用戶登錄區(qū)導(dǎo)航欄搜索欄板塊導(dǎo)航欄信息分類列表頁腳圖4-4交易信息列表頁面布局內(nèi)容頁面的總體布局如圖4-5：LOGO用戶登錄區(qū)導(dǎo)航欄搜索欄商品詳情（出售或收購顯示有所不同）留言區(qū)頁腳圖4-5交易信息內(nèi)容頁面布局4.5.1出售類頁面此頁面供用戶出售各類二手商品，為了保證交易的順利，頁面應(yīng)包含如下商品信息：表4-2出售類頁面包含信息版塊名必填類型說明商品名稱是Varchar出售商品的準(zhǔn)確名稱新舊程度是Varchar（Radio）出售商品的新舊程度，為選項(xiàng)出手價(jià)格是Int（Range）出售商品的價(jià)格，可以是一個(gè)范圍QQ是Varchar賣家的QQ聯(lián)系電話是Varchar賣家的聯(lián)系電話交易地點(diǎn)是String雙方交易的地點(diǎn)所屬學(xué)校是Varchar賣家所屬的學(xué)校，在注冊(cè)時(shí)要求填寫商品圖片否Image出售商品的圖片商品描述否Text對(duì)出售商品的詳細(xì)描述4.5.2收購類頁面 此頁面供用戶求購各類二手商品，為了保證交易的順利，頁面應(yīng)包含如下商品信息：表4-3收購類頁面包含信息版塊名必填類型說明商品名稱是Varchar收購商品的準(zhǔn)確名稱收購價(jià)格是Int（Range）收購商品的價(jià)格，可以是一個(gè)范圍QQ是Varchar買家的QQ聯(lián)系電話是Varchar買家的聯(lián)系電話交易地點(diǎn)是Varchar雙方交易的地點(diǎn)所屬學(xué)校是Varchar買家所屬的學(xué)校，在注冊(cè)時(shí)要求填寫商品描述否Text對(duì)收購商品的詳細(xì)描述4.6.瀏覽類頁面設(shè)計(jì)瀏覽類頁面是網(wǎng)站站務(wù)通知和幫助信息的發(fā)布窗口，用戶由此可以獲取最新的活動(dòng)通知和用戶幫助。本類頁面的設(shè)計(jì)參考常見的門戶類網(wǎng)站的布局和包含信息，如下：LOGO用戶登錄區(qū)導(dǎo)航欄搜索欄信息內(nèi)容分類檢索頁腳圖4-6瀏覽類頁面布局表4-4瀏覽類主題包含信息版塊名必填類型說明標(biāo)題是Varchar文章的標(biāo)題發(fā)布時(shí)間自動(dòng)Datetime文章的發(fā)布時(shí)間發(fā)布者自動(dòng)Varchar文章的作者查看數(shù)自動(dòng)Int文章的瀏覽次數(shù)摘要自動(dòng)Text文章的摘要內(nèi)容是Text文章的詳細(xì)內(nèi)容4.7數(shù)據(jù)庫設(shè)計(jì)校園二手信息發(fā)布系統(tǒng)所有數(shù)據(jù)均保存在數(shù)據(jù)庫中，采用MySQL作為數(shù)據(jù)庫管理系統(tǒng)。根據(jù)系統(tǒng)需要，首先創(chuàng)建一個(gè)名為buyer的數(shù)據(jù)庫，用于各種系統(tǒng)信息數(shù)據(jù)的存儲(chǔ)與管理。然后在數(shù)據(jù)庫中創(chuàng)建需要的數(shù)據(jù)表，系統(tǒng)的核心業(yè)務(wù)數(shù)據(jù)表見表4-5。表4-5核心數(shù)據(jù)表一覽表名說明內(nèi)容備注common_member用戶信息表存儲(chǔ)管理員和用戶的各類信息通過表內(nèi)各權(quán)限字段控制不同權(quán)限forum_forum交易板塊分類表存儲(chǔ)交易類主題的6個(gè)分類forum_sort、forum_thread表的父級(jí)forum_sort交易信息分類表存儲(chǔ)各交易板塊中商品的進(jìn)一步分類通過fid區(qū)別父級(jí)forum_thread交易類信息表存儲(chǔ)已發(fā)布的各個(gè)交易類主題通過fid區(qū)別父級(jí)portal_sort瀏覽板塊分類表存儲(chǔ)瀏覽類主題的2個(gè)分類portal_article表的父級(jí)portal_article瀏覽類信息表存儲(chǔ)已發(fā)布的各個(gè)瀏覽類主題通過fid區(qū)別父級(jí)portal_style首頁布局表存儲(chǔ)首頁編輯的CSS列表控制首頁DIY的CSS布局和DIV屬性portal_link友情鏈接表存儲(chǔ)頁面底部友情鏈接可在后臺(tái)選擇是否顯示4.8安全性設(shè)計(jì)隨著網(wǎng)絡(luò)黑客的盛行，互聯(lián)網(wǎng)網(wǎng)站頻受攻擊，各種惡意竊取網(wǎng)絡(luò)數(shù)據(jù)的事件層出不窮，所以現(xiàn)在網(wǎng)絡(luò)數(shù)據(jù)庫的安全必須給予高度重視。本系統(tǒng)從一開始就考慮到了這個(gè)問題，從五個(gè)方面提高數(shù)據(jù)庫的安全性：1）用戶訪問范圍的限制從結(jié)構(gòu)上，所有用戶的操作都是B/S三層結(jié)構(gòu)，即用戶不能直接訪問數(shù)據(jù)層，必須通過應(yīng)用層才能得到所需的數(shù)據(jù)。這樣等于在傳統(tǒng)C/S模式的兩層結(jié)構(gòu)上加了一個(gè)安全層。從安全和模塊化考慮，本系統(tǒng)設(shè)置了不同級(jí)別的管理員，使管理員只能根據(jù)系統(tǒng)賦予的權(quán)限行使具有限制性的權(quán)限，確保了系統(tǒng)易于維護(hù)和管理。一般的用戶只能訪問前臺(tái)發(fā)布交易信息或?yàn)g覽資源。2）系統(tǒng)數(shù)據(jù)維護(hù)不同級(jí)別的管理員都相應(yīng)地對(duì)自己管理的內(nèi)容進(jìn)行數(shù)據(jù)備份，當(dāng)網(wǎng)絡(luò)出現(xiàn)故障或者發(fā)生某些意外時(shí)，不至于使信息丟失。3）系統(tǒng)日常維護(hù)定期對(duì)系統(tǒng)進(jìn)行必要的維護(hù)，及時(shí)排除一些簡單的錯(cuò)誤故障，同樣會(huì)增強(qiáng)系統(tǒng)的安全性。定期或不定期對(duì)系統(tǒng)密碼進(jìn)行修改，防止造成數(shù)據(jù)泄露和丟失。4）添加驗(yàn)證代碼，防止越權(quán)操作現(xiàn)在有很多網(wǎng)絡(luò)黑客可以從網(wǎng)上直接調(diào)用密碼驗(yàn)證后的文件，從而繞過口令驗(yàn)證和安全檢查，而本系統(tǒng)為解決這個(gè)問題，在每一個(gè)文件里都加入了一個(gè)安全參數(shù)的認(rèn)證，如果有一個(gè)頁面被用戶直接調(diào)用而沒有經(jīng)過身份驗(yàn)證，該頁面會(huì)自動(dòng)重定向到登入頁面，還有對(duì)于已經(jīng)通過系統(tǒng)身份驗(yàn)證的不同類型的用戶，用SESSION[‘login’]、SESSION[‘id’]等變量參數(shù)進(jìn)行跟蹤來加強(qiáng)系統(tǒng)安全性。這樣，任何人都不能超越權(quán)限訪問管理員相應(yīng)的管理頁面或根本不為其提供相應(yīng)頁面的鏈接。以管理員入口為例，其驗(yàn)證代碼如下：<?phpif(!$_SESSION['login']||$_SESSION['login']>3){ echo"<metahttp-equiv=\"Content-Type\"content=\"text/html;charset=utf-8\"/><scriptlanguage=\"JavaScript\">alert('您沒有這個(gè)權(quán)限');</script>"; exit;}?>這樣，非管理員類型的用戶都被拒之門外了，即使知道頁面所在的具體路徑，也不可能越權(quán)訪問。5）數(shù)據(jù)庫加密為了保護(hù)核心數(shù)據(jù)庫，采用了數(shù)據(jù)庫加密的方法，這樣即使數(shù)據(jù)庫文件被人發(fā)現(xiàn)，也會(huì)因?yàn)槿鄙僬_的口令而無法打開。5系統(tǒng)實(shí)現(xiàn)5.1環(huán)境配置軟件方面，采用Photshop進(jìn)行各UI元素的設(shè)計(jì)，采用Dreamweaver進(jìn)行HTML頁面、JS腳本和CSS表的編碼，之后以Discuz！X3開源論壇為后臺(tái)進(jìn)行頁面整合，通過WampServer搭建服務(wù)器端運(yùn)行環(huán)境。WampServer集成了Apache、PHP和MySQL，安裝方便，配置簡單，性能穩(wěn)定。操作系統(tǒng)：WindowsServer2003Web服務(wù)器：Apache2.2.8數(shù)據(jù)庫：MySQL5.0.51b語言：PHP5.2.6圖5-1WampServerv2.0硬件方面，租用2GB的虛擬主機(jī)，由專業(yè)主機(jī)運(yùn)營團(tuán)隊(duì)進(jìn)行維護(hù)管理，保證了系統(tǒng)安全穩(wěn)定地運(yùn)行。圖5-2網(wǎng)朝網(wǎng)政商信息A型虛擬主機(jī)配置5.2目錄結(jié)構(gòu)圖5-3目錄結(jié)構(gòu)表5-1主要文件夾及文件用途文件夾或文件名用途Config存放站點(diǎn)的配置文件Data存放系統(tǒng)的上傳附件、下載文件等數(shù)據(jù)Sourece存放后臺(tái)系統(tǒng)的PHP源程序部分Static存放前臺(tái)的圖片、JS腳本等內(nèi)容Template存放前臺(tái)的HTML靜態(tài)頁面和CSS樣式表admin.php系統(tǒng)后臺(tái)入口furum.php論壇模式頁面index.php首頁，可在后臺(tái)設(shè)置portal.php門戶模式頁面，系統(tǒng)默認(rèn)首頁search.php搜索頁面5.3首頁實(shí)現(xiàn)5.3.1頁頭部分圖5-4頁頭效果頁頭部分存儲(chǔ)在template/default/common/header.htm中供各頁面公共調(diào)用，左側(cè)為網(wǎng)站LOGO。LOGO的設(shè)計(jì)結(jié)合網(wǎng)站“碰碰頭”的名稱和網(wǎng)站的整體色調(diào)，采用Q版圓角卡通造型，與整站融合為一，營造出本站“輕輕一碰，連動(dòng)你我”的輕松自由的買賣風(fēng)格。右側(cè)為用戶登錄模塊，提供注冊(cè)和登錄功能。導(dǎo)航條通過JS控制，在<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ù)原先樣式。5.3.2內(nèi)容部分圖5-5內(nèi)容效果各板塊框架采用統(tǒng)一淡藍(lán)色樣式，標(biāo)題欄做了漸變處理。各標(biāo)題的字體顏色和大小根據(jù)其主從程度做了細(xì)節(jié)的調(diào)節(jié),不同框架內(nèi)的樣式亦通過CSS進(jìn)行布局。在最新二手信息板塊左側(cè)，利用JS腳本編寫了制作了一個(gè)動(dòng)態(tài)圖片展示區(qū)，讓頁面更富動(dòng)感。主要調(diào)用的樣式如下：數(shù)據(jù)列表部分，通過PHP語言訪問MySQL數(shù)據(jù)庫，動(dòng)態(tài)讀取庫中對(duì)應(yīng)表的內(nèi)容，利用CSS布局和Discuz！的數(shù)據(jù)模板進(jìn)行顯示。例如，最新二手信息板塊的顯示樣式為：[出售or收購][板塊名稱]主題名稱發(fā)布日期；其對(duì)應(yīng)代碼如下：清舍甩賣板塊簡介的樣式代碼如下：5.3.3頁腳部分圖5-6頁腳效果頁腳部分存儲(chǔ)在template/default/common/footer.htm中供各頁面公共調(diào)用。上方是友情鏈接，可在后臺(tái)選擇是否顯示在論壇版式中。最底部是版權(quán)信息和數(shù)據(jù)統(tǒng)計(jì)功能，可在后臺(tái)中擴(kuò)展加入第三方統(tǒng)計(jì)代碼。5.3.4總體效果按照設(shè)計(jì)布局，對(duì)各個(gè)元素進(jìn)行整合，得到了首頁portal.php。此外，在首頁預(yù)留了部分廣告位，增加了站點(diǎn)的商業(yè)價(jià)值。首頁的總體實(shí)現(xiàn)如圖5-7、5-8：圖5-7首頁效果（頂部）圖5-8首頁效果（底部）5.4論壇風(fēng)格頁面考慮到部分用戶不喜歡門戶頁面風(fēng)格的主頁，本站設(shè)計(jì)了另一個(gè)集合了6個(gè)交易板塊的論壇風(fēng)格頁面furum.php。配合流行的圓形卡通UI圖標(biāo)元素和標(biāo)題列表介紹，使得用戶能更清晰、直觀地獲得想要的信息資源。圖5-9論壇風(fēng)格頁面效果5.5交易類頁面通過點(diǎn)擊首頁右上的注冊(cè)按鈕，填寫注冊(cè)信息，用戶可進(jìn)行注冊(cè)，以會(huì)員身份加入到二手市場中進(jìn)行交易。圖5-10用戶注冊(cè)頁面5.5.1交易信息發(fā)布頁面根據(jù)前文設(shè)計(jì)的需要填寫的商品信息，選擇對(duì)應(yīng)的HTML標(biāo)簽，利用<form>表單進(jìn)行POST，實(shí)現(xiàn)交易信息發(fā)布頁面。表5-2商品信息對(duì)應(yīng)的HTML標(biāo)簽版塊名HTML標(biāo)簽說明主題分類Select商品的分類標(biāo)題Input（text）商品的標(biāo)題商品名稱Input（text）商品的準(zhǔn)確名稱新舊程度Radio出售商品的新舊程度，僅我要賣頁面有收購/出手價(jià)格Input（text）商品的價(jià)格，可以是一個(gè)范圍QQInput（text）賣/買家的QQ聯(lián)系電話Input（text）賣/買家的聯(lián)系電話交易地點(diǎn)Input（text）雙方交易的地點(diǎn)所屬學(xué)校Input（text）賣/買家所屬的學(xué)校，在注冊(cè)時(shí)要求填寫商品圖片Input（file）出售商品的圖片，僅我要賣頁面有商品描述Textarea對(duì)要收購商品的詳細(xì)描述圖5-11交易信息發(fā)布頁面效果[出售頁面]5.5.2交易信息列表頁面圖5-12交易信息列表頁面效果信息列表頁面左側(cè)為各板塊的導(dǎo)航條，右側(cè)為列表。在列表頂端加入了該板塊的信息分類檢索功能，可以通過點(diǎn)擊相應(yīng)的分類，查看屬于該分類的主題。分類檢索的樣式代碼如下：5.5.3交易信息瀏覽頁面用戶可通過首頁和論壇的各數(shù)據(jù)列表的超鏈接瀏覽已發(fā)布的各個(gè)交易信息。利用數(shù)據(jù)庫中的數(shù)據(jù)和對(duì)商品頁布局的規(guī)劃，采用<div>編寫頁面整體框架，通過<table>標(biāo)簽對(duì)商品信息展示部分進(jìn)行實(shí)現(xiàn)。這里之所以沒有擯棄<table>，是因?yàn)槠湓趩卧駥?duì)齊方面有著不錯(cuò)的性能。在頁面底部整合了論壇留言模塊，用戶可進(jìn)行留言。出售信息發(fā)布的效果及商品信息展示部分代碼見圖，收購頁面與之類似。圖5-13交易信息瀏覽頁面效果交易信息顯示的樣式代碼如下：5.6瀏覽類頁面利用前文設(shè)計(jì)的布局，實(shí)現(xiàn)瀏覽類頁面。圖5-14瀏覽類頁面效果文章信息顯示的樣式代碼如下：總結(jié)經(jīng)過三個(gè)月的設(shè)計(jì)和開發(fā)，校園二手市場信息發(fā)布系統(tǒng)前臺(tái)部分基本開發(fā)完畢，其功能基本符合用戶需求，系統(tǒng)能夠完成二手信息分類、二手交易信息發(fā)布、用戶管理等基本功能，完成了首頁、交易類頁面、瀏覽類頁面等頁面的設(shè)計(jì)及實(shí)現(xiàn)。由于時(shí)間較短和本人水平有限，本系統(tǒng)必然會(huì)存在一些缺陷和不足，這些問題會(huì)在各位老師的指導(dǎo)建議及本人的不斷學(xué)習(xí)中得到解決。通過本次畢業(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ì)編程語言、數(shù)據(jù)庫及一些常用的軟件都有了更多的了解與掌握，增長了知識(shí)，開拓了眼界，增強(qiáng)了實(shí)踐能力，這都使我受益匪淺?；仡欉@三個(gè)月來，很是辛苦，但是成長了許多。我深深明白了理論與實(shí)際相結(jié)合的重要性，只有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，只有學(xué)以致用，將理論落實(shí)到實(shí)踐中去，才能提高自己的實(shí)踐能力及思維能力，才能真正為社會(huì)服務(wù)。即將作別四載美好的大學(xué)時(shí)光，我會(huì)時(shí)刻謹(jǐn)記母?！俺绲?、務(wù)實(shí)、求是”的校訓(xùn)，做一個(gè)有用的人。致謝首先誠摯地感謝我的指導(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)向趙老師致以誠摯的謝意和崇高的敬意。感謝信息科學(xué)與技術(shù)學(xué)院的所有領(lǐng)導(dǎo)和老師。他們嚴(yán)謹(jǐn)?shù)膶W(xué)風(fēng)、淵博的知識(shí)、誨人不倦的品格一直感染和激勵(lì)著我不斷上進(jìn)。感謝我的家人、朋友和同學(xué)們對(duì)我的大力支持，他們的關(guān)愛和鼓勵(lì)是我為人生理想不懈奮斗的永恒動(dòng)力。謝謝你們。參考文獻(xiàn)[1]巴德精通CSS：高級(jí)Web標(biāo)準(zhǔn)解決方案（第2版）.北京:人民郵電出版社.2010.5.[2]吳亮JavaScript王者歸來.北京:清華大學(xué)出版社.2008.7.[3]PHPChina.PHP5項(xiàng)目開發(fā)實(shí)戰(zhàn)詳解[M].北京:電子工業(yè)出版社,2008.1.[4]劉龍飛.動(dòng)態(tài)網(wǎng)站開發(fā)從基礎(chǔ)到實(shí)踐[M].北京:電子工業(yè)出版社,2008.8.[5]（美）貝伊利,（美）莫里森.HeadFirstPHP&MYSQL(影印版)[M].南京:東南大學(xué)出版社,2010.10.[6]劉竹林.軟件工程與項(xiàng)目管理[M].北京:北京師范大學(xué)出版社,2008.7.[7]黃梯云.管理信息系統(tǒng)導(dǎo)論[M].北京:機(jī)械工業(yè)出版社,2008.7.[8]崔仂.幾種經(jīng)典設(shè)計(jì)模式組合的參考架構(gòu)[J]．電腦知識(shí)與技術(shù),2004,(14).基于C8051F單片機(jī)直流電動(dòng)機(jī)反饋控制系統(tǒng)的設(shè)計(jì)與研究基于單片機(jī)的嵌入式Web服務(wù)器的研究MOTOROLA單片機(jī)MC68HC（8）05PV8/A內(nèi)嵌EEPROM的工藝和制程方法及對(duì)良率的影響研究基于模糊控制的電阻釬焊單片機(jī)溫度控制系統(tǒng)的研制基于MCS-51系列單片機(jī)的通用控制模塊的研究基于單片機(jī)實(shí)現(xiàn)的供暖系統(tǒng)最佳啟停自校正（STR）調(diào)節(jié)器單片機(jī)控制的二級(jí)倒立擺系統(tǒng)的研究基于增強(qiáng)型51系列單片機(jī)的TCP/IP協(xié)議棧的實(shí)現(xiàn)基于單片機(jī)的蓄電池自動(dòng)監(jiān)測系統(tǒng)基于32位嵌入式單片機(jī)系統(tǒng)的圖像采集與處理技術(shù)的研究基于單片機(jī)的作物營養(yǎng)診斷專家系統(tǒng)的研究基于單片機(jī)的交流伺服電機(jī)運(yùn)動(dòng)控制系統(tǒng)研究與開發(fā)基于單片機(jī)的泵管內(nèi)壁硬度測試儀的研制基于單片機(jī)的自動(dòng)找平控制系統(tǒng)研究基于C8051F040單片機(jī)的嵌入式系統(tǒng)開發(fā)基于單片機(jī)的液壓動(dòng)力系統(tǒng)狀態(tài)監(jiān)測儀開發(fā)模糊Smith智能控制方法的研究及其單片機(jī)實(shí)現(xiàn)一種基于單片機(jī)的軸快流CO〈,2〉激光器的手持控制面板的研制基于雙單片機(jī)沖床數(shù)控系統(tǒng)的研究基于CYGNAL單片機(jī)的在線間歇式濁度儀的研制基于單片機(jī)的噴油泵試驗(yàn)臺(tái)控制器的研制基于單片機(jī)的軟起動(dòng)器的研究和設(shè)計(jì)基于單片機(jī)控制的高速快走絲電火花線切割機(jī)床短循環(huán)走絲方式研究基于單片機(jī)的機(jī)電產(chǎn)品控制系統(tǒng)開發(fā)基于PIC單片機(jī)的智能手機(jī)充電器基于單片機(jī)的實(shí)時(shí)內(nèi)核設(shè)計(jì)及其應(yīng)用研究基于單片機(jī)的遠(yuǎn)程抄表系統(tǒng)的設(shè)計(jì)與研究基于單片機(jī)的煙氣二氧化硫濃度檢測儀的研制基于微型光譜儀的單片機(jī)系統(tǒng)單片機(jī)系統(tǒng)軟件構(gòu)件開發(fā)的技術(shù)研究基于單片機(jī)的液體點(diǎn)滴速度自動(dòng)檢測儀的研制基于單片機(jī)系統(tǒng)的多功能溫度測量儀的研制基于PIC單片機(jī)的電能采集終端的設(shè)計(jì)和應(yīng)用基于單片機(jī)的光纖光柵解調(diào)儀的研制氣壓式線性摩擦焊機(jī)單片機(jī)控制系統(tǒng)的研制基于單片機(jī)的數(shù)字磁通門傳感器基于單片機(jī)的旋轉(zhuǎn)變壓器-數(shù)字轉(zhuǎn)換器的研究基于單片機(jī)的光纖Bragg光柵解調(diào)系統(tǒng)的研究單片機(jī)控制的便攜式多功能乳腺治療儀的研制基于C8051F020單片機(jī)的多生理信號(hào)檢測儀基于單片機(jī)的電機(jī)運(yùn)動(dòng)控制系統(tǒng)設(shè)計(jì)Pico專用單片機(jī)核的可測性設(shè)計(jì)研究基于MCS-51單片機(jī)的熱量計(jì)基于雙單片機(jī)的智能遙測微型氣象站MCS-51單片機(jī)構(gòu)建機(jī)器人的實(shí)踐研究基于單片機(jī)的輪軌力檢測基于單片機(jī)的GPS定位儀的研究與實(shí)現(xiàn)基于單片機(jī)的電液伺服控制系統(tǒng)用于單片機(jī)系統(tǒng)的MMC卡文件系統(tǒng)研制基于單片機(jī)的時(shí)控和計(jì)數(shù)系統(tǒng)性能優(yōu)化的研究基于單片機(jī)和CPLD的粗光柵位移測量系統(tǒng)研究單片機(jī)控制的后備式方波UPS提升高職學(xué)生單片機(jī)應(yīng)用能力的探究基于單片機(jī)控制的自動(dòng)低頻減載裝置研究基于單片機(jī)控制的水下焊接電源的研究基于單片機(jī)的多通道數(shù)據(jù)采集系統(tǒng)基于uPSD3234單片機(jī)的氚表面污染測量儀的研制基于單片機(jī)的紅外測油儀的研究96系列單片機(jī)仿真器研究與設(shè)計(jì)基于單片機(jī)的單晶金剛石刀具刃磨設(shè)備的數(shù)控改造基于單片機(jī)的溫度智能控制系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)基于MSP430單片機(jī)的電梯門機(jī)控制器的研制基于單片機(jī)的氣體測漏儀的研究基于三菱M16C/6N系列單片機(jī)的CAN/USB協(xié)議轉(zhuǎn)換器基于單片機(jī)和DSP的變壓器油色譜在線監(jiān)測技術(shù)研究基于單片機(jī)的膛壁溫度報(bào)警系統(tǒng)設(shè)計(jì)基于AVR單片機(jī)的低壓無功補(bǔ)償控制器的設(shè)計(jì)基于單片機(jī)船舶電力推進(jìn)電機(jī)監(jiān)測系統(tǒng)基于單片機(jī)網(wǎng)絡(luò)的振動(dòng)信號(hào)的采集系統(tǒng)基于單片機(jī)的大容量數(shù)據(jù)存儲(chǔ)技術(shù)的應(yīng)用研究基于單片機(jī)的疊圖機(jī)研究與教學(xué)方法實(shí)踐基于單片機(jī)嵌入式Web服務(wù)器技術(shù)的研究及實(shí)現(xiàn)基于AT89S52單片機(jī)的通用數(shù)據(jù)采集系統(tǒng)基于單片機(jī)的多道脈沖幅度分析儀研究機(jī)器人旋轉(zhuǎn)