級校園二手商品交易平臺

................................................................ 第1章緒 校園二手商品交易平臺開發(fā)背 國內(nèi)電子商務(wù)解決的主要問 平臺采用的開發(fā)技 本文的主要工 的組織結(jié) 第2章校園二手商品交易平臺需求分 校園二手商品交易平臺概 校園二手商品交易平臺項目背 校園二手商品交易平臺項目說 校園二手商品交易平臺的研究目的及意 校園二手商品交易平臺目標(biāo)和解決的問 校園二手商品交易平臺需求問題描 校園二手商品交易平臺業(yè)務(wù)需求分 校園二手商品交易平臺功能性需 校園二手商品交易平臺非功能性需 數(shù)據(jù)庫需求分 本章小 第3章校園二手商品交易平臺概要設(shè) 校園二手商品交易平臺設(shè)計目標(biāo)和原 校園二手商品交易平臺架構(gòu)設(shè) 校園二手商品交易平臺總體設(shè)計規(guī) 校園二手商品交易設(shè) 校園二手商品交易平臺用戶界面設(shè) 校園二手商品交易平臺模塊設(shè) 本章小 第4章校園二手商品交易平臺詳細(xì)設(shè) 數(shù)據(jù)庫模型描 模塊模型描 會員管理模 網(wǎng)上購物模 管理模 搜索功能模 其他功能模 本章小 第5章項目編碼和測 校園二手商品交易平臺的總體實 校園二手商品交易平臺編碼結(jié) 路由控制 第6章總結(jié)和展 總 展 致 參考文 附錄1英文原 附錄2譯 校園二手商品交易平臺的設(shè)計與實。隨著生活節(jié)奏的加快，學(xué)生越來越青睞高效的服務(wù)。每年畢業(yè)生離校時是要提供一個處理二手商品的平臺。校園二手商品交易平臺以“新大學(xué)，新生活，新潮流”為。校園二手商品交易平臺，對其進行的開發(fā)主要包括數(shù)據(jù)庫的建立和以及前臺應(yīng)用程序的開發(fā)兩個方面通過數(shù)據(jù)庫與前臺應(yīng)用程序的結(jié)合，用戶通過成為會員便可實現(xiàn)商品和出售商品，并在購物車模塊生成訂單管理員通過管理，可以查看本站的商品列表、會員信息、訂單信息等以實現(xiàn)對會員、商品和訂單對和處理，保證交易過程的合法性和公平完成后，買家可以對賣家的商品進行評分。本系統(tǒng)有界面友。關(guān)鍵字：校園二手；電子商務(wù)；大學(xué)生；數(shù)據(jù)庫；前Withthequickeningpaceoflife,people,especiallystudents,are ingmoreandmorepopularandefficientonlineservices.Yearleaverswillbediscardedordonationofalargenumberoflearningandlifeactivities,theseitemsareoftennotabletogetpropertreatment,notonlythefinalwasteintheprocessofdonationofhuman,butalsocausewasteofresources.Campussecond-handcommoditytradingplatformistoprovideaplatformforonlineprocessingofsecond-handgoods.Campussecond-handcommoditytradingplatformiswidelyused.Campussecond-handcommoditytradingplatform,itsdevelopmentmainlyincludestheestablishmentandmaintenanceofthebackstagedatabaseandthedevelopmentofthefrontapplicationprogramtwoaspects.Throughthecombinationofthebackgrounddatabaseandtheforegroundapplicationprogram,theusercanonlyrealizethepurchaseofgoodsandthesaleofgoodsthroughtheregistration,andtheshopcartmoduletogenerateorders.Thebackstageadministratormanagementthroughtheinlet,youcanviewthecommoditylist,membershipinformation,orderinformation,suchasthemembership,goodsandorderofmonitoringandtreatmenttoensuretransactionprocessonthelegitimacyandfairness.Afterthecompletionofthetransaction,thebuyercansellthegoodstotheseller.Thesystemhasafriendlyinterface,simpleoperation,convenientandsoon.:campussecond-hand;electroniccommerce;universitystudent;front第1校園二手商品交易平臺開發(fā)背伴隨著學(xué)生能力的提高支付能力也越來越高大學(xué)生的商品數(shù)量丟掉可惜留著又沒有用處只能選擇賣品回收站不但浪大熱門話題，目前專注于校園二手商品交易的互聯(lián)網(wǎng)平臺只有一個“校園二手對于學(xué)生們的二手商品閑置問題收效甚微因此建立一個成校園二手交易平臺可以大大方便在校的學(xué)生同時也營造了節(jié)約光榮浪費的校園文化氛圍。最主要的是，它也可以通過網(wǎng)絡(luò)將自己不用的東西放在網(wǎng)上,也可在網(wǎng)上找到自己需要的東西,物美價廉,達(dá)到雙贏?；跒g覽器/服務(wù)器應(yīng)用方式不謀面地進行各種商貿(mào)活動實現(xiàn)消費者的網(wǎng)上購物、商戶之間的網(wǎng)上交易和電子支付以及各種商務(wù)活網(wǎng)絡(luò)技術(shù)和通信技術(shù)實現(xiàn)整個商務(wù)()過程中的電子化、數(shù)字化和網(wǎng)絡(luò)化。，作為新興起的網(wǎng)絡(luò)服務(wù)行業(yè)，二手商品交易在國內(nèi)的歷史并不算太，如二手網(wǎng)二手網(wǎng)，大連二手網(wǎng)等［8］。然而這些面向全社會的二，適合在這些上并出售二手商品因此建立一個面向在校師生的二手交易解決的主要問足賣家和買家出售和商品的需求并建立完善的商品質(zhì)量管理體系是本可性，靈活性和可擴展性的特點。在實現(xiàn)方面，在實現(xiàn)前文設(shè)計基礎(chǔ)上，主要解決對分析技術(shù)的選擇和模平臺采用的開發(fā)技校園二手商品交易平臺使用SublimeText和MyEclipse作為主要開發(fā)，服務(wù)器使用Tomcat，數(shù)據(jù)庫采用MySQL，服務(wù)器語言選擇java，框架選擇Spring并使用mybatis做數(shù)據(jù)持久化處理。本文的主要工校園二手商品交易平臺概校園二手商品交易平臺項目，校園二手商品交易平臺是為校園師生提供出售閑置物品和尋找二手貨物服務(wù)的互聯(lián)網(wǎng)＋除此之外平時也會有一些閑置不用的物件畢業(yè)生新生和有較多閑置此的需求量也比較穩(wěn)定。，校園二手商品交易平臺項目說0.5%的中介紅利，隨著人氣的攀升和交易數(shù)量多增加，這龐大的校園二手商品交易平臺的研究目的及意能夠在過程中培養(yǎng)學(xué)生的誠信品質(zhì)。1234、校園二手商品交易平臺展示商品的主要方式為，對產(chǎn)品質(zhì)量的把控比較12、設(shè)計用戶機制，一旦收到用戶，查明屬實后，凍結(jié)相應(yīng)用戶一3、引入評分機制，交易完成后可以對賣家進行評分和追加評論，好評校園二手商品交易平臺需求問題描校園二手商品交易平臺業(yè)務(wù)需求分業(yè)務(wù)需求表示組織的意愿。業(yè)務(wù)需求通常來自投資人、用戶和管理員。應(yīng)采取有效的工程實施方案。校園二手商品交易平臺功能性需1、用戶登錄模塊，該模塊可以完成用戶的登錄23、評價模塊，用戶登錄后可以對的商品進行評論、評56校園二手商品交易平臺非功能性需1平臺的設(shè)計開發(fā)，應(yīng)該充分考慮到用戶最 數(shù)量和使用中并發(fā)用戶數(shù)2平臺整體設(shè)計要求做到規(guī)范無論是UI還是編碼都應(yīng)該一致相關(guān)的功能模塊設(shè)計應(yīng)清晰合理、簡潔明了，同時能夠?qū)崿F(xiàn)有效的管3設(shè)計平臺操作流程，并且需要具備一定的容錯能力，允許特定操作在一4二手商品交易平臺涉及到用戶、用戶以及交易記錄等數(shù)據(jù)，應(yīng)臺數(shù)據(jù)的完整性、安全性和一致性。應(yīng)該重點考慮管理員用戶的認(rèn)證和相關(guān)權(quán)限管理。建立完善的用戶審核機制。5、可二手商品交易平臺的可性主要體現(xiàn)在代碼方面，要求代碼結(jié)構(gòu)清晰，易6二手商品交易平臺的易用性主要體現(xiàn)在交互界面美觀，幫助文檔方便完數(shù)據(jù)庫需求分。，據(jù)世界系統(tǒng)的開發(fā)設(shè)計工作中必須要考慮這兩個方面的問題，也就是要考貫穿校園二手商品交易平臺的整個設(shè)計和開發(fā)過程。這就是數(shù)據(jù)庫設(shè)計設(shè)計的之一。。，表進行。1、會員信息：其中應(yīng)該包括會員，會員名，，，會員類別，會員（老師或者學(xué)生）等內(nèi)容2、購物信息：包括商品等，商品名稱，商品價格，以及商品等描述和3、管理員信息：與會員信息表蕾絲，包括管理員登錄名和4、其他信息：例如工具、、3本項目所設(shè)計的校園二手商品交易平臺是經(jīng)過很長時間的和分析才開始具體實施的它的主要特點是改變了以往只能下的二手商品交易市場才能進行二手交易的狀況，采用web技術(shù)，借助于Internet浪潮，達(dá)到資源共享，避的二手商品交易平臺。。校園二手商品交易平臺主要是對和前臺的操作管理是管理員對本。無論哪一個都要有自己的設(shè)計原則，校園二手商品交易平臺也是如此，1、針對性：該平臺的設(shè)計和開發(fā)是網(wǎng)上購物系統(tǒng)及管理系統(tǒng)的定向設(shè)23一個來說十分重要如表3-1所示為總體設(shè)計的劃分，對于開發(fā)具有指導(dǎo)意義總體設(shè)表3-1總體設(shè)計劃校園二手商品交易平臺架構(gòu)設(shè)架構(gòu)設(shè)計定義了平臺中各個主要結(jié)構(gòu)元間的關(guān)系，它使得平臺的風(fēng)格和結(jié)構(gòu)規(guī)范并更加便于理解包括了它的組成模塊以及這些模塊是如何組織在3-2所示。3-2校園二手商品交易平臺總體設(shè)計規(guī)校園二手商品交易片平臺的設(shè)計規(guī)劃可以分為平臺本身的規(guī)劃以及平臺的第一步，首先要確定的內(nèi)容，要做到小而精致，即定位要小、內(nèi)容而且通常也會帶來非常高強度的勞動力，給日后平臺的和更新帶來壓力。第二步，確定平臺的主色調(diào)，用適當(dāng)?shù)念伾钆潴w現(xiàn)出平特的風(fēng)格。通640x480620x3111024x768的情況1007x600。從上面的數(shù)據(jù)我們可以看到，顯示器分辨率。個模塊放在平臺的什么位置以及如何布局設(shè)計的的結(jié)構(gòu)就是一個的骨臺、門等按照整體的設(shè)計風(fēng)格進行布局也是一樣，需要驚醒合理的結(jié)構(gòu)和。一般來說的布局和結(jié)構(gòu)大致分為兩個方面，物理結(jié)構(gòu)和邏輯結(jié)構(gòu)（也可以成為站內(nèi)外結(jié)構(gòu)。物理結(jié)構(gòu)就是存放在服務(wù)器上的文件以及文件之間的位置關(guān)系。邏輯結(jié)構(gòu)，即所謂的站內(nèi)外。。中“迷路”是否有一套專業(yè)的導(dǎo)航系統(tǒng)直接影響著用戶的體驗，也是信息能否有效傳達(dá)給用戶的關(guān)鍵。最后影響的就是用戶是否還會再次，即能否。。，第七步，確定校園二手商品交易平臺的結(jié)構(gòu)。通常來說，就是分頁信息的首頁，即內(nèi)頁的分類列表的第一個頁面規(guī)劃得體，要力求做到的目標(biāo)就不同。通常來說，所有的都應(yīng)該加上謝崗，要不然等話就會被收錄成兩個一摸一樣的頁面，無緣無故被分擔(dān)掉權(quán)重；第二的一定要一面進行擴展，但是的一定要一致。。，以上從校園二手商品交易平臺的總體規(guī)劃出發(fā)，從內(nèi)容，平臺的主色調(diào) 校園二手商品交易設(shè)模型師系統(tǒng)的靜態(tài)數(shù)據(jù)結(jié)構(gòu)。DBMS所支持的數(shù)據(jù)模型的過程。3-4E－R3-5為校園二手交易3-4校園二手商品交易平臺E－R3-5校園二手商品交易平臺用戶界面設(shè)12、盡可能減少用戶34個明顯的主要活動：12343-63-6校園二手商品交易平臺模塊設(shè)的校園二手商品交易平臺和需要解決的問題針對這些問題并結(jié)合設(shè)計目標(biāo)4數(shù)據(jù)庫模型描的商品共張表，表中包含有商品的id、商品名稱、價格以及發(fā)布者等信息，如圖4-1所示。用戶列表則全部保存在用戶表中，存有用戶名、以及用戶類別等信息，如圖4-2所示。買家的商品則存放在另外一張表中，如圖4-3所示?？梢钥吹?，該表中只存放了商家和買家的id以及交易狀態(tài)，在需要時做連4-14-24-3會員管理模本平臺成為會員，擁有自己的主頁，可以產(chǎn)品并切能夠自己的觀點和看法，能夠?qū)^的商品進行評分，能夠進入他人的主頁接受他人的信息，還有會員積分機制，在積分達(dá)到一定的標(biāo)準(zhǔn)后享受一定的資源。4-4、頭像或者上傳自定義頭像填寫個人簽名并進入下一頁面最后填寫、、，，4-4圖4-5會員流程網(wǎng)上購物模校園二手商品交易平臺主要是針對在校師生建立并希望籍此獲得經(jīng)濟利益的二手商品交易平臺因此網(wǎng)上購物模塊也是本不可缺少的部分當(dāng)用戶以游客或者會員的主頁時，可以在商品列表中選擇自己所需物品的分類，即平臺所售出物品的的一級分類比如音像日用百貨運動用品等然后選擇進入下一分類，即二級分類，比如音像又分為四級、高等數(shù)學(xué)等。當(dāng)用戶選擇好商品之后就會進入商品詳情頁商品詳情頁會介紹商品的價格質(zhì)量以及賣家留言等信息用戶可以選擇 商品將其放入購物車或先將其收藏4-64-6管理模4-7所示即為管理員模式網(wǎng)上購物流程圖。4-7搜索功能模4-8所示。4-8其他功能模1、LOGO。在互聯(lián)網(wǎng)領(lǐng)域，LOGO是標(biāo)志、徽志的意思。一般來說，知名的都可以通過點擊LOGO來實現(xiàn)與的。LOGO是與其他以及讓其他往后咱的標(biāo)志和門戶。Internet之所以叫做“互聯(lián)網(wǎng)”，在于各個之間可以連接。要讓別的走入你的，必須提供一個讓其進入的更容易選擇和接受。校園二手商品交易平臺的LOGO4-9所示：4-9校園二手交易平臺，2、商品模塊。由于用戶可能會在同類別商品的取舍而猶豫不決，校園二手商品交易平臺提供銷售可以讓用戶能夠知道哪些商品比較受歡迎從而做出自己的選擇。此外提供了推薦產(chǎn)品和新貨上架兩個欄目，幫助者了解的商品情況。，3、模塊。表現(xiàn)了一個主打或者推薦的商品。一個位置醒 ，文字，和輪播。FLAS使用modAdvsMovi插件，通過來引起游客的。文字分為字幕起用戶的注意而輪播則通過之間的循環(huán)跳動來展現(xiàn)本所要表達(dá)的4、友情模塊。由于校園二手商品交易平臺志在能夠成為大學(xué)師生使用的優(yōu)秀，因此在功能中也加入了一些相關(guān)之名的。例如考慮到會員需要付款，所以增加了支付寶；考慮到會員需要與其它比，所以提供了淘寶網(wǎng)的等后介紹了搜索功能模塊的流程以及其他功能模塊的設(shè)計。55-15-25-35-15-2圖5-3登錄校園二手商品交易平臺編碼結(jié)校園二手商品交易平臺采用的現(xiàn)在非常流行的前分離開發(fā)，主要的工作服務(wù)端函數(shù)（以get請求為例functioncoalHttp($http,$q){return{get:function(url,params){vardeferred=$q.defer();varparams=params||if(sessionStorage.loggedIn){params.user_id=functioncoalHttp($http,$q){return{get:function(url,params){vardeferred=$q.defer();varparams=params||if(sessionStorage.loggedIn){params.user_id=//params.user_token=}$http.get(url,{params:params}).success(function(data){if(dode==401){if(sessionStorage.loggedIn)alert(datamessage);locationhref="#/";}}elseif ode==403)console.log("("+url+")"+}else}//deferredreturn}}路由控制方式為通 控制路由使用AngularJS后便可以通過AngularJS的路由機制在頁面加載之初通過JavaScript對路由進行，從而服務(wù)器壓要<!DOCTYPE<!DOCTYPE<html <metahttp- <metacharset="UTF-8"<meta "content=""<metaname="description"content=""<metaname="viewport"content="width=device-width,initial-<linkrel="shortcuticon"href=""<bodyng-<divui-.state('admin',{url:"/",templateUrl:6總業(yè)作出突出的貢獻。充分利用資源的概念，是在社會經(jīng)濟發(fā)展、社會要求、Java＋Mysql＋TomcatWeb技術(shù)控制和操作，實現(xiàn)了包括會員管理、網(wǎng)上購物、管理模塊的設(shè)計，12、商品的種類比較少，不夠豐富，需要添加的商品3展在校園二手商品交易平臺的基本功能得以實現(xiàn)后，對于平臺尚未實現(xiàn)的功 1在代碼中大量使用SL語句和過程進行操作，降低了系統(tǒng)性能2平臺缺乏對使用流程的說明，初次使用可能會比較，交互性和用戶3完善同時感謝山東大學(xué)學(xué)院的所有老師，正是的諄諄教導(dǎo)，循循善誘，使我不論在專業(yè)知識的提高還是在為人處事上都取得了巨大的進步，辛苦［1］［2］J2EEB2C［3］吳曉燕，計算機系統(tǒng)結(jié)構(gòu)網(wǎng)絡(luò)教學(xué)的設(shè)計與實現(xiàn)，電子科技大［4］［5］，網(wǎng)上購物系統(tǒng)的設(shè)計與開發(fā)，云南大學(xué)［6］梅菊，領(lǐng)域工程方法在電子商務(wù)系統(tǒng)中的研究與應(yīng)用，郵電大［7］［8］B／SB2B［9］，Spring3.X企業(yè)級應(yīng)用開發(fā)實戰(zhàn)，電子工業(yè)［10］陶國榮，AngularJS實械工業(yè)［11］韓萬江，工程案例［12］（加）BudiKurniawan，JSP和Serverlet［13］（美）lDeck，SpringMVC學(xué)習(xí)指［14］（美）Javascript［15］（美）AddyOsmani，Javascript［16］袁江，jQuery［17］（英）BenFrainWeb設(shè)計－HTML5和CSS3［18］（英）AntonyKennedy（葡萄牙）InayailideLeon，高流量CSS開1SendingandReceivingBinaryReceivingbinarydatausingJavaScripttypedTheresponseTypepropertyoftheXMLHttpRequestobjectcanbesettochangetheexpectedresponsetypefromtheserver.Possiblevaluesaretheemptystring(default),"arraybuffer","blob","","json",and"text".TheresponsepropertywillcontaintheentitybodyaccordingtoresponseType,asanArrayBuffer,,JSON,orstring.ThisisnulliftherequestisnotcompleteorwasnotThisexamplereadsanimageasabinaryfileandcreatesan8-bitunsignedintegerarrayfromtherawbytes. varoReqvaroReq=newXMLHttpRequest();oReq.open("GET","/myfile.png",true);varoReq=newXMLHttpRequest();oReq.open("GET","/myfile.png",true);oReq.responseType="arraybuffer";oReq.onload=function(oEvent)varblob=newBlob([oReq.response],{type://ternativetotheabovemethodutilizestheBlobinterfacetodirectlyconstructaBlobwiththearraybufferdata.AlsoyoucanreadabinaryfileasaBlobbysettingthestring"blob"totheresponseTypeproperty.varvaroReq=newXMLHttpRequest();oReq.open("GET","/myfile.png",true);oReq.responseType="blob";oReq.onload=function(oEvent){varblob=oReq.response;//ReceivingbinarydatainolderTheload_binary_resource()functionshownbelowloadsbinarydatafromthespecifiedURL,returningittothecaller.varvarfilestream=Themagichappensinline5,whichoverridestheMIMEtype,forcingthebrowsertotreatitasplaintext,usingauser-definedcharacterset.Thislsthebrowsernottoparseit,andtoletthebytespassthroughunprocessed.Theexampleabovefetchesthebyteatoffsetxwithintheloadedbinarydata.Thevalidrangeforxisfrom0tofilestream.length-1.functionfunctionload_binary_resource(url)varreq=newXMLHttpRequest();req.open('GET',url,false);//XHRbinarycharsetoptbyMarcusGranado2006[http://mreq.overrideMimeType('text\/plain;charset=x-user-defined');if(req.status!=200)return'';returnreq.responseText;}]ReceivingbinarydatajBinarylibraryforworkingwithbinarydatainJavaScriptallowstoloaddatafromanysourcewithautomaticallydetectedbestsupportedwayoncurrentbrowserjBinaryjBinary.load(url).then(function(binary)//hereyoucanuse`binary`instancetoparse//inanyformat(string,arrayofbytes,customstructureSendingbinaryThesendmethodoftheXMLHttpRequesthasbeenextendedtoenableeasytransmissionofbinarydatabyacceptinganArrayBuffer,Blob,orFileobject.Thefollowingexamplesendscreatesatextfileon-the-flyandusesthePOSTmethodtosendthe"file"totheserver.Thisexampleusesplaintext,butyoucanimaginethedatabeingabinaryfileinstead.varvaroReq=newXMLHttpRequest();oReq.open("POST",url,true);oReq.onload=function(oEvent){//varblob=newBlob(['abc123'],{type:'text/plain'});SendingtypedarraysasbinaryYoucansendJavaScripttypedarraysasbinarydataasvarvarmyArray=newvarlongInt8View=newfor(vari=0;i<longInt8View.length;i++){longInt8View[i]=i%255;}varxhr=newXMLHttpRequest;xhr.open("POST",url,Thisisbuildinga512-bytearrayof8-bitintegersandsendingit;youcanuseanybinarydatayou'dlike,ofcourse.Thisexampletransmitsbinarycontentasynchronously,usingthePOSTmethod,andFirefox'snon-standardsendAsBinary().varvarreq=newXMLHttpRequest();req.open("POST",url,true);//setheadersandmime-typeappropria req.setRequestHeader("Content-Length",741);Line4setstheContent-Lengthheaderto741,indicatingthatthedatais741byteslong.Obviouslyyouneedtochangethisvaluebasedontheactualsizeofthedatabeingsent.Line5usesthesendAsBinary()methodtoinitiatetheYoucsosendbinarycontentbypassinganinstanceofthensIFileInputStreamtosend().Inthatcase,youdon'thavetosettheContent-Lengthheaderyourself,astheinformationisfetchedfromthestreamautomatically:////Makeastreamfromastream.init(file,0x04|0x08,0644,0x04);//fileisannsIFile//TrytodeterminetheMIMEtypeofthefilevarmimeType="text\/plain";tryvarmimeService=}catch(oEvent){/*eatit;justusetext/plain*///varreq=;req.open('PUT',url,false);/*synchronous!*/Article2XMLHttpRequestresponseType預(yù)期的響應(yīng)類型?？赡艿闹凳强兆址J(rèn)“arraybuffer“Blob“JSONresponseTypeBlobJSON響應(yīng)為空。varvaroReq=newXMLHttpRequest();oReq.open("GET","/myfile.png",true);oReq.responseType="arraybuffer";oReq.onload=function(oEvent)vararrayBuffer=oReq.response;//Note:notoReq.responseTextif(arrayBuffer){varbyteArray=newfor(vari=0;i< ength;i++)//dosomethingwitheachbyteinthe}}下面的這個例子以二進制一個圖像文件，并創(chuàng)建8位無符號字節(jié)數(shù)組。另外法是利用Blob接口直接構(gòu)造著arraybuffer數(shù)據(jù)的Blob。也可以通過設(shè)置響應(yīng)類型為Blob，把二進制文件作為Blob對 varvaroReq=newXMLHttpRequest();oReq.open("GET","/myfile.png",true);oReq.responseType="blob";oReq.onload=function(oEvent){varblob=oReq.response;//在舊版本瀏覽