基于某微信公眾平臺地訂單系統(tǒng)畢業(yè)設計論文設計

wordword66/73word基于微信關注的客戶服務系統(tǒng)設計與實現(xiàn)摘要微信，作為一款跨平臺即時聊天工具，在短短幾年的時間內(nèi)凝聚了大批用戶群體。現(xiàn)如今，微信儼然已經(jīng)成人們的生活方式，因此，基于微信的應用如雨后春筍般飛速而生。開發(fā)者或商家可以在微信公眾平臺上申請應用賬號即微信公眾號，該某某與QQ賬號是相通的，通過公眾號，商家可在微信平臺上實現(xiàn)和特定群體的文字、圖片、語音、視頻的全方位溝通、互動，形成一種主流的線上線下微信互動營銷方式。與傳統(tǒng)app相比，在客戶層面，基于微信關注的應用方便很多，用戶不必下載安裝，只需關注即可方便使用各項功能。在商家公司層面，基于微信關注的應用開發(fā)維護本錢降低很多，安全性高，而且營銷推廣與傳統(tǒng)方式相比本錢更低，更加便捷，商家公司可定期給用戶推送相關信息，還可與顧客進展互動，大大提高了用戶粘度。本文描述的基于微信關注的客戶服務系統(tǒng)在用戶層面分為兩類，客戶和系統(tǒng)管理員。其中在客戶層面實現(xiàn)了客戶瀏覽信息，在線下單，樣品搶先預定，互動反應，隨時隨地查看訂單信息等功能?？蛻絷P注公眾平臺賬號后首次進入應用時可選擇與微信賬號進展綁定，而后每次進入應用后不用再次登錄，即可使用相關功能。對于客戶，分為從未購置過產(chǎn)品和已經(jīng)購置過產(chǎn)品兩種，已經(jīng)購置過產(chǎn)品的用戶可享有預定樣品的權限，以后每次有新品發(fā)布時，該類客戶即可搶先預定。而從未購置過產(chǎn)品的用戶如此沒有該權限。在管理員層面，管理員即使用本系統(tǒng)的商家公司可以隨時隨地查看運營情況，商品管理，信息發(fā)布，數(shù)據(jù)統(tǒng)計，處理訂單等，還可以實現(xiàn)角色別離，所謂角色別離就是將系統(tǒng)管理員按不同的權限分為不同的角色。超級管理員、倉庫、銷售、運營等不同角色各司其職，互不干擾，使效率成倍提高。關鍵詞：微信，微信公眾平臺，微信應用，APPDESIGNANDIMPLEMENTIONOFAWECHATBASEDCUSTOMERSERVICESYSTEMABSTRACTWeChat,asacross-platformandinstant-messagingtool,gatheringalargenumberofusersinthelastfewcoupleofyears.Nowadays,WeChathasalreadybeenpartofpeople’slivesandthusapplicationsthatbasedonWeChathavebeendevelopedoutamazingquickly.WeChatOfficialAccountsareaccountsthatdevelopersorpaniesapplyforinWeChatPublicPlatform,thatis,connectedtoQQaccounts,enterprisescanimplementmunicationthroughtexts,images,voicesandvideoswithspecificusers.Thisbringsamainstreaminteractivemarketingapproacheitherbyonlineoroffline.paredtotraditionalApp,WeChatbasedapplicationsarewaymoreconvenientifwelookatthisfromtheviewofcustomers;thatis,forusers,there’snoneedtodownloadandinstallsuchthattheyonlyneedtosubscribeandthentheycouldconvenientlyenjoyeveryfeature.Fromtheviewofdevelopers,thecostofdevelopment,maintenancewillbereducedalot,thesecurityishigherandparedtotraditionalmarketing,thisWeChatbasedapproachismoreconvenientandreducesalotofcost;developersandpaniescouldpushinformationtousersandinteractwiththemregularly,whichgreatlyimprovesconnectionbetweenpaniesandcustomers.ThispaperdescribesaWeChatbasedcustomerservicesystem,whichimplementsinformation-browsing,orderingonline,pre-orderingsamples,gettingfeedbackfrominteractions;andalso,weimplementroleseparation,super-administrator,storehouse,sellingandoperations,whichtotallyrunsseparatelysuchthattheywon’tinterferewitheachotherandtheefficiencywillbeimprovedalot.Keywords:WeChat,WeChatPublicPlatform,WeChatApplications,APP目錄摘要IABSTRACTII1前言11.1課題研究背景1課題研究現(xiàn)狀11.2.1訂閱號11.2.2服務號21.2.3企業(yè)號2課題研究目的2課題研究內(nèi)容2本章小結32相關技術介紹42.1開發(fā)工具簡介42.1.1網(wǎng)頁開發(fā)工具42.1.2系統(tǒng)開發(fā)工具4數(shù)據(jù)庫與其工具4建模工具42.2關鍵技術介紹52.2.1PHP52.2.2Jquery52.2.3JavaScript62.2.4ThinkPHP架構62.2.5bootstrap架構62.2.6MVC設計模式62.3軟件/硬件要求72.3.1軟件要求72.3.2硬件要求72.4本章小結73需求分析8業(yè)務流程概述8前端需求分析93.2.1首頁展示93.2.2商品列表93.2.3樣品列表10產(chǎn)品相冊列表11產(chǎn)品服務列表11案例展示列表12新聞資訊列表12用戶咨詢反應13用戶登錄13用戶在線下單14用戶訂單信息查看14后臺需求分析15管理員登錄注銷15注冊用戶管理16角色管理16產(chǎn)品管理17新聞管理18訂單管理18咨詢反應管理19交互的實現(xiàn)20客戶端與服務器的交互203.4.2微信服務器與系統(tǒng)的交互20本章小結214系統(tǒng)設計22系統(tǒng)數(shù)據(jù)庫設計224.1.1ER圖設計22系統(tǒng)表設計23系統(tǒng)分層設計26模型層設計〔model〕27視圖層設計〔view〕27控制層設計〔control〕28系統(tǒng)模塊詳細設計29系統(tǒng)模塊根本設計29產(chǎn)品管理模塊30訂單管理模塊33文章管理模塊35用戶管理模塊38角色管理模塊40咨詢反應管理模塊42本章小結445系統(tǒng)實現(xiàn)45系統(tǒng)前端實現(xiàn)45實現(xiàn)的功能455.1.2性能要求455.1.3詳細設計465.1.3運行結果展示50系統(tǒng)后臺實現(xiàn)56實現(xiàn)的功能565.2.2性能要求575.2.3詳細設計575.2.4運行結果展示60本章小結646總結與展望65項目總結656.1.1開發(fā)中的問題65項目展望656.2.1項目創(chuàng)新點656.2.2項目展望65參考文獻67致謝68譯文與原文69前言本章分別從課題研究背景、課題研究現(xiàn)狀、課題研究目標以與課題研究內(nèi)容概述性地闡述本課題的產(chǎn)生背景以與要研究和實現(xiàn)的系統(tǒng)概況，為以后章節(jié)的描述做一個概括性的鋪墊。1.1課題研究背景隨著科技的開展,智能手機越來越普與，如今，智能手機已經(jīng)穩(wěn)穩(wěn)地躋身于手機主流市場。然而不管是什么樣的智能機，幾乎每部手機都有一個必備的軟件——微信，一款由騰訊公司繼QQ之后推出的又一即時跨平臺通訊工具。2011年1月騰訊公司推出微信1.0測試版本，該版本僅有簡單的聊天、分享照片、修改個人資料等功能。隨后，在兩個月時間內(nèi)發(fā)布了1.1、1.2和1.3三個測試版本，用戶數(shù)也增長到五百萬左右。截至2012年3月，微信注冊用戶數(shù)已經(jīng)超過1億；2012年9月，突破2億；2013年1月，突破3億；2013年第四季度，月活躍用戶數(shù)已經(jīng)達到3.55億。目前，微信已在全球200多個國家和地區(qū)擁有大批用戶，國內(nèi)外月活躍用戶超過2.7億。微信公眾賬號截至目前已經(jīng)增長到200多萬個，并且每天有8000多個新的公眾賬號誕生，信息交互[1]超過億次。迄今為止微信已成為增速最快的手機應用，也是增速最快的互聯(lián)網(wǎng)服務[2]。在短短兩年多的時間里，微信已成為最熱門的信息傳播平臺和大批手機用戶的生活方式，開創(chuàng)了移動互聯(lián)網(wǎng)傳播的新時代。隨著微信的快速開展，騰訊又推出了基于微信關注的應用，其便捷性和廣闊的用戶群體使得基于微信關注的應用快速開展，各大企業(yè)都紛紛推出自己的微信公眾平臺，其中微信公眾平臺可以分為三類，下面將分別進展闡述。訂閱號適用于個人和組織，為媒體和個人提供一種新的信息傳播方式，構建與讀者之間更好的溝通與管理模式。服務號適用于企業(yè)和組織，給企業(yè)和組織提供更強大的業(yè)務服務與用戶管理能力，幫助企業(yè)快速實現(xiàn)全新的公眾號服務平臺。企業(yè)號適用于企業(yè)，幫助企業(yè)和組織內(nèi)部建立員工、上下游合作伙伴與企業(yè)IT系統(tǒng)間的連接。微信龐大的用戶群，使得基于微信關注的應用推廣非常方便，不僅如此，基于微信的應用省去了傳統(tǒng)app開發(fā)維護本錢高，推廣麻煩等一系列缺點，用戶只需掃描關注即可使用各種功能。因此，開發(fā)基于微信關注的客戶服務系統(tǒng)是大勢所趨。本系統(tǒng)致力于為客戶提供最方便最實用的生活工具，將客戶和公司兩個角色恰當?shù)娜诤系揭粋€系統(tǒng)中，在為客戶帶來方便的同時，對公司運營效率也有顯著的提升，角色別離的設計使得公司員工各盡所能、各司其職。本文所述基于微信關注的客戶服務系統(tǒng)由前端和后臺管理系統(tǒng)組成，其中前端功能有用戶瀏覽產(chǎn)品，登錄注冊，查看公司新聞動態(tài)、產(chǎn)品相冊、客戶案例，在線下單，預定樣品，查看管理自己的訂單等等，上述功能只有在用戶關注公眾平臺后才可使用，用戶只需首次關注綁定即可，省去了每次輸入用戶名密碼的繁瑣。后臺管理系統(tǒng)有客戶管理、角色管理、產(chǎn)品管理、訂單管理、文章管理、樣品管理、樣品訂單管理、咨詢反應管理等功能，其中產(chǎn)品管理下有產(chǎn)品分類和產(chǎn)品兩個欄目，文章管理下有文章分類和文章兩個欄目。角色即擁有不同權限的管理員，超級管理員有全部的操作權限，在角色管理一欄中，可以為角色分配不同的權限，系統(tǒng)根據(jù)角色權限顯示相應的菜單，從而實現(xiàn)角色的別離。 在本章中，從課題研究背景、課題研究現(xiàn)狀、課題研究目標以與課題研究內(nèi)容較簡要的闡述了本課題所設計和實現(xiàn)的系統(tǒng)。其中從課題研究背景和現(xiàn)狀較生動的描述本課題所研究系統(tǒng)的外在條件。課題研究目標和研究內(nèi)容描述了本系統(tǒng)的內(nèi)在必要性和系統(tǒng)所具備的根本功能，方便于以后章節(jié)的描述。2相關技術介紹本章介紹系統(tǒng)開發(fā)的主要工具和技術，包括thinkPHP、bootstrap等主流框架與zendstudio開發(fā)環(huán)境和PHP、jquery，JavaScript等語言，還有系統(tǒng)對軟件、硬件的相關要求。2.1開發(fā)工具簡介2.1.1網(wǎng)頁開發(fā)工具基于Web的可視化系統(tǒng)開發(fā)工具使開發(fā)者很方便的創(chuàng)建動態(tài)的Web應用程序。系統(tǒng)將采用Dreamweaver進展頁面的開發(fā)，它是用來快速創(chuàng)建數(shù)據(jù)驅(qū)動Web應用程序的開發(fā)環(huán)境。同時采用Photoshop制作相關圖片進展美工。頁面上使用的相關技術包括：Html，thinkPHP標簽，Javascript，JQuery等。2.1.2系統(tǒng)開發(fā)工具使用zendstudio進展系統(tǒng)框架的搭建和系統(tǒng)功能的實現(xiàn)。應用部署服務器采用Apache?？蚣懿捎媚壳白盍餍泻啙嵉膖hinkPHP框架。數(shù)據(jù)庫采用小型的關系型數(shù)據(jù)庫MySQL，數(shù)據(jù)庫工具采用phpMyAdmin。phpMyAdmin是一個以PHP為根底，基于Web方式架構在主機上的MySQL的數(shù)據(jù)庫管理工具，管理者可通過Web接口管理MySQL數(shù)據(jù)庫。Web接口可以提供一個簡易方式輸入繁雜的SQL語法，尤其方便處理大量資料的導入與導出。建模工具采用OfficeVisio2007，Visio是微軟公司出品的一款用于方便IT和商務專業(yè)人士對于較復雜信息，流程和系統(tǒng)的分析交流軟件。使用該軟件可以方便簡單的進展業(yè)務流程圖，數(shù)據(jù)流圖，ER圖，用例圖等的繪制，使得開發(fā)效率得到顯著的提升。2.2關鍵技術介紹2.2.1PHPPHP〔超文本預處理器〕是一種通用開源腳本語言。語法吸收了C語言、Java和Perl等語言的特點，非常利于初學者學習，使用非常廣泛，主要用于Web開發(fā)，服務器腳本程序的編寫等。PHP獨特的語法混合了C、Java、Perl以與PHP自創(chuàng)的語法，它可以比其他腳本語言更快速地執(zhí)行動態(tài)網(wǎng)頁。使用PHP語言編寫的動態(tài)頁面與其他的編程語言相比，PHP是將程序嵌入到HTML〔標準通用標記語言下的一個應用〕文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標記的CGI要高許多；編譯后的代碼PHP也可以執(zhí)行，通過預編譯，可以達到加密和優(yōu)化代碼運行，使代碼運行更快。2.2.2JqueryJquery是一個優(yōu)秀的Javascript庫。雖然它屬于輕量級的js庫，但兼容CSS3，還兼容各種瀏覽器〔IE6.0+,FF1.5+,Safari2.0+,Opera9.0+〕，jQuery2.0與后續(xù)版本不再支持IE6/7/8瀏覽器。jQuery使開發(fā)者能更方便地處理HTML、events、實現(xiàn)動畫效果，并且對AJAX交互方式進展了很好的封裝，開發(fā)者可以很方便的調(diào)用。jQuery另外一個比擬大的優(yōu)勢是，它的說明文檔很全很詳細，而且各種應用也有相應demo，同時還有許多成熟的插件可供選擇。jQuery還能夠使用戶的html頁面代碼和html內(nèi)容別離，也就是說，不用需要在html里面插入一些復雜的js來調(diào)用命令了，只需要定義id或class即可。2.2.3JavaScriptJavaScript也被稱為ECMAScript，是常用web瀏覽器的一局部，實現(xiàn)了客戶端腳本和用戶之間的交互。用戶可以通過JavaScript控制瀏覽器，與服務器進展異步通訊，還可以改變顯示的文檔內(nèi)容。JavaScript盡管一些命名，句法和標準庫相似，但它和Java是無關的，在語義上有很大的差異。它的解釋器被稱為JavaScript引擎，屬于瀏覽器的一局部，JavaScript作為廣泛用于客戶端的腳本語言，最早是在HTML網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)和一些特效功能。2.2.4ThinkPHP架構ThinkPHP是一個快速、兼容而且簡單的輕量級國產(chǎn)PHP開發(fā)框架，作為一個整體開發(fā)解決方案，ThinkPHP能夠解決應用開發(fā)中的大多數(shù)需要，因為其自身包含了兼容處理、基類庫、數(shù)據(jù)庫訪問層、模板引擎、緩存機制、插件機制、角色認證、底層架構、表單處理等常用的組件，并且對于跨版本、跨平臺和跨數(shù)據(jù)庫移植都非常方便。2.2.5bootstrap架構Bootstrap，來自Twitter，是目前最受歡迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的，它簡潔靈活，使得Web開發(fā)更加快捷。它由Twitter的設計師MarkOtto和JacobThornton合作開發(fā)，是一個CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)X，即它是由動態(tài)CSS語言Less編寫而成。2.2.6MVC設計模式MVC全名是ModelViewController，是模型(model)－視圖(view)－控制器(controller)的縮寫，是實現(xiàn)用戶界面的一種軟件架構模式。[3]。它將一個給定的應用軟件分為三個相互關聯(lián)的局部，以獨立的內(nèi)部信息表示信息的展示或承受用戶的方法。按照把業(yè)務邏輯、數(shù)據(jù)、界面顯示進展別離的方法組織代碼，將業(yè)務邏輯聚集到controller里面，在改良和個性化定制界面與用戶交互的同時，不需要重新編寫業(yè)務邏輯的代碼。MVC設計模式廣泛用于用于映射傳統(tǒng)的輸入、處理和輸出功能在一個邏輯[4]的圖形化用戶界面的結構中。2.3軟件/硬件要求2.3.1軟件要求軟件要求即系統(tǒng)運行所必需的軟件支持，主要有數(shù)據(jù)庫、開發(fā)工具、服務器、和開發(fā)語言四個方面。其中數(shù)據(jù)庫采用MySQL，開發(fā)工具采用Zendstudio，服務器采用Apache2.4.9，PHP版本為PHP5.4.40。2.3.2硬件要求硬件要求即系統(tǒng)運行所必需的硬件環(huán)境，主要有處理器、內(nèi)存、磁盤等方面。CPU為頻率1GHz以上的32位(x86)或64位(x64)處理器。內(nèi)存要求為512MB內(nèi)存〔建議使用1G或以上內(nèi)存〕。硬盤空間要求有效硬盤空間1G或以上。2.4本章小結本章主要介紹了系統(tǒng)開發(fā)的主要工具和技術，包括thinkPHP、bootstrap等主流框架與zendstudio開發(fā)環(huán)境和PHP、jquery，JavaScript等語言，此外還對系統(tǒng)運行所必需的硬件和軟件要求也進展了詳細說明，為后面系統(tǒng)的開發(fā)實現(xiàn)打下了較好的根底。3需求分析本章節(jié)主要進展系統(tǒng)進展需求分析，將從業(yè)務流程、前端、后臺、交互幾個方面進展需求的詳細分析。首先將對整個業(yè)務流程進展梳理，對于每一個需求都畫出用例圖，以便更好的分析需求。本文所述基于微信關注的客戶服務系統(tǒng)前端主要實現(xiàn)客戶注冊登錄綁定賬號、在線下單、產(chǎn)品展示、案例展示、新聞展示、樣品預定、訂單查看等功能。后臺實現(xiàn)了角色管理、客戶管理、商品管理、新聞管理、訂單管理、咨詢管理等功能。客戶關注微信公眾平臺后方可使用以上功能，當用戶購置過產(chǎn)品后就可預定樣品。圖3-1系統(tǒng)功能概述分析圖圖3-1描述了本文所述基于微信關注的客戶服務系統(tǒng)的主要功能。其中用戶可以注冊登錄、瀏覽商品、在線下單、查看訂單。管理員可以管理訂單、管理產(chǎn)品、分配角色等。3.2.1首頁展示首頁是整個系統(tǒng)前端的入口，用戶可以通過微信公眾平臺底部菜單和應用菜單導航欄進入首頁。首頁展示采用比擬舒適的天藍漸變色，使人看上去比擬舒服。首頁展示內(nèi)容有關于我們、產(chǎn)品服務、新聞資訊、產(chǎn)品列表、產(chǎn)品相冊、樣品列表、客戶案例、關注我們、聯(lián)系我們九大板塊組成，點擊每個版塊即可進入相應版塊。圖3-2首頁展示用例圖圖3-2描述了首頁展示的內(nèi)容：關于我們、產(chǎn)品服務、新聞資訊、產(chǎn)品列表、產(chǎn)品相冊、樣品列表、客戶案例、關注我們、聯(lián)系我們。用戶進入首頁有兩種途徑：微信公眾平臺底部菜單、導航欄。3.2.2商品列表商品列表頁展示最新十條商品，用戶可通過微信公眾號菜單和首頁進入商品列表頁面，商品列表頁面可以通過商品分類進展商品的篩選。每個商品展示預覽圖片，標題，規(guī)格，詳細描述等信息，用戶可選擇在線下單進展購置商品。圖3-3產(chǎn)品列表展示用例圖圖3-3描述了產(chǎn)品列表頁的功能，每個產(chǎn)品展示預覽圖片，標題，規(guī)格，詳細描述等信息，用戶可選擇在線下單進展購置商品。3.2.3樣品列表樣品列表頁展示最新十條樣品，用戶可通過微信公眾號菜單和首頁進入樣品品列表頁面，樣品列表頁面可以通過樣品分類進展樣品的篩選。每個樣品展示圖片，標題，規(guī)格，特性等信息，當客戶已經(jīng)購置過商品的話便可以預定樣品，否如此預定樣品按鈕不可用。圖3-4樣品列表展示用例圖圖3-4描述了樣品列表頁的主要功能，每個樣品展示預覽圖片，標題，規(guī)格，詳細描述等信息，已經(jīng)購置過產(chǎn)品的用戶可選擇在線下單進展購置商品。產(chǎn)品相冊列表展示最新產(chǎn)品的高清圖冊，用戶可以通過微信公眾平臺底部菜單和首頁進入產(chǎn)品相冊列表頁。產(chǎn)品相冊采用精美的圓角相冊展示，用戶點擊后可查看高清大圖，也可左右切換，方便瀏覽。圖3-5產(chǎn)品相冊列表展示用例圖圖3-5描述了產(chǎn)品相冊根本功能，每個預覽圖片點擊后可瀏覽高清大圖，也可左右滑動查看。產(chǎn)品服務列表展示公司服務內(nèi)容與X圍，用戶可以通過微信公眾平臺底部菜單和首頁進入產(chǎn)品服務列表頁。該列表頁還展示比擬固定項目的報價單，使客戶一目了然。圖3-6產(chǎn)品服務列表展示用例圖圖3-6描述了服務列表的根本功能，每個服務項目點擊后可瀏覽詳細介紹，也可查看整個報價單。案例展示列表頁展示公司經(jīng)典案例，用戶可以通過微信公眾平臺底部菜單和首頁進入該頁。該頁詳細介紹案例，并提供地址查看，使得客戶更直觀的了解公司信息和實力。圖3-7產(chǎn)品服務列表展示用例圖圖3-7描述了案例列表頁根本功能，每個案例項目點擊后可瀏覽詳細介紹，也可查看詳細成果。新聞資訊列表頁展示最新業(yè)內(nèi)咨詢，產(chǎn)品最新優(yōu)惠等，用戶可以通過微信公眾平臺底部菜單和首頁進入該頁。新聞資訊可以通過分類進展篩選，客戶也可以發(fā)表自己的看法進展評論。圖3-8產(chǎn)品服務列表展示用例圖圖3-8描述了新聞資訊頁的根本功能，每條信息點擊后可瀏覽詳細內(nèi)容，也可按類別篩選，評論。用戶咨詢反應頁給用戶提供反應機制，用戶可將自己建議反應給公司。用戶可以通過微信公眾平臺底部菜單和首頁進入該頁。圖3-9產(chǎn)品服務列表展示用例圖圖3-9描述了咨詢反應頁的根本功能，進入該頁后用戶可以反應信息給管理員，當標題、內(nèi)容、聯(lián)系方式填寫正確后才能提交。當用戶首次進入應用進展購置商品或查看訂單時會自動轉(zhuǎn)向登錄頁面，由于用戶每次進入應用時會隨身攜帶唯一的openid標識，所以用戶首次登錄后以后可以不用登錄，便可使用各項功能。圖3-10用戶登陸用例分析圖圖3-10描述了用戶登錄的流程：輸入用戶名和密碼，驗證通過后即可登錄成功進入功能頁面，否如此提示相應的錯誤，重新輸入登錄。在產(chǎn)品列表頁用戶可以在線下單，用戶可以通過微信公眾平臺底部菜單和首頁進入商品列表頁進展在線下單。圖3-11用戶在線下單用例分析圖圖3-11描述了用戶在線下單的流程：選擇商品，填寫相關信息，填寫錯誤如此提示重填，否如此提交訂單并提示繼續(xù)下單還是查看訂單，根據(jù)選擇跳轉(zhuǎn)到商品列表頁或訂單中心。用戶可以通過微信公眾平臺底部菜單查看訂單信息，對于未發(fā)貨的訂單可以取消，已發(fā)貨的訂單可以查看物流信息。其中訂單信息以未支付，待發(fā)貨，待收貨狀態(tài)進展篩選。圖3-12用戶查看訂單用例分析圖圖3-12描述了用戶查看訂單的流程：訂單分為三種：未支付訂單、未發(fā)貨訂單、已發(fā)貨訂單和已完成訂單，對于未支付的訂單用戶可選擇繼續(xù)支付貨取消訂單。對于未發(fā)貨訂單用戶可選擇取消訂單。對于已發(fā)貨訂單用戶可查看訂單物流信息。對于已完成訂單用戶可評價。系統(tǒng)管理員和系統(tǒng)角色首次訪問后臺是會自動轉(zhuǎn)向登錄頁面，登錄成功后根據(jù)角色權限顯示相應的菜單。登錄之后也可注銷賬號退出登錄。圖3-13管理員登錄用例分析圖圖3-13描述了用戶登錄的流程：輸入用戶名和密碼，驗證通過后即可登錄成功進入功能頁面，否如此提示相應的錯誤，重新輸入登錄。系統(tǒng)管理員和有用戶管理權限的角色登錄后臺后可以查看、編輯、添加、刪除、鎖定注冊用戶。圖3-14管理員登錄用例分析圖圖3-14描述了管理員管理用戶的流程：管理員可以添加、編輯、搜索、查看、刪除用戶。角色就是具有不同權限的系統(tǒng)管理員，超級管理員可以創(chuàng)建角色并分配相應的權限，登錄后臺時根據(jù)相應的角色權限展示功能菜單，有角色管理權限的角色也可以添加、編輯系統(tǒng)角色。圖3-15管理員管理角色用例分析圖圖3-15描述了管理員管理角色的流程：管理員可以添加、編輯、搜索、查看、刪除角色。產(chǎn)品管理分為產(chǎn)品分類管理和商品管理，有產(chǎn)品管理權限的角色可以添加、編輯、刪除產(chǎn)品與其分類。圖3-16管理員管理產(chǎn)品用例分析圖圖3-16描述了管理員管理產(chǎn)品的流程：管理員可以添加、編輯、搜索、查看、刪除產(chǎn)品與其分類。新聞管理包含新聞分類和新聞管理。有新聞管理權限的角色可以添加、編輯、刪除新聞與其分類。圖3-17管理員管理新聞用例分析圖圖3-17描述了管理員管理新聞的流程：管理員可以添加，編輯，搜索，查看，刪除新聞與其分類。訂單管理包含訂單的搜索，按狀態(tài)篩選，訂單批量導出打印，訂單編輯，查看等功能。有訂單管理權限的角色可以編輯、打印訂單。圖3-18管理員管理訂單用例分析圖圖3-18描述了管理員管理訂單的流程：管理員可新增訂單、產(chǎn)看訂單、查詢訂單、刪除訂單、編輯修改訂單、跟蹤訂單產(chǎn)看訂單物流信息。該功能可查看，編輯客戶的咨詢反應信息。有該權限的角色可以管理用戶反應咨詢信息。圖3-19管理員管理咨詢反應例分析圖圖3-19描述了管理員管理咨詢反應信息的流程：管理員查看、編輯修改咨詢反應信息?？蛻舳送ㄟ^發(fā)送請求跟服務器進展異步交互，服務器收到請求后返回相應的內(nèi)容到客戶端，客戶端獲取內(nèi)容后展示在頁面上。圖3-20客戶端與服務器的交互分析圖圖3-20描述了客戶端與服務器交互的分析圖，客戶端向服務器發(fā)送請求，服務器根據(jù)請求內(nèi)容返回相應的內(nèi)容并展現(xiàn)給用戶。微信服務器與系統(tǒng)的交互微信公眾平臺開發(fā)接口[5]提供與用戶進展消息交互、自定義菜單交互的能力。對于成功接入公眾平臺開發(fā)接口的公眾賬號，當用戶發(fā)消息給公眾號，微信公眾平臺服務器會使用請求對接入的網(wǎng)址進展消息推送，第三方服務器可通過響應包回復特定結構[6]，從而達到回復消息的目的。圖3-21微信公眾平臺與系統(tǒng)程序的交互分析圖圖3-21描述了微信公眾平臺與系統(tǒng)交互的分析圖，首先在微信公眾平臺后臺填寫向本系統(tǒng)發(fā)送請求的地址，微信服務器會發(fā)送一個驗證請求，驗證通過后就可以啟用該配置，以后每次用戶在公眾平臺有動作時，微信服務器會將相應的請求發(fā)送到填寫的地址，系統(tǒng)接收到請求后返回相應的內(nèi)容給微信服務器，微信服務器接收到請求后檢查無誤后推送給用戶展示在微信公眾平臺。本章主要對項目課題進展了需求分析，根據(jù)業(yè)務流程的步驟和功能將系統(tǒng)劃分為前端和后臺兩個模塊：其中前端模塊通過產(chǎn)品、新聞資訊、在線下單、反應咨詢等方面介紹需求。后臺模塊通過角色管理、用戶管理、訂單管理、商品管理、新聞管理、咨詢管理等方面闡述了具體需求。4系統(tǒng)設計本章主要是在第三章需求分析的根底上，對系統(tǒng)進展詳細的模塊劃分，并詳細闡述每一個模塊的功能，與其具體實現(xiàn)。同時對系統(tǒng)的數(shù)據(jù)庫進展設計，定義系統(tǒng)所需要使用的表。ER圖設計整個系統(tǒng)中實體之間的聯(lián)系比擬復雜，為了能夠清晰簡潔的闡述清楚各個實體之間的聯(lián)系，采用ER圖〔實體-聯(lián)系圖〕來表示他們之間的聯(lián)系。在設計時，主要從系統(tǒng)整體和主要模塊方面進展ER圖的設計。圖4-1系統(tǒng)E-R圖圖4-1描述了系統(tǒng)E-R圖，主要對象有商品，角色，文章〔新聞〕，用戶，角色。其中，每個角色可以添加多個商品，訂單，文章，每個用戶可以有多個訂單，多條咨詢反應，每篇文章有多個評論，每個用戶有多個評論，每個訂單中可以有多個商品。系統(tǒng)一共包括10X表，其中表前綴為wx_,用于方便識別屬于微信數(shù)據(jù)庫?，F(xiàn)各表分別介紹如下：wx_article文章新聞表：主要用于保存發(fā)表的新聞文章信息。表4-1文章新聞表中文名字段名類型主鍵外鍵null默認值文章IDidbigint〔20〕√×文章標題namevarchar2〔200〕×文章分類classifyidint〔20〕√×文章內(nèi)容contentText(10000)×預覽圖previewvarchar2〔200〕×發(fā)布時間createdatedatetime表4-1描述了文章新聞數(shù)據(jù)表，該表存儲了管理員發(fā)布的一些文章，包括新聞、活動等信息其中文章分類字段classifyid為外鍵，對應于文章分類表的id。wx_article_classify文章新聞分類表：主要用于保存新聞文章分類信息。表4-2文章新聞分類表中文名字段名類型主鍵外鍵null默認值文章分類IDidbigint〔20〕√×文章分類名稱namevarchar2〔200〕×添加時間createdatedatetime表4-2描述了文章新聞分類數(shù)據(jù)表，該表存儲了文章分類信息。主鍵id是每條字段的唯一標識符，文章表可以引用該id，從而確定文章分類信息。wx_article_ment文章新聞評論表：主要用于保存新聞文章評論信息。表4-3文章新聞評論表中文名字段名類型主鍵外鍵null默認值文章評論IDidbigint〔20〕√×文章IDarticleidbigint〔20〕√×文章評論標題nameVarchar2〔200〕×文章評論內(nèi)容contentText(10000)×Emailvarchar2〔200〕×評論時間createdatedatetime表4-3描述了文章新聞評論數(shù)據(jù)表，該表存儲了文章評論信息。主鍵id是每條字段的唯一標識符，外鍵articleid對應相應的文章，從而確定文章評論信息。wx_consult咨詢反應表：主要用于保存用戶咨詢反應信息。表4-4咨詢反應表中文名字段名類型主鍵外鍵null默認值咨詢IDidbigint〔20〕√×標題nameVarchar2〔200〕×內(nèi)容contentText(10000)×Emailvarchar2〔200〕×發(fā)布時間createdatedatetime表4-4描述了用戶咨詢反應數(shù)據(jù)表，該表存儲了用戶咨詢反應信息。主鍵id是每條字段的唯一標識符，保存內(nèi)容有標題、內(nèi)容、聯(lián)系方式、反應時間。wx_order訂單表：主要用于保存用戶提交的訂單信息。表4-5訂單表中文名字段名類型主鍵外鍵null默認值訂單IDidbigint〔20〕√×用戶IDuseridbigint〔20〕√×聯(lián)系人nameVarchar2〔200〕×手機phoneVarchar2(11)×地址addressvarchar2〔500〕×商品idproductidBigint(20)√商品名稱productnameVarchar2(100)支付方式paywayInt(5)商品數(shù)量AmountInt(5)訂單總價PriceFloat(15)商品單價SinglepriceFlaot(10)訂單狀態(tài)StatusInt(5)快遞公司expresspanyVarchar(20)快遞單號ExpressnoVarchar(24)預覽圖PreviewVarchar2(100)狀態(tài)改變時間Changedatedatetime下單時間createdatedatetime表4-5描述了訂單數(shù)據(jù)表，該表存儲了訂單信息。主鍵id是每條字段的唯一標識符，外鍵productid對應相應的產(chǎn)品，從而確定訂單產(chǎn)品，userid也是外鍵，對應用戶id，從而確定訂單用戶，此外保存了訂單的一些根本信息，入聯(lián)系人、聯(lián)系方式、價格、數(shù)量、地址等等。wx_product產(chǎn)品表：主要用于保存產(chǎn)品信息。表4-6產(chǎn)品信息表中文名字段名類型主鍵外鍵null默認值產(chǎn)品IDidbigint〔20〕√×產(chǎn)品分類idclassifybigint〔20〕√×產(chǎn)品標題namevarchar(100)×產(chǎn)品描述describetext〔20000〕×預覽圖PreviewVarchar2(50)產(chǎn)品價格PriceFloat(10)庫存數(shù)量AmountFloat(10)添加時間createdatedatetime表4-6描述了產(chǎn)品數(shù)據(jù)表，該表存儲了產(chǎn)品信息。主鍵id是每條字段的唯一標識符，外鍵classifyid對應相應的產(chǎn)品分類，從而確定產(chǎn)品分類信息。此外該表還存儲了產(chǎn)品的一些根本信息，如標題、描述、預覽圖片、價格、數(shù)量等等。wx_product_classify產(chǎn)品分類表：主要用于保存產(chǎn)品分類信息。表4-7產(chǎn)品分類表中文名字段名類型主鍵外鍵null默認值產(chǎn)品分類IDidbigint〔20〕√×標題nameVarchar2〔200〕×發(fā)布時間createdatedatetime表4-7描述了產(chǎn)品分類數(shù)據(jù)表，該表存儲了產(chǎn)品分類信息。主鍵id是每條字段的唯一標識符，產(chǎn)品表應用該id，而確定產(chǎn)品分類信息。wx_role角色表：主要用于保存管理角色信息。表4-8系統(tǒng)角色表中文名字段名類型主鍵外鍵null默認值角色IDidbigint〔20〕√×角色名nameVarchar2〔200〕×登錄后臺密碼passwordVarchar2(100)×狀態(tài)statusint〔5〕×權限authorityVarchar2(100)上次登錄時間logindateDatetime創(chuàng)建時間createdatedatetime表4-8描述了系統(tǒng)角色數(shù)據(jù)表，該表存儲了系統(tǒng)角色相關信息。主鍵id是每條字段的唯一標識符，此外還有角色名稱和密碼用于登錄后臺，狀態(tài)表示該角色可用與否，還有角色最后一次登錄時間，權限等，擁有角色管理權限的管理員可以編輯這些信息。wx_user用戶表：主要用于保存用戶信息。表4-9系統(tǒng)用戶表中文名字段名類型主鍵外鍵null默認值用戶IDidbigint〔20〕√×用戶名usernameVarchar2〔200〕×登錄密碼passwordVarchar2(100)×狀態(tài)statusint〔5〕×opeinidopenidVarchar2(100)EmailVarchar2(50)年齡AgeInt(5)性別GenderInt(5)住址AddressVarchar2(300)上次登錄時間logindateDatetime注冊時間createdatedatetime表4-9描述了用戶數(shù)據(jù)表，該表存儲了用戶相關信息。主鍵id是每條字段的唯一標識符，此外還有用戶名稱和密碼用于登錄，狀態(tài)表示該角色可用與否，還有角色最后一次登錄時間，權限、、性別、年齡、住址等等，擁有用戶管理權限的管理員可以編輯這些信息。視圖層(view)InternetExplorer、chrome、Firefox、safari、移動端瀏覽器控制層(control)訂單管理產(chǎn)品管理文章管理角色管理樣品管理用戶管理咨詢反應模型層(model)數(shù)據(jù)庫圖4-1系統(tǒng)分層圖〔1〕視圖層(view)：用來與用戶交互，并把來自系統(tǒng)的信息顯示給客戶?！?〕控制層(control)：這一層處理應用的核心業(yè)務邏輯。〔3〕模型層(model)：這一層處理數(shù)據(jù)庫信息，按照實體類型建模。4.2.1模型層設計〔model〕在MVC的三個部件中，模型擁有最多的處理任務。例如它可能用像Es和ColdFusionponents這樣的構件對象來處理數(shù)據(jù)庫，被模型返回的數(shù)據(jù)是中立的，就是說模型與數(shù)據(jù)格式無關，這樣一個模型能為多個視圖提供數(shù)據(jù)，由于應用于模型的代碼只需寫一次就可以被多個視圖重用，所以減少了代碼的重復性。本文描述系統(tǒng)將每一個實體抽象成一個model對象，實體屬性對應對象的屬性，對實體的操作對應對象的方法，除此之外將所有實體的共性操作抽象出來放到根底對象中，其他對象均繼承自此對象，下面重點講述系統(tǒng)的幾個重要模型。〔1〕根底模型Model該模型封裝了所有根底操作，包括數(shù)據(jù)庫的連接，對數(shù)據(jù)庫表根本的增刪改查操作，此外該類還實現(xiàn)了對數(shù)據(jù)的安全過濾和緩存機制。〔2〕文章新聞模型ArticleModel該模型繼承自Model模型，此外還定義了屬于自己的屬性：id、name、classify、preview、content、createDate。〔3〕訂單模型OrderModel該模型繼承自Model模型，此外還定義了屬于自己的屬性：'id','userid','name','mobile','address','productid','productname','payway','status','amount','price','singleprice','expresspany','expressno','preview','changeDate','createDate'?！?〕產(chǎn)品模型ProductModel該模型繼承自Model模型，此外還定義了屬于自己的屬性：'id','classify','name','describe','preview','price','amount','createDate'?！?〕用戶模型UserModel該模型繼承自Model模型，此外還定義了屬于自己的屬性：'id','username','password','openid','email','age','gender','address','createDate'。4.2.2視圖層設計〔view〕視圖是用戶看到并與之交互的界面。對老式的Web應用程序來說，視圖就是由HTML元素組成的界面，在新式的Web應用程序中，HTML依舊在視圖中扮演著重要的角色，但一些新的技術已層出不窮，它們包括AdobeFlash和像XHTML，XML/XSL,WML等一些標識語言和Webservices.本文描述系統(tǒng)將每一個視圖對應一個HTML模版頁面，model層的數(shù)據(jù)經(jīng)過control層運算后傳到視圖層，由視圖負責渲染模版展示出來。下面重點講述系統(tǒng)的幾個重要視圖。(1)文章新聞視圖ArticleView該視圖下包含index、add、edit視圖，分別用來展示、添加、編輯文章新聞。(2)訂單視圖OrderView該視圖下包含index、add、edit、expressinfo、send視圖，分別用來展示訂單、添加訂單、編輯訂單、查看物流信息、訂單發(fā)貨。(3)產(chǎn)品視圖ProductView該視圖下包含index、add、edit視圖，分別用來展示、添加、編輯產(chǎn)品。(5)用戶視圖UserView該視圖下包含index、add、edit、login、register視圖，分別用來展示、添加、編輯用戶和用戶的登錄注冊。4.2.3控制層設計〔control〕控制器承受用戶的輸入并調(diào)用模型和視圖去完成用戶的需求，所以當單擊Web頁面中的超和發(fā)送HTML表單時，控制器本身不輸出任何東西和做任何處理。它只是接收請求并決定調(diào)用哪個模型構件去處理請求，然后再確定用哪個視圖來顯示返回的數(shù)據(jù)。本文所描述的系統(tǒng)將每一個controler對應一個model，多個view。每個control都繼承自根底控制器Control，下面重點講述系統(tǒng)的幾個重要控制器?！?〕根底控制器Control該控制器實現(xiàn)了所有控制器的一些共性操作，包括模版渲染、數(shù)據(jù)處理、重定向、緩存操作等。〔2〕文章新聞控制器ArticleControl該控制器繼承自根底控制器Control，除此之外還有index、add、edit、save、delete操作，分別對應處理文章新聞視圖中的列表、添加、編輯、保存、刪除操作?！?〕訂單控制器OrderControl該控制器繼承自根底控制器Control，除此之外還有index、add、edit、save、delete操作，分別對應處理訂單視圖中的列表、添加、編輯、保存、刪除操作?！?〕產(chǎn)品控制器ProductControl該控制器繼承自根底控制器Control，除此之外還有index、add、edit、save、delete操作，分別對應處理產(chǎn)品視圖中的列表、添加、編輯、保存、刪除操作?！?〕用戶控制器UserControl該控制器繼承自根底控制器Control，除此之外還有index、add、edit、save、delete、login、singup操作，分別對應處理用戶視圖中的列表、添加、編輯、保存、刪除操作和用戶登錄、注冊。4.3系統(tǒng)模塊詳細設計基于微信關注的客戶服務系統(tǒng)基于微信關注的客戶服務系統(tǒng)訂單管理產(chǎn)品管理用戶管理角色管理文章管理咨詢管理樣品管理圖4-2系統(tǒng)模塊圖整個系統(tǒng)被劃分成七個子模塊，每個模塊的主要功能如下：〔1〕訂單管理模塊，包括訂單新增，訂單修改，訂單刪除，訂單查詢，訂單跟蹤，訂單篩選，訂單打印等功能。〔2〕產(chǎn)品管理模塊，包括產(chǎn)品與分類新增，產(chǎn)品與分類修改，產(chǎn)品與分類刪除，產(chǎn)品與分類查詢等功能。〔3〕用戶管理模塊，包括用戶的新增，用戶的查詢，用戶的編輯，用戶的刪除等功能?！?〕角色管理模塊，包括角色的查詢，角色的修改，角色的查看，角色權限的編輯，角色的新增等功能?！?〕樣品管理模塊，包括樣品的新增，樣品的修改，樣品查看，樣品刪除等功能?！?〕文章管理模塊，包括文章信息與其分類的新增、修改、刪除、查看等功能。〔7〕咨詢反應模塊，包括咨詢反應信息的修改、刪除、查看等功能。該模塊主要是針對產(chǎn)品與其分類的增刪改查。如如下圖4-3所示，該圖描述了產(chǎn)品管理模塊流程圖，該模塊實現(xiàn)產(chǎn)品的新增、修改、查詢、刪除操作。進入產(chǎn)品管理頁面后是所有產(chǎn)品的列表，點擊新增產(chǎn)品按鈕后進入新增產(chǎn)品頁面，在該頁面用戶需填寫產(chǎn)品標題，選擇產(chǎn)品分類，上傳產(chǎn)品預覽圖片，填寫產(chǎn)品價格、數(shù)量、規(guī)格、詳細描述等信息后點擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進展模糊匹配產(chǎn)品信息，將產(chǎn)品標題中包含該字符串的所有產(chǎn)品羅列出來展示在頁面，用戶可對搜索出來的產(chǎn)品進展編輯，刪除操作。圖4-3產(chǎn)品管理模塊流程圖在查詢出來的產(chǎn)品中選中相應的產(chǎn)品后可對其進展編輯和刪除。點擊編輯按鈕后進入編輯界面，此時所有產(chǎn)品信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應的信息后點擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點擊刪除按鈕后彈出確認刪除的提示框，用戶選擇確定后刪除相應產(chǎn)品，并刷新當前頁面，用戶選擇取消后關閉對話框，不做任何操作。在產(chǎn)品新增頁面，當用戶提交信息不符合規(guī)定時會提示錯誤信息，例如：產(chǎn)品標題須是6到20個漢字和英文字符串，可以是純漢字或英文，價格和數(shù)量字段強制填寫數(shù)字類型，上傳圖片可以是本地上傳或遠程圖片。產(chǎn)品描述是10到10000個字符的字符串。當信息全部填寫正確后才能提交到后臺，提交至后臺后對所有字段進展過濾，首先過內(nèi)容中包含的濾腳本標簽，即采用strip_tags函數(shù)進展過濾。產(chǎn)品分類信息的增刪改查：圖4-4產(chǎn)品分類管理模塊流程圖圖4-4描述了產(chǎn)品分類管理模塊流程圖，該模塊實現(xiàn)產(chǎn)品分類的新增、修改、查詢、刪除操作。進入產(chǎn)品分類管理頁面后是所有產(chǎn)品分類的列表，點擊新增產(chǎn)品分類按鈕后進入新增產(chǎn)品分類頁面，在該頁面用戶需填寫產(chǎn)品分類標題，備注等信息后點擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進展模糊匹配產(chǎn)品分類信息，將產(chǎn)品分類標題中包含該字符串的所有產(chǎn)品分類羅列出來展示在頁面，用戶可對搜索出來的產(chǎn)品分類進展編輯，刪除操作。在查詢出來的產(chǎn)品分類中選中相應的產(chǎn)品分類后可對其進展編輯和刪除。點擊編輯按鈕后進入編輯界面，此時所有產(chǎn)品分類信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應的信息后點擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點擊刪除按鈕后彈出確認刪除的提示框，用戶選擇確定后刪除相應產(chǎn)品分類，并刷新當前頁面，用戶選擇取消后關閉對話框，不做任何操作。在產(chǎn)品分類新增和編輯頁面對用戶輸入的信息進展檢查，產(chǎn)品分類標題為必填項，必須2到20個字符的漢字、英文組合或純漢字或英文。備注不是必填項，信息填寫正確后方可提交至后臺，提交至后臺后需要對每個字段值進展過濾，采用strip_tags函數(shù)過濾。該模塊主要是針對訂單的增刪改查。圖下4-5所示，該圖描述了訂單管理模塊流程圖，該模塊實現(xiàn)訂單的新增、修改、查詢、刪除操作。進入訂單管理頁面后是所有訂單的列表，點擊新增訂單按鈕后進入新增產(chǎn)品頁面，在該頁面用戶需選擇產(chǎn)品，填寫聯(lián)系人，填寫、數(shù)量、選擇付款方式、填寫用戶名等信息后點擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進展模糊匹配訂單信息，將產(chǎn)品標題、用戶名中包含該字符串的所有訂單羅列出來展示在頁面，用戶可對搜索出來的訂單進展編輯，刪除操作。圖4-5訂單管理模塊流程圖在查詢出來的訂單中選中相應的訂單后可對其進展編輯和刪除。點擊編輯按鈕后進入編輯界面，此時所有訂單信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應的信息后點擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點擊刪除按鈕后彈出確認刪除的提示框，用戶選擇確定后刪除相應訂單，并刷新當前頁面，用戶選擇取消后關閉對話框，不做任何操作。訂單狀態(tài)改變情況如如下圖所示。圖4-6訂單狀態(tài)改變流程圖圖4-6描述了訂單狀態(tài)改變流程圖，對于訂單，相關規(guī)如此為：用戶提交的訂單，如果是貨到付款，如此初始狀態(tài)為未發(fā)貨，管理員可選擇發(fā)貨，發(fā)貨時需填寫物流信息。如果是在線支付，假如用戶付款成功，如此該訂單狀態(tài)為未發(fā)貨。對于在線支付而又未支付的訂單，顯示修改價格按鈕，管理員可以修改此訂單的價格，用戶可以選擇支付。對于已發(fā)貨的訂單可以查看物流信息，物流信息采用第三方接口api，提供物流公司和快遞號即可查看。該模塊主要是針對文章與其分類的增刪改查。圖4-7文章管理模塊流程圖圖4-7描述了文章管理模塊流程圖，該模塊實現(xiàn)文章的新增、修改、查詢、刪除操作。進入文章管理頁面后是所有文章的列表，點擊新增文章按鈕后進入新增文章頁面，在該頁面用戶需填寫文章標題，選擇文章分類，上傳文章預覽圖片，填寫文章詳細內(nèi)容等信息后點擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進展模糊匹配文章信息，將文章標題中包含該字符串的所有文章羅列出來展示在頁面，用戶可對搜索出來的文章進展編輯，刪除操作。在查詢出來的文章中選中相應的文章后可對其進展編輯和刪除。點擊編輯按鈕后進入編輯界面，此時所有文章信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應的信息后點擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點擊刪除按鈕后彈出確認刪除的提示框，用戶選擇確定后刪除相應文章，并刷新當前頁面，用戶選擇取消后關閉對話框，不做任何操作。在文章新增頁面，當用戶提交信息不符合規(guī)定時會提示錯誤信息，例如：文章標題須是6到20個漢字和英文字符串，可以是純漢字或英文，價格和數(shù)量字段強制填寫數(shù)字類型，上傳圖片可以是本地上傳或遠程圖片。文章描述是10到10000個字符的字符串。當信息全部填寫正確后才能提交到后臺，提交至后臺后對所有字段進展過濾，首先過內(nèi)容中包含的濾腳本標簽，即采用strip_tags函數(shù)進展過濾。文章分類信息的增刪改查：如如下圖4-8所示，該圖描述了文章分類管理模塊流程圖，該模塊實現(xiàn)文章分類的新增、修改、查詢、刪除操作。進入文章分類管理頁面后是所有文章分類的列表，點擊新增文章分類按鈕后進入新增文章分類頁面，在該頁面用戶需填寫文章分類標題，備注等信息后點擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進展模糊匹配文章分類信息，將文章分類標題中包含該字符串的所有文章分類羅列出來展示在頁面，用戶可對搜索出來的文章分類進展編輯，刪除操作。在查詢出來的文章分類中選中相應的文章分類后可對其進展編輯和刪除。點擊編輯按鈕后進入編輯界面，此時所有文章分類信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應的信息后點擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點擊刪除按鈕后彈出確認刪除的提示框，用戶選擇確定后刪除相應文章分類，并刷新當前頁面，用戶選擇取消后關閉對話框，不做任何操作。在文章分類新增和編輯頁面對用戶輸入的信息進展檢查，文章分類標題為必填項，必須2到20個字符的漢字、英文組合或純漢字或英文。備注不是必填項，信息填寫正確后方可提交至后臺，提交至后臺后需要對每個字段值進展過濾，采用strip_tags函數(shù)過濾。圖4-8文章分類管理模塊流程圖該模塊主要是針對用戶的增刪改查。如如下圖4-9所示，該圖描述了用戶管理模塊流程圖，該模塊實現(xiàn)用戶的新增、修改、查詢、刪除操作。進入用戶管理頁面后是所有用戶的列表，點擊新增用戶按鈕后進入新增用戶頁面，在該頁面填寫用戶名，密碼，openid等信息后點擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進展模糊匹配用戶信息，將用戶名中包含該字符串的所有用戶羅列出來展示在頁面，管理員可對搜索出來的用戶進展編輯，刪除操作。在查詢出來的用戶中選中相應的用戶后可對其進展編輯和刪除。點擊編輯按鈕后進入編輯界面，此時所有用戶信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應的信息后點擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點擊刪除按鈕后彈出確認刪除的提示框，管理員選擇確定后刪除相應用戶，并刷新當前頁面，管理員選擇取消后關閉對話框，不做任何操作。圖4-9用戶管理模塊流程圖用戶狀態(tài)改變情況如如下圖4-10所示，該圖描述了用戶狀態(tài)改變流程圖，對于用戶，狀態(tài)有禁用和正常兩種，所有用戶管理員均可以將其刪除，對于禁用的用戶顯示激活按鈕，可以將其激活回到正常狀態(tài)。圖4-10用戶狀態(tài)改變流程圖該模塊主要是針對角色的增刪改查。如如下圖4-11所示，該圖描述了角色管理模塊流程圖，該模塊實現(xiàn)角色的新增、修改、查詢、刪除操作。進入角色管理頁面后是所有角色的列表，點擊新增角色按鈕后進入新增角色頁面，在該頁面填寫角色名，密碼，權限等信息后點擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。圖4-11角色管理模塊流程圖在搜索框中輸入信息，點擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進展模糊匹配角色信息，將角色名中包含該字符串的所有角色羅列出來展示在頁面，管理員可對搜索出來的角色進展編輯，刪除操作。在查詢出來的角色中選中相應的角色后可對其進展編輯和刪除。點擊編輯按鈕后進入編輯界面，此時所有角色信息都顯示出來，并且是處于可編輯狀態(tài)，角色編輯相應的信息后點擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點擊刪除按鈕后彈出確認刪除的提示框，管理員選擇確定后刪除相應角色，并刷新當前頁面，管理員選擇取消后關閉對話框，不做任何操作。圖4-12角色狀態(tài)改變流程圖圖4-12描述了角色狀態(tài)改變流程圖，對于角色，狀態(tài)有禁用和正常兩種，所有角色超級管理員均可以將其刪除，對于禁用的角色顯示激活按鈕，可以將其激活回到正常狀態(tài)。該模塊主要是針對用戶咨詢反應的刪改查。圖4-13咨詢反應管理模塊流程圖圖4-13描述了咨詢反應管理模塊流程圖，該模塊實現(xiàn)咨詢反應的修改、查詢、刪除操作。進入咨詢反應管理頁面后是所有咨詢反應的列表。在搜索框中輸入信息，點擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進展模糊匹配咨詢反應信息，將咨詢反應標題中和內(nèi)容中包含該字符串的所有咨詢反應羅列出來展示在頁面，用戶可對搜索出來的咨詢反應進展編輯，刪除操作。在查詢出來的咨詢反應中選中相應的咨詢反應后可對其進展編輯和刪除。點擊編輯按鈕后進入編輯界面，此時所有咨詢反應信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應的信息后點擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點擊刪除按鈕后彈出確認刪除的提示框，用戶選擇確定后刪除相應咨詢反應，并刷新當前頁面，用戶選擇取消后關閉對話框，不做任何操作。在咨詢反應新增頁面，當用戶提交信息不符合規(guī)定時會提示錯誤信息，例如：咨詢反應標題須是6到20個漢字和英文字符串，可以是純漢字或英文。咨詢反應描述是10到10000個字符的字符串。當信息全部填寫正確后才能提交到后臺，提交至后臺后對所有字段進展過濾，首先過內(nèi)容中包含的濾腳本標簽，即采用strip_tags函數(shù)進展過濾。4.4本章小結在本章中，對系統(tǒng)進展了詳細的設計，分別從系統(tǒng)數(shù)據(jù)庫設計，系統(tǒng)分層設計，系統(tǒng)模塊設計方面描述。在數(shù)據(jù)庫設計中，對整個ER圖進展了分析，還有對每個數(shù)據(jù)表進展了詳細的設計描述。在分層設計中，通過控制層、模型曾、視圖層進展了詳細的設計描述。系統(tǒng)模塊設計中，從訂單、產(chǎn)品、用戶、角色、樣品、文章、資訊七個方面進展了詳細的設計描述。5系統(tǒng)實現(xiàn)在本章中，將本課題實現(xiàn)的系統(tǒng)進展了詳細的實現(xiàn)，其中主要論述了系統(tǒng)實現(xiàn)的功能、性能需求、界面設計、數(shù)據(jù)交互設計和最后實現(xiàn)的效果截圖。其中在設計局部對各模塊分別畫了功能流程圖來進展一一分析，在實現(xiàn)局部，分為前端和后臺兩局部進展描述，在實現(xiàn)局部對重要代碼進展了詳細的介紹分析，并對代表性的運行效果進展截圖展示。用戶進入首頁看到的界面，顯示的內(nèi)容主要有九項：關于我們、產(chǎn)品服務、新聞資訊、產(chǎn)品列表、產(chǎn)品相冊、樣品列表、客戶案例、關注我們、聯(lián)系我們。關于我們：公司的一些根本信息的介紹。產(chǎn)品服務：主要服務項目的介紹與報價。新聞資訊：最新的新聞、活動信息等。產(chǎn)品列表：所有產(chǎn)品列表，顯示每個產(chǎn)品的標題、預覽圖、價格、規(guī)格、詳細介紹等信息。產(chǎn)品相冊：所有產(chǎn)品的縮略圖展示，點擊后顯示高清大圖，可以幻燈片滑動。樣品列表：展示所有樣品的根本信息，已購置過產(chǎn)品的用戶可以申請預定樣品?？蛻舭咐航?jīng)典客戶案例展示，包括案例的詳細介紹與成果查看。關注我們：顯示公司微博、fa