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