微信關(guān)注的客戶服務(wù)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

...wd......wd......wd...微信關(guān)注的客戶服務(wù)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)摘要微信，作為一款跨平臺(tái)即時(shí)聊天工具，在短短幾年的時(shí)間內(nèi)凝聚了大批用戶群體?，F(xiàn)如今，微信儼然已經(jīng)成人們的生活方式，因此，基于微信的應(yīng)用如雨后春筍般飛速而生。開發(fā)者或商家可以在微信公眾平臺(tái)上申請(qǐng)應(yīng)用賬號(hào)即微信公眾號(hào)，該帳號(hào)與QQ賬號(hào)是相通的，通過公眾號(hào)，商家可在微信平臺(tái)上實(shí)現(xiàn)和特定群體的文字、圖片、語音、視頻的全方位溝通、互動(dòng)，形成一種主流的線上線下微信互動(dòng)營銷方式。與傳統(tǒng)app相比，在客戶層面，基于微信關(guān)注的應(yīng)用方便很多，用戶不必下載安裝，只需關(guān)注即可方便使用各項(xiàng)功能。在商家公司層面，基于微信關(guān)注的應(yīng)用開發(fā)維護(hù)成本降低很多，安全性高，而且營銷推廣與傳統(tǒng)方式相比成本更低，更加便捷，商家公司可定期給用戶推送相關(guān)信息，還可與顧客進(jìn)展互動(dòng)，大大提高了用戶粘度。本文描述的基于微信關(guān)注的客戶服務(wù)系統(tǒng)在用戶層面分為兩類，客戶和系統(tǒng)管理員。其中在客戶層面實(shí)現(xiàn)了客戶瀏覽信息，在線下單，樣品搶先預(yù)定，互動(dòng)反響，隨時(shí)隨地查看訂單信息等功能?？蛻絷P(guān)注公眾平臺(tái)賬號(hào)后首次進(jìn)入應(yīng)用時(shí)可選擇與微信賬號(hào)進(jìn)展綁定，而后每次進(jìn)入應(yīng)用后不用再次登錄，即可使用相關(guān)功能。對(duì)于客戶，分為從未購置過產(chǎn)品和已經(jīng)購置過產(chǎn)品兩種，已經(jīng)購置過產(chǎn)品的用戶可享有預(yù)定樣品的權(quán)限，以后每次有新品發(fā)布時(shí)，該類客戶即可搶先預(yù)定。而從未購置過產(chǎn)品的用戶則沒有該權(quán)限。在管理員層面，管理員即使用本系統(tǒng)的商家公司可以隨時(shí)隨地查看運(yùn)營情況，商品管理，信息發(fā)布，數(shù)據(jù)統(tǒng)計(jì)，處理訂單等，還可以實(shí)現(xiàn)角色別離，所謂角色別離就是將系統(tǒng)管理員按不同的權(quán)限分為不同的角色。超級(jí)管理員、倉庫、銷售、運(yùn)營等不同角色各司其職，互不干擾，使效率成倍提高。關(guān)鍵詞：微信，微信公眾平臺(tái)，微信應(yīng)用，APP目錄摘要IABSTRACTII1前言11.1課題研究背景11.2課題研究現(xiàn)狀11.2.1訂閱號(hào)11.2.2服務(wù)號(hào)21.2.3企業(yè)號(hào)21.3課題研究目的21.4課題研究?jī)?nèi)容21.5本章小結(jié)32相關(guān)技術(shù)介紹42.1開發(fā)工具簡(jiǎn)介42.1.1網(wǎng)頁開發(fā)工具42.1.2系統(tǒng)開發(fā)工具42.1.3數(shù)據(jù)庫及其工具42.1.4建模工具42.2關(guān)鍵技術(shù)介紹52.2.1PHP52.2.2Jquery52.2.3JavaScript62.2.4ThinkPHP架構(gòu)62.2.5bootstrap架構(gòu)62.2.6MVC設(shè)計(jì)模式62.3軟件/硬件要求72.3.1軟件要求72.3.2硬件要求72.4本章小結(jié)73需求分析83.1業(yè)務(wù)流程概述83.2前端需求分析93.2.1首頁展示93.2.2商品列表93.2.3樣品列表103.2.4產(chǎn)品相冊(cè)列表113.2.5產(chǎn)品服務(wù)列表113.2.6案例展示列表123.2.7新聞資訊列表123.2.8用戶咨詢反響133.2.9用戶登錄133.2.10用戶在線下單143.2.11用戶訂單信息查看143.3后臺(tái)需求分析153.3.1管理員登錄注銷153.3.2注冊(cè)用戶管理163.3.3角色管理163.3.4產(chǎn)品管理173.3.5新聞管理183.3.6訂單管理183.3.7咨詢反響管理193.4交互的實(shí)現(xiàn)203.4.1客戶端與服務(wù)器的交互203.4.2微信服務(wù)器與系統(tǒng)的交互203.5本章小結(jié)214系統(tǒng)設(shè)計(jì)224.1系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)224.1.1ER圖設(shè)計(jì)224.1.2系統(tǒng)表設(shè)計(jì)234.2系統(tǒng)分層設(shè)計(jì)264.2.1模型層設(shè)計(jì)〔model〕274.2.2視圖層設(shè)計(jì)〔view〕274.2.3控制層設(shè)計(jì)〔control〕284.3系統(tǒng)模塊詳細(xì)設(shè)計(jì)294.3.1系統(tǒng)模塊基本設(shè)計(jì)294.3.2產(chǎn)品管理模塊304.3.3訂單管理模塊334.3.4文章管理模塊354.3.5用戶管理模塊384.3.6角色管理模塊404.3.7咨詢反響管理模塊424.4本章小結(jié)445系統(tǒng)實(shí)現(xiàn)455.1系統(tǒng)前端實(shí)現(xiàn)455.1.1實(shí)現(xiàn)的功能455.1.2性能要求455.1.3詳細(xì)設(shè)計(jì)465.1.3運(yùn)行結(jié)果展示505.2系統(tǒng)后臺(tái)實(shí)現(xiàn)565.2.1實(shí)現(xiàn)的功能565.2.2性能要求575.2.3詳細(xì)設(shè)計(jì)575.2.4運(yùn)行結(jié)果展示605.3本章小結(jié)646總結(jié)與展望656.1工程總結(jié)656.1.1開發(fā)中的問題656.2工程展望656.2.1工程創(chuàng)新點(diǎn)656.2.2工程展望65譯文及原文69前言本章分別從課題研究背景、課題研究現(xiàn)狀、課題研究目標(biāo)以及課題研究?jī)?nèi)容概述性地闡述本課題的產(chǎn)生背景以及要研究和實(shí)現(xiàn)的系統(tǒng)概況，為以后章節(jié)的描述做一個(gè)概括性的鋪墊。1.1課題研究背景隨著科技的開展,智能手機(jī)越來越普及，如今，智能手機(jī)已經(jīng)穩(wěn)穩(wěn)地躋身于手機(jī)主流市場(chǎng)。然而不管是什么樣的智能機(jī)，幾乎每部手機(jī)都有一個(gè)必備的軟件——微信，一款由騰訊公司繼QQ之后推出的又一即時(shí)跨平臺(tái)通訊工具。2011年1月騰訊公司推出微信1.0測(cè)試版本，該版本僅有簡(jiǎn)單的聊天、分享照片、修改個(gè)人資料等功能。隨后，在兩個(gè)月時(shí)間內(nèi)發(fā)布了1.1、1.2和1.3三個(gè)測(cè)試版本，用戶數(shù)也增長(zhǎng)到五百萬左右。截至2012年3月，微信注冊(cè)用戶數(shù)已經(jīng)超過1億；2012年9月，突破2億；2013年1月，突破3億；2013年第四季度，月活潑用戶數(shù)已經(jīng)到達(dá)3.55億。目前，微信已在全球200多個(gè)國家和地區(qū)擁有大批用戶，國內(nèi)外月活潑用戶超過2.7億。微信公眾賬號(hào)截至目前已經(jīng)增長(zhǎng)到200多萬個(gè)，并且每天有8000多個(gè)新的公眾賬號(hào)誕生，信息交互[1]超過億次。迄今為止微信已成為增速最快的手機(jī)應(yīng)用，也是增速最快的互聯(lián)網(wǎng)服務(wù)[2]。在短短兩年多的時(shí)間里，微信已成為最熱門的信息傳播平臺(tái)和大批手機(jī)用戶的生活方式，開創(chuàng)了移動(dòng)互聯(lián)網(wǎng)傳播的新時(shí)代。1.2課題研究現(xiàn)狀隨著微信的快速開展，騰訊又推出了基于微信關(guān)注的應(yīng)用，其便捷性和廣闊的用戶群體使得基于微信關(guān)注的應(yīng)用快速開展，各大企業(yè)都紛紛推出自己的微信公眾平臺(tái)，其中微信公眾平臺(tái)可以分為三類，下面將分別進(jìn)展闡述。1.2.1訂閱號(hào)適用于個(gè)人和組織，為媒體和個(gè)人提供一種新的信息傳播方式，構(gòu)建與讀者之間更好的溝通與管理模式。1.2.2服務(wù)號(hào)適用于企業(yè)和組織，給企業(yè)和組織提供更強(qiáng)大的業(yè)務(wù)服務(wù)與用戶管理能力，幫助企業(yè)快速實(shí)現(xiàn)全新的公眾號(hào)服務(wù)平臺(tái)。1.2.3企業(yè)號(hào)適用于企業(yè)，幫助企業(yè)和組織內(nèi)部建設(shè)員工、上下游合作伙伴與企業(yè)IT系統(tǒng)間的連接。1.3課題研究目的微信龐大的用戶群，使得基于微信關(guān)注的應(yīng)用推廣非常方便，不僅如此，基于微信的應(yīng)用省去了傳統(tǒng)app開發(fā)維護(hù)成本高，推廣麻煩等一系列缺點(diǎn)，用戶只需掃描關(guān)注即可使用各種功能。因此，開發(fā)基于微信關(guān)注的客戶服務(wù)系統(tǒng)是大勢(shì)所趨。本系統(tǒng)致力于為客戶提供最方便最實(shí)用的生活工具，將客戶和公司兩個(gè)角色恰當(dāng)?shù)娜诤系揭粋€(gè)系統(tǒng)中，在為客戶帶來方便的同時(shí)，對(duì)公司運(yùn)營效率也有顯著的提升，角色別離的設(shè)計(jì)使得公司員工各盡所能、各司其職。1.4課題研究?jī)?nèi)容本文所述基于微信關(guān)注的客戶服務(wù)系統(tǒng)由前端和后臺(tái)管理系統(tǒng)組成，其中前端功能有用戶瀏覽產(chǎn)品，登錄注冊(cè)，查看公司新聞動(dòng)態(tài)、產(chǎn)品相冊(cè)、客戶案例，在線下單，預(yù)定樣品，查看管理自己的訂單等等，上述功能只有在用戶關(guān)注公眾平臺(tái)后才可使用，用戶只需首次關(guān)注綁定即可，省去了每次輸入用戶名密碼的繁瑣。后臺(tái)管理系統(tǒng)有客戶管理、角色管理、產(chǎn)品管理、訂單管理、文章管理、樣品管理、樣品訂單管理、咨詢反響管理等功能，其中產(chǎn)品管理下有產(chǎn)品分類和產(chǎn)品兩個(gè)欄目，文章管理下有文章分類和文章兩個(gè)欄目。角色即擁有不同權(quán)限的管理員，超級(jí)管理員有全部的操作權(quán)限，在角色管理一欄中，可以為角色分配不同的權(quán)限，系統(tǒng)根據(jù)角色權(quán)限顯示相應(yīng)的菜單，從而實(shí)現(xiàn)角色的別離。1.5本章小結(jié)在本章中，從課題研究背景、課題研究現(xiàn)狀、課題研究目標(biāo)以及課題研究?jī)?nèi)容較簡(jiǎn)要的闡述了本課題所設(shè)計(jì)和實(shí)現(xiàn)的系統(tǒng)。其中從課題研究背景和現(xiàn)狀較生動(dòng)的描述本課題所研究系統(tǒng)的外在條件。課題研究目標(biāo)和研究?jī)?nèi)容描述了本系統(tǒng)的內(nèi)在必要性和系統(tǒng)所具備的基本功能，方便于以后章節(jié)的描述。2相關(guān)技術(shù)介紹本章介紹系統(tǒng)開發(fā)的主要工具和技術(shù)，包括thinkPHP、bootstrap等主流框架及zendstudio開發(fā)環(huán)境和PHP、jquery，JavaScript等語言，還有系統(tǒng)對(duì)軟件、硬件的相關(guān)要求。2.1開發(fā)工具簡(jiǎn)介2.1.1網(wǎng)頁開發(fā)工具基于Web的可視化系統(tǒng)開發(fā)工具使開發(fā)者很方便的創(chuàng)立動(dòng)態(tài)的Web應(yīng)用程序。系統(tǒng)將采用Dreamweaver進(jìn)展頁面的開發(fā)，它是用來快速創(chuàng)立數(shù)據(jù)驅(qū)動(dòng)Web應(yīng)用程序的開發(fā)環(huán)境。同時(shí)采用Photoshop制作相關(guān)圖片進(jìn)展網(wǎng)站美工。頁面上使用的相關(guān)技術(shù)包括：Html，thinkPHP標(biāo)簽，Javascript，JQuery等。2.1.2系統(tǒng)開發(fā)工具使用zendstudio進(jìn)展系統(tǒng)框架的搭建和系統(tǒng)功能的實(shí)現(xiàn)。應(yīng)用部署服務(wù)器采用Apache?？蚣懿捎媚壳白盍餍泻?jiǎn)潔的thinkPHP框架。2.1.3數(shù)據(jù)庫及其工具數(shù)據(jù)庫采用小型的關(guān)系型數(shù)據(jù)庫MySQL，數(shù)據(jù)庫工具采用phpMyAdmin。phpMyAdmin是一個(gè)以PHP為根基，基于Web方式架構(gòu)在網(wǎng)站主機(jī)上的MySQL的數(shù)據(jù)庫管理工具，管理者可通過Web接口管理MySQL數(shù)據(jù)庫。Web接口可以提供一個(gè)簡(jiǎn)易方式輸入繁雜的SQL語法，尤其方便處理大量資料的導(dǎo)入及導(dǎo)出。2.1.4建模工具建模工具采用OfficeVisio2007，Visio是微軟公司出品的一款用于方便IT和商務(wù)專業(yè)人士對(duì)于較復(fù)雜信息，流程和系統(tǒng)的分析交流軟件。使用該軟件可以方便簡(jiǎn)單的進(jìn)展業(yè)務(wù)流程圖，數(shù)據(jù)流圖，ER圖，用例圖等的繪制，使得開發(fā)效率得到顯著的提升。2.2關(guān)鍵技術(shù)介紹2.2.1PHPPHP〔超文本預(yù)處理器〕是一種通用開源腳本語言。語法吸收了C語言、Java和Perl等語言的特點(diǎn)，非常利于初學(xué)者學(xué)習(xí)，使用非常廣泛，主要用于Web網(wǎng)站開發(fā)，服務(wù)器腳本程序的編寫等。PHP獨(dú)特的語法混合了C、Java、Perl以及PHP自創(chuàng)的語法，它可以比其他腳本語言更快速地執(zhí)行動(dòng)態(tài)網(wǎng)頁。使用PHP語言編寫的動(dòng)態(tài)頁面與其他的編程語言相比，PHP是將程序嵌入到HTML〔標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用〕文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多；編譯后的代碼PHP也可以執(zhí)行，通過預(yù)編譯，可以到達(dá)加密和優(yōu)化代碼運(yùn)行，使代碼運(yùn)行更快。2.2.2JqueryJquery是一個(gè)優(yōu)秀的Javascript庫。雖然它屬于輕量級(jí)的js庫，但兼容CSS3，還兼容各種瀏覽器〔IE6.0+,FF1.5+,Safari2.0+,Opera9.0+〕，jQuery2.0及后續(xù)版本不再支持IE6/7/8瀏覽器。jQuery使開發(fā)者能更方便地處理HTML、events、實(shí)現(xiàn)動(dòng)畫效果，并且對(duì)AJAX交互方式進(jìn)展了很好的封裝，開發(fā)者可以很方便的調(diào)用。jQuery另外一個(gè)對(duì)比大的優(yōu)勢(shì)是，它的說明文檔很全很詳細(xì)，而且各種應(yīng)用也有相應(yīng)demo，同時(shí)還有許多成熟的插件可供選擇。jQuery還能夠使用戶的html頁面代碼和html內(nèi)容別離，也就是說，不用需要在html里面插入一些復(fù)雜的js來調(diào)用命令了，只需要定義id或class即可。2.2.3JavaScriptJavaScript也被稱為ECMAScript，是常用web瀏覽器的一局部，實(shí)現(xiàn)了客戶端腳本和用戶之間的交互。用戶可以通過JavaScript控制瀏覽器，與服務(wù)器進(jìn)展異步通訊，還可以改變顯示的文檔內(nèi)容。JavaScript盡管一些命名，句法和標(biāo)準(zhǔn)庫相似，但它和Java是無關(guān)的，在語義上有很大的差異。它的解釋器被稱為JavaScript引擎，屬于瀏覽器的一局部，JavaScript作為廣泛用于客戶端的腳本語言，最早是在HTML網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)和一些特效功能。2.2.4ThinkPHP架構(gòu)ThinkPHP是一個(gè)快速、兼容而且簡(jiǎn)單的輕量級(jí)國產(chǎn)PHP開發(fā)框架，作為一個(gè)整體開發(fā)解決方案，ThinkPHP能夠解決應(yīng)用開發(fā)中的大多數(shù)需要，因?yàn)槠渥陨戆思嫒萏幚?、基類庫、?shù)據(jù)庫訪問層、模板引擎、緩存機(jī)制、插件機(jī)制、角色認(rèn)證、底層架構(gòu)、表單處理等常用的組件，并且對(duì)于跨版本、跨平臺(tái)和跨數(shù)據(jù)庫移植都非常方便。2.2.5bootstrap架構(gòu)Bootstrap，來自Twitter，是目前最受歡送的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的，它簡(jiǎn)潔靈活，使得Web開發(fā)更加快捷。它由Twitter的設(shè)計(jì)師MarkOtto和JacobThornton合作開發(fā)，是一個(gè)CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS標(biāo)準(zhǔn)，即它是由動(dòng)態(tài)CSS語言Less編寫而成。2.2.6MVC設(shè)計(jì)模式MVC全名是ModelViewController，是模型(model)－視圖(view)－控制器(controller)的縮寫，是實(shí)現(xiàn)用戶界面的一種軟件架構(gòu)模式。[3]。它將一個(gè)給定的應(yīng)用軟件分為三個(gè)相互關(guān)聯(lián)的局部，以獨(dú)立的內(nèi)部信息表示信息的展示或承受用戶的方法。按照把業(yè)務(wù)邏輯、數(shù)據(jù)、界面顯示進(jìn)展別離的方法組織代碼，將業(yè)務(wù)邏輯聚集到controller里面，在改良和個(gè)性化定制界面及用戶交互的同時(shí)，不需要重新編寫業(yè)務(wù)邏輯的代碼。MVC設(shè)計(jì)模式廣泛用于用于映射傳統(tǒng)的輸入、處理和輸出功能在一個(gè)邏輯[4]的圖形化用戶界面的構(gòu)造中。2.3軟件/硬件要求2.3.1軟件要求軟件要求即系統(tǒng)運(yùn)行所必需的軟件支持，主要有數(shù)據(jù)庫、開發(fā)工具、服務(wù)器、和開發(fā)語言四個(gè)方面。其中數(shù)據(jù)庫采用MySQL5.6.21，開發(fā)工具采用Zendstudio，服務(wù)器采用Apache2.4.9，PHP版本為PHP5.4.40。2.3.2硬件要求硬件要求即系統(tǒng)運(yùn)行所必需的硬件環(huán)境，主要有處理器、內(nèi)存、磁盤等方面。CPU為頻率1GHz以上的32位(x86)或64位(x64)處理器。內(nèi)存要求為512MB內(nèi)存〔建議使用1G或以上內(nèi)存〕。硬盤空間要求有效硬盤空間1G或以上。2.4本章小結(jié)本章主要介紹了系統(tǒng)開發(fā)的主要工具和技術(shù)，包括thinkPHP、bootstrap等主流框架及zendstudio開發(fā)環(huán)境和PHP、jquery，JavaScript等語言，此外還對(duì)系統(tǒng)運(yùn)行所必需的硬件和軟件要求也進(jìn)展了詳細(xì)說明，為后面系統(tǒng)的開發(fā)實(shí)現(xiàn)打下了較好的根基。3需求分析本章節(jié)主要進(jìn)展系統(tǒng)進(jìn)展需求分析，將從業(yè)務(wù)流程、前端、后臺(tái)、交互幾個(gè)方面進(jìn)展需求的詳細(xì)分析。首先將對(duì)整個(gè)業(yè)務(wù)流程進(jìn)展梳理，對(duì)于每一個(gè)需求都畫出用例圖，以便更好的分析需求。3.1業(yè)務(wù)流程概述本文所述基于微信關(guān)注的客戶服務(wù)系統(tǒng)前端主要實(shí)現(xiàn)客戶注冊(cè)登錄綁定賬號(hào)、在線下單、產(chǎn)品展示、案例展示、新聞?wù)故?、樣品預(yù)定、訂單查看等功能。后臺(tái)實(shí)現(xiàn)了角色管理、客戶管理、商品管理、新聞管理、訂單管理、咨詢管理等功能?？蛻絷P(guān)注微信公眾平臺(tái)前方可使用以上功能，當(dāng)用戶購置過產(chǎn)品后就可預(yù)定樣品。圖3-1系統(tǒng)功能概述分析圖圖3-1描述了本文所述基于微信關(guān)注的客戶服務(wù)系統(tǒng)的主要功能。其中用戶可以注冊(cè)登錄、瀏覽商品、在線下單、查看訂單。管理員可以管理訂單、管理產(chǎn)品、分配角色等。3.2前端需求分析3.2.1首頁展示首頁是整個(gè)系統(tǒng)前端的入口，用戶可以通過微信公眾平臺(tái)底部菜單和應(yīng)用菜單導(dǎo)航欄進(jìn)入首頁。首頁展示采用對(duì)比舒適的天藍(lán)漸變色，使人看上去對(duì)比舒服。首頁展示內(nèi)容有關(guān)于我們、產(chǎn)品服務(wù)、新聞資訊、產(chǎn)品列表、產(chǎn)品相冊(cè)、樣品列表、客戶案例、關(guān)注我們、聯(lián)系我們九大板塊組成，點(diǎn)擊每個(gè)版塊即可進(jìn)入相應(yīng)版塊。圖3-2首頁展示用例圖圖3-2描述了首頁展示的內(nèi)容：關(guān)于我們、產(chǎn)品服務(wù)、新聞資訊、產(chǎn)品列表、產(chǎn)品相冊(cè)、樣品列表、客戶案例、關(guān)注我們、聯(lián)系我們。用戶進(jìn)入首頁有兩種途徑：微信公眾平臺(tái)底部菜單、導(dǎo)航欄。3.2.2商品列表商品列表頁展示最新十條商品，用戶可通過微信公眾號(hào)菜單和首頁進(jìn)入商品列表頁面，商品列表頁面可以通過商品分類進(jìn)展商品的篩選。每個(gè)商品展示預(yù)覽圖片，標(biāo)題，規(guī)格，詳細(xì)描述等信息，用戶可選擇在線下單進(jìn)展購置商品。圖3-3產(chǎn)品列表展示用例圖圖3-3描述了產(chǎn)品列表頁的功能，每個(gè)產(chǎn)品展示預(yù)覽圖片，標(biāo)題，規(guī)格，詳細(xì)描述等信息，用戶可選擇在線下單進(jìn)展購置商品。3.2.3樣品列表樣品列表頁展示最新十條樣品，用戶可通過微信公眾號(hào)菜單和首頁進(jìn)入樣品品列表頁面，樣品列表頁面可以通過樣品分類進(jìn)展樣品的篩選。每個(gè)樣品展示圖片，標(biāo)題，規(guī)格，特性等信息，當(dāng)客戶已經(jīng)購置過商品的話便可以預(yù)定樣品，否則預(yù)定樣品按鈕不可用。圖3-4樣品列表展示用例圖圖3-4描述了樣品列表頁的主要功能，每個(gè)樣品展示預(yù)覽圖片，標(biāo)題，規(guī)格，詳細(xì)描述等信息，已經(jīng)購置過產(chǎn)品的用戶可選擇在線下單進(jìn)展購置商品。3.2.4產(chǎn)品相冊(cè)列表產(chǎn)品相冊(cè)列表展示最新產(chǎn)品的高清圖冊(cè)，用戶可以通過微信公眾平臺(tái)底部菜單和首頁進(jìn)入產(chǎn)品相冊(cè)列表頁。產(chǎn)品相冊(cè)采用精巧的圓角相冊(cè)展示，用戶點(diǎn)擊后可查看高清大圖，也可左右切換，方便瀏覽。圖3-5產(chǎn)品相冊(cè)列表展示用例圖圖3-5描述了產(chǎn)品相冊(cè)基本功能，每個(gè)預(yù)覽圖片點(diǎn)擊后可瀏覽高清大圖，也可左右滑動(dòng)查看。3.2.5產(chǎn)品服務(wù)列表產(chǎn)品服務(wù)列表展示公司服務(wù)內(nèi)容及范圍，用戶可以通過微信公眾平臺(tái)底部菜單和首頁進(jìn)入產(chǎn)品服務(wù)列表頁。該列表頁還展示對(duì)比固定工程的報(bào)價(jià)單，使客戶一目了然。圖3-6產(chǎn)品服務(wù)列表展示用例圖圖3-6描述了服務(wù)列表的基本功能，每個(gè)服務(wù)工程點(diǎn)擊后可瀏覽詳細(xì)介紹，也可查看整個(gè)報(bào)價(jià)單。3.2.6案例展示列表案例展示列表頁展示公司經(jīng)典案例，用戶可以通過微信公眾平臺(tái)底部菜單和首頁進(jìn)入該頁。該頁詳細(xì)介紹案例，并提供地址查看，使得客戶更直觀的了解公司信息和實(shí)力。圖3-7產(chǎn)品服務(wù)列表展示用例圖圖3-7描述了案例列表頁基本功能，每個(gè)案例工程點(diǎn)擊后可瀏覽詳細(xì)介紹，也可查看詳細(xì)成果。3.2.7新聞資訊列表新聞資訊列表頁展示最新業(yè)內(nèi)咨詢，產(chǎn)品最新優(yōu)惠等，用戶可以通過微信公眾平臺(tái)底部菜單和首頁進(jìn)入該頁。新聞資訊可以通過分類進(jìn)展篩選，客戶也可以發(fā)表自己的看法進(jìn)展評(píng)論。圖3-8產(chǎn)品服務(wù)列表展示用例圖圖3-8描述了新聞資訊頁的基本功能，每條信息點(diǎn)擊后可瀏覽詳細(xì)內(nèi)容，也可按類別篩選，評(píng)論。3.2.8用戶咨詢反響用戶咨詢反響頁給用戶提供反響機(jī)制，用戶可將自己建議反響給公司。用戶可以通過微信公眾平臺(tái)底部菜單和首頁進(jìn)入該頁。圖3-9產(chǎn)品服務(wù)列表展示用例圖圖3-9描述了咨詢反響頁的基本功能，進(jìn)入該頁后用戶可以反響信息給管理員，當(dāng)標(biāo)題、內(nèi)容、聯(lián)系方式填寫正確后才能提交。3.2.9用戶登錄當(dāng)用戶首次進(jìn)入應(yīng)用進(jìn)展購置商品或查看訂單時(shí)會(huì)自動(dòng)轉(zhuǎn)向登錄頁面，由于用戶每次進(jìn)入應(yīng)用時(shí)會(huì)隨身攜帶唯一的openid標(biāo)識(shí)，所以用戶首次登錄后以后可以不用登錄，便可使用各項(xiàng)功能。圖3-10用戶登陸用例分析圖圖3-10描述了用戶登錄的流程：輸入用戶名和密碼，驗(yàn)證通過后即可登錄成功進(jìn)入功能頁面，否則提示相應(yīng)的錯(cuò)誤，重新輸入登錄。3.2.10用戶在線下單在產(chǎn)品列表頁用戶可以在線下單，用戶可以通過微信公眾平臺(tái)底部菜單和首頁進(jìn)入商品列表頁進(jìn)展在線下單。圖3-11用戶在線下單用例分析圖圖3-11描述了用戶在線下單的流程：選擇商品，填寫相關(guān)信息，填寫錯(cuò)誤則提示重填，否則提交訂單并提示繼續(xù)下單還是查看訂單，根據(jù)選擇跳轉(zhuǎn)到商品列表頁或訂單中心。3.2.11用戶訂單信息查看用戶可以通過微信公眾平臺(tái)底部菜單查看訂單信息，對(duì)于未發(fā)貨的訂單可以取消，已發(fā)貨的訂單可以查看物流信息。其中訂單信息以未支付，待發(fā)貨，待收貨狀態(tài)進(jìn)展篩選。圖3-12用戶查看訂單用例分析圖圖3-12描述了用戶查看訂單的流程：訂單分為三種：未支付訂單、未發(fā)貨訂單、已發(fā)貨訂單和已完成訂單，對(duì)于未支付的訂單用戶可選擇繼續(xù)支付貨取消訂單。對(duì)于未發(fā)貨訂單用戶可選擇取消訂單。對(duì)于已發(fā)貨訂單用戶可查看訂單物流信息。對(duì)于已完成訂單用戶可評(píng)價(jià)。3.3后臺(tái)需求分析3.3.1管理員登錄注銷系統(tǒng)管理員和系統(tǒng)角色首次訪問后臺(tái)是會(huì)自動(dòng)轉(zhuǎn)向登錄頁面，登錄成功后根據(jù)角色權(quán)限顯示相應(yīng)的菜單。登錄之后也可注銷賬號(hào)退出登錄。圖3-13管理員登錄用例分析圖圖3-13描述了用戶登錄的流程：輸入用戶名和密碼，驗(yàn)證通過后即可登錄成功進(jìn)入功能頁面，否則提示相應(yīng)的錯(cuò)誤，重新輸入登錄。3.3.2注冊(cè)用戶管理系統(tǒng)管理員和有用戶管理權(quán)限的角色登錄后臺(tái)后可以查看、編輯、添加、刪除、鎖定注冊(cè)用戶。圖3-14管理員登錄用例分析圖圖3-14描述了管理員管理用戶的流程：管理員可以添加、編輯、搜索、查看、刪除用戶。3.3.3角色管理角色就是具有不同權(quán)限的系統(tǒng)管理員，超級(jí)管理員可以創(chuàng)立角色并分配相應(yīng)的權(quán)限，登錄后臺(tái)時(shí)根據(jù)相應(yīng)的角色權(quán)限展示功能菜單，有角色管理權(quán)限的角色也可以添加、編輯系統(tǒng)角色。圖3-15管理員管理角色用例分析圖圖3-15描述了管理員管理角色的流程：管理員可以添加、編輯、搜索、查看、刪除角色。3.3.4產(chǎn)品管理產(chǎn)品管理分為產(chǎn)品分類管理和商品管理，有產(chǎn)品管理權(quán)限的角色可以添加、編輯、刪除產(chǎn)品及其分類。圖3-16管理員管理產(chǎn)品用例分析圖圖3-16描述了管理員管理產(chǎn)品的流程：管理員可以添加、編輯、搜索、查看、刪除產(chǎn)品及其分類。3.3.5新聞管理新聞管理包含新聞分類和新聞管理。有新聞管理權(quán)限的角色可以添加、編輯、刪除新聞及其分類。圖3-17管理員管理新聞?dòng)美治鰣D圖3-17描述了管理員管理新聞的流程：管理員可以添加，編輯，搜索，查看，刪除新聞及其分類。3.3.6訂單管理訂單管理包含訂單的搜索，按狀態(tài)篩選，訂單批量導(dǎo)出打印，訂單編輯，查看等功能。有訂單管理權(quán)限的角色可以編輯、打印訂單。圖3-18管理員管理訂單用例分析圖圖3-18描述了管理員管理訂單的流程：管理員可新增訂單、產(chǎn)看訂單、查詢訂單、刪除訂單、編輯修改訂單、跟蹤訂單產(chǎn)看訂單物流信息。3.3.7咨詢反響管理該功能可查看，編輯客戶的咨詢反響信息。有該權(quán)限的角色可以管理用戶反響咨詢信息。圖3-19管理員管理咨詢反響例分析圖圖3-19描述了管理員管理咨詢反響信息的流程：管理員查看、編輯修改咨詢反響信息。3.4交互的實(shí)現(xiàn)3.4.1客戶端與服務(wù)器的交互客戶端通過發(fā)送請(qǐng)求跟服務(wù)器進(jìn)展異步交互，服務(wù)器收到請(qǐng)求后返回相應(yīng)的內(nèi)容到客戶端，客戶端獲取內(nèi)容后展示在頁面上。圖3-20客戶端與服務(wù)器的交互分析圖圖3-20描述了客戶端與服務(wù)器交互的分析圖，客戶端向服務(wù)器發(fā)送請(qǐng)求，服務(wù)器根據(jù)請(qǐng)求內(nèi)容返回相應(yīng)的內(nèi)容并展現(xiàn)給用戶。3.4.2微信服務(wù)器與系統(tǒng)的交互微信公眾平臺(tái)開發(fā)接口[5]提供與用戶進(jìn)展消息交互、自定義菜單交互的能力。對(duì)于成功接入公眾平臺(tái)開發(fā)接口的公眾賬號(hào)，當(dāng)用戶發(fā)消息給公眾號(hào)，微信公眾平臺(tái)服務(wù)器會(huì)使用請(qǐng)求對(duì)接入的網(wǎng)址進(jìn)展消息推送，第三方服務(wù)器可通過響應(yīng)包回復(fù)特定構(gòu)造[6]，從而到達(dá)回復(fù)消息的目的。圖3-21微信公眾平臺(tái)與系統(tǒng)程序的交互分析圖圖3-21描述了微信公眾平臺(tái)與系統(tǒng)交互的分析圖，首先在微信公眾平臺(tái)后臺(tái)填寫向本系統(tǒng)發(fā)送請(qǐng)求的地址，微信服務(wù)器會(huì)發(fā)送一個(gè)驗(yàn)證請(qǐng)求，驗(yàn)證通過后就可以啟用該配置，以后每次用戶在公眾平臺(tái)有動(dòng)作時(shí)，微信服務(wù)器會(huì)將相應(yīng)的請(qǐng)求發(fā)送到填寫的地址，系統(tǒng)接收到請(qǐng)求后返回相應(yīng)的內(nèi)容給微信服務(wù)器，微信服務(wù)器接收到請(qǐng)求后檢查無誤后推送給用戶展示在微信公眾平臺(tái)。3.5本章小結(jié)本章主要對(duì)工程課題進(jìn)展了需求分析，根據(jù)業(yè)務(wù)流程的步驟和功能將系統(tǒng)劃分為前端和后臺(tái)兩個(gè)模塊：其中前端模塊通過產(chǎn)品、新聞資訊、在線下單、反響咨詢等方面介紹需求。后臺(tái)模塊通過角色管理、用戶管理、訂單管理、商品管理、新聞管理、咨詢管理等方面闡述了具體需求。4系統(tǒng)設(shè)計(jì)本章主要是在第三章需求分析的根基上，對(duì)系統(tǒng)進(jìn)展詳細(xì)的模塊劃分，并詳細(xì)闡述每一個(gè)模塊的功能，及其具體實(shí)現(xiàn)。同時(shí)對(duì)系統(tǒng)的數(shù)據(jù)庫進(jìn)展設(shè)計(jì)，定義系統(tǒng)所需要使用的表。4.1系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)4.1.1ER圖設(shè)計(jì)整個(gè)系統(tǒng)中實(shí)體之間的聯(lián)系對(duì)比復(fù)雜，為了能夠清晰簡(jiǎn)潔的闡述清楚各個(gè)實(shí)體之間的聯(lián)系，采用ER圖〔實(shí)體-聯(lián)系圖〕來表示他們之間的聯(lián)系。在設(shè)計(jì)時(shí)，主要從系統(tǒng)整體和主要模塊方面進(jìn)展ER圖的設(shè)計(jì)。圖4-1系統(tǒng)E-R圖圖4-1描述了系統(tǒng)E-R圖，主要對(duì)象有商品，角色，文章〔新聞〕，用戶，角色。其中，每個(gè)角色可以添加多個(gè)商品，訂單，文章，每個(gè)用戶可以有多個(gè)訂單，多條咨詢反響，每篇文章有多個(gè)評(píng)論，每個(gè)用戶有多個(gè)評(píng)論，每個(gè)訂單中可以有多個(gè)商品。4.1.2系統(tǒng)表設(shè)計(jì)系統(tǒng)一共包括10張表，其中表前綴為wx_,用于方便識(shí)別屬于微信數(shù)據(jù)庫?，F(xiàn)各表分別介紹如下：wx_article文章新聞表：主要用于保存發(fā)表的新聞文章信息。表4-1文章新聞表中文名字段名類型主鍵外鍵null默認(rèn)值文章IDidbigint〔20〕√×文章標(biāo)題namevarchar2〔200〕×文章分類classifyidint〔20〕√×文章內(nèi)容contentText(10000)×預(yù)覽圖previewvarchar2〔200〕×發(fā)布時(shí)間createdatedatetime表4-1描述了文章新聞數(shù)據(jù)表，該表存儲(chǔ)了管理員發(fā)布的一些文章，包括新聞、活動(dòng)等信息其中文章分類字段classifyid為外鍵，對(duì)應(yīng)于文章分類表的id。wx_article_classify文章新聞分類表：主要用于保存新聞文章分類信息。表4-2文章新聞分類表中文名字段名類型主鍵外鍵null默認(rèn)值文章分類IDidbigint〔20〕√×文章分類名稱namevarchar2〔200〕×添加時(shí)間createdatedatetime表4-2描述了文章新聞分類數(shù)據(jù)表，該表存儲(chǔ)了文章分類信息。主鍵id是每條字段的唯一標(biāo)識(shí)符，文章表可以引用該id，從而確定文章分類信息。wx_article_comment文章新聞評(píng)論表：主要用于保存新聞文章評(píng)論信息。表4-3文章新聞評(píng)論表中文名字段名類型主鍵外鍵null默認(rèn)值文章評(píng)論IDidbigint〔20〕√×文章IDarticleidbigint〔20〕√×文章評(píng)論標(biāo)題nameVarchar2〔200〕×文章評(píng)論內(nèi)容contentText(10000)×郵箱Emailvarchar2〔200〕×評(píng)論時(shí)間createdatedatetime表4-3描述了文章新聞評(píng)論數(shù)據(jù)表，該表存儲(chǔ)了文章評(píng)論信息。主鍵id是每條字段的唯一標(biāo)識(shí)符，外鍵articleid對(duì)應(yīng)相應(yīng)的文章，從而確定文章評(píng)論信息。wx_consult咨詢反響表：主要用于保存用戶咨詢反響信息。表4-4咨詢反響表中文名字段名類型主鍵外鍵null默認(rèn)值咨詢IDidbigint〔20〕√×標(biāo)題nameVarchar2〔200〕×內(nèi)容contentText(10000)×郵箱Emailvarchar2〔200〕×發(fā)布時(shí)間createdatedatetime表4-4描述了用戶咨詢反響數(shù)據(jù)表，該表存儲(chǔ)了用戶咨詢反響信息。主鍵id是每條字段的唯一標(biāo)識(shí)符，保存內(nèi)容有標(biāo)題、內(nèi)容、聯(lián)系方式、反響時(shí)間。wx_order訂單表：主要用于保存用戶提交的訂單信息。表4-5訂單表中文名字段名類型主鍵外鍵null默認(rèn)值訂單IDidbigint〔20〕√×用戶IDuseridbigint〔20〕√×聯(lián)系人nameVarchar2〔200〕×手機(jī)phoneVarchar2(11)×地址addressvarchar2〔500〕×商品idproductidBigint(20)√商品名稱productnameVarchar2(100)支付方式paywayInt(5)商品數(shù)量AmountInt(5)訂單總價(jià)PriceFloat(15)商品單價(jià)SinglepriceFlaot(10)訂單狀態(tài)StatusInt(5)快遞公司expresscompanyVarchar(20)快遞單號(hào)ExpressnoVarchar(24)預(yù)覽圖PreviewVarchar2(100)狀態(tài)改變時(shí)間Changedatedatetime下單時(shí)間createdatedatetime表4-5描述了訂單數(shù)據(jù)表，該表存儲(chǔ)了訂單信息。主鍵id是每條字段的唯一標(biāo)識(shí)符，外鍵productid對(duì)應(yīng)相應(yīng)的產(chǎn)品，從而確定訂單產(chǎn)品，userid也是外鍵，對(duì)應(yīng)用戶id，從而確定訂單用戶，此外保存了訂單的一些基本信息，入聯(lián)系人、聯(lián)系方式、價(jià)格、數(shù)量、地址等等。wx_product產(chǎn)品表：主要用于保存產(chǎn)品信息。表4-6產(chǎn)品信息表中文名字段名類型主鍵外鍵null默認(rèn)值產(chǎn)品IDidbigint〔20〕√×產(chǎn)品分類idclassifybigint〔20〕√×產(chǎn)品標(biāo)題namevarchar(100)×產(chǎn)品描述describetext〔20000〕×預(yù)覽圖PreviewVarchar2(50)產(chǎn)品價(jià)格PriceFloat(10)庫存數(shù)量AmountFloat(10)添加時(shí)間createdatedatetime表4-6描述了產(chǎn)品數(shù)據(jù)表，該表存儲(chǔ)了產(chǎn)品信息。主鍵id是每條字段的唯一標(biāo)識(shí)符，外鍵classifyid對(duì)應(yīng)相應(yīng)的產(chǎn)品分類，從而確定產(chǎn)品分類信息。此外該表還存儲(chǔ)了產(chǎn)品的一些基本信息，如標(biāo)題、描述、預(yù)覽圖片、價(jià)格、數(shù)量等等。wx_product_classify產(chǎn)品分類表：主要用于保存產(chǎn)品分類信息。表4-7產(chǎn)品分類表中文名字段名類型主鍵外鍵null默認(rèn)值產(chǎn)品分類IDidbigint〔20〕√×標(biāo)題nameVarchar2〔200〕×發(fā)布時(shí)間createdatedatetime表4-7描述了產(chǎn)品分類數(shù)據(jù)表，該表存儲(chǔ)了產(chǎn)品分類信息。主鍵id是每條字段的唯一標(biāo)識(shí)符，產(chǎn)品表應(yīng)用該id，而確定產(chǎn)品分類信息。wx_role角色表：主要用于保存管理角色信息。表4-8系統(tǒng)角色表中文名字段名類型主鍵外鍵null默認(rèn)值角色I(xiàn)Didbigint〔20〕√×角色名nameVarchar2〔200〕×登錄后臺(tái)密碼passwordVarchar2(100)×狀態(tài)statusint〔5〕×權(quán)限authorityVarchar2(100)上次登錄時(shí)間logindateDatetime創(chuàng)立時(shí)間createdatedatetime表4-8描述了系統(tǒng)角色數(shù)據(jù)表，該表存儲(chǔ)了系統(tǒng)角色相關(guān)信息。主鍵id是每條字段的唯一標(biāo)識(shí)符，此外還有角色名稱和密碼用于登錄后臺(tái)，狀態(tài)表示該角色可用與否，還有角色最后一次登錄時(shí)間，權(quán)限等，擁有角色管理權(quán)限的管理員可以編輯這些信息。wx_user用戶表：主要用于保存用戶信息。表4-9系統(tǒng)用戶表中文名字段名類型主鍵外鍵null默認(rèn)值用戶IDidbigint〔20〕√×用戶名usernameVarchar2〔200〕×登錄密碼passwordVarchar2(100)×狀態(tài)statusint〔5〕×opeinidopenidVarchar2(100)郵箱EmailVarchar2(50)年齡AgeInt(5)性別GenderInt(5)住址AddressVarchar2(300)上次登錄時(shí)間logindateDatetime注冊(cè)時(shí)間createdatedatetime表4-9描述了用戶數(shù)據(jù)表，該表存儲(chǔ)了用戶相關(guān)信息。主鍵id是每條字段的唯一標(biāo)識(shí)符，此外還有用戶名稱和密碼用于登錄，狀態(tài)表示該角色可用與否，還有角色最后一次登錄時(shí)間，權(quán)限、郵箱、性別、年齡、住址等等，擁有用戶管理權(quán)限的管理員可以編輯這些信息。4.2系統(tǒng)分層設(shè)計(jì)視圖層(view)InternetExplorer、chrome、Firefox、safari、移動(dòng)端瀏覽器控制層(control)訂單管理產(chǎn)品管理文章管理角色管理樣品管理用戶管理咨詢反響模型層(model)數(shù)據(jù)庫圖4-1系統(tǒng)分層圖〔1〕視圖層(view)：用來與用戶交互，并把來自系統(tǒng)的信息顯示給客戶。〔2〕控制層(control)：這一層處理應(yīng)用的核心業(yè)務(wù)邏輯?！?〕模型層(model)：這一層處理數(shù)據(jù)庫信息，按照實(shí)體類型建模。4.2.1模型層設(shè)計(jì)〔model〕在MVC的三個(gè)部件中，模型擁有最多的處理任務(wù)。例如它可能用像EJBs和ColdFusionComponents這樣的構(gòu)件對(duì)象來處理數(shù)據(jù)庫，被模型返回的數(shù)據(jù)是中立的，就是說模型與數(shù)據(jù)格式無關(guān)，這樣一個(gè)模型能為多個(gè)視圖提供數(shù)據(jù)，由于應(yīng)用于模型的代碼只需寫一次就可以被多個(gè)視圖重用，所以減少了代碼的重復(fù)性。本文描述系統(tǒng)將每一個(gè)實(shí)體抽象成一個(gè)model對(duì)象，實(shí)體屬性對(duì)應(yīng)對(duì)象的屬性，對(duì)實(shí)體的操作對(duì)應(yīng)對(duì)象的方法，除此之外將所有實(shí)體的共性操作抽象出來放到根基對(duì)象中，其他對(duì)象均繼承自此對(duì)象，下面重點(diǎn)講述系統(tǒng)的幾個(gè)重要模型?！?〕根基模型Model該模型封裝了所有根基操作，包括數(shù)據(jù)庫的連接，對(duì)數(shù)據(jù)庫表基本的增刪改查操作，此外該類還實(shí)現(xiàn)了對(duì)數(shù)據(jù)的安全過濾和緩存機(jī)制。〔2〕文章新聞模型ArticleModel該模型繼承自Model模型，此外還定義了屬于自己的屬性：id、name、classify、preview、content、createDate?！?〕訂單模型OrderModel該模型繼承自Model模型，此外還定義了屬于自己的屬性：'id','userid','name','mobile','address','productid','productname','payway','status','amount','price','singleprice','expresscompany','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視圖層設(shè)計(jì)〔view〕視圖是用戶看到并與之交互的界面。對(duì)老式的Web應(yīng)用程序來說，視圖就是由HTML元素組成的界面，在新式的Web應(yīng)用程序中，HTML依舊在視圖中扮演著重要的角色，但一些新的技術(shù)已層出不窮，它們包括AdobeFlash和像XHTML，XML/XSL,WML等一些標(biāo)識(shí)語言和Webservices.本文描述系統(tǒng)將每一個(gè)視圖對(duì)應(yīng)一個(gè)HTML模版頁面，model層的數(shù)據(jù)經(jīng)過control層運(yùn)算后傳到視圖層，由視圖負(fù)責(zé)渲染模版展示出來。下面重點(diǎn)講述系統(tǒng)的幾個(gè)重要視圖。(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視圖，分別用來展示、添加、編輯用戶和用戶的登錄注冊(cè)。4.2.3控制層設(shè)計(jì)〔control〕控制器承受用戶的輸入并調(diào)用模型和視圖去完成用戶的需求，所以當(dāng)單擊Web頁面中的超鏈接和發(fā)送HTML表單時(shí)，控制器本身不輸出任何東西和做任何處理。它只是接收請(qǐng)求并決定調(diào)用哪個(gè)模型構(gòu)件去處理請(qǐng)求，然后再確定用哪個(gè)視圖來顯示返回的數(shù)據(jù)。本文所描述的系統(tǒng)將每一個(gè)controler對(duì)應(yīng)一個(gè)model，多個(gè)view。每個(gè)control都繼承自根基控制器Control，下面重點(diǎn)講述系統(tǒng)的幾個(gè)重要控制器?！?〕根基控制器Control該控制器實(shí)現(xiàn)了所有控制器的一些共性操作，包括模版渲染、數(shù)據(jù)處理、重定向、緩存操作等?！?〕文章新聞控制器ArticleControl該控制器繼承自根基控制器Control，除此之外還有index、add、edit、save、delete操作，分別對(duì)應(yīng)處理文章新聞視圖中的列表、添加、編輯、保存、刪除操作?！?〕訂單控制器OrderControl該控制器繼承自根基控制器Control，除此之外還有index、add、edit、save、delete操作，分別對(duì)應(yīng)處理訂單視圖中的列表、添加、編輯、保存、刪除操作。〔4〕產(chǎn)品控制器ProductControl該控制器繼承自根基控制器Control，除此之外還有index、add、edit、save、delete操作，分別對(duì)應(yīng)處理產(chǎn)品視圖中的列表、添加、編輯、保存、刪除操作?！?〕用戶控制器UserControl該控制器繼承自根基控制器Control，除此之外還有index、add、edit、save、delete、login、singup操作，分別對(duì)應(yīng)處理用戶視圖中的列表、添加、編輯、保存、刪除操作和用戶登錄、注冊(cè)。4.3系統(tǒng)模塊詳細(xì)設(shè)計(jì)4.3.1系統(tǒng)模塊基本設(shè)計(jì)基于微信關(guān)注的客戶服務(wù)系統(tǒng)基于微信關(guān)注的客戶服務(wù)系統(tǒng)訂單管理產(chǎn)品管理用戶管理角色管理文章管理咨詢管理樣品管理圖4-2系統(tǒng)模塊圖整個(gè)系統(tǒng)被劃分成七個(gè)子模塊，每個(gè)模塊的主要功能如下：〔1〕訂單管理模塊，包括訂單新增，訂單修改，訂單刪除，訂單查詢，訂單跟蹤，訂單篩選，訂單打印等功能?！?〕產(chǎn)品管理模塊，包括產(chǎn)品及分類新增，產(chǎn)品及分類修改，產(chǎn)品及分類刪除，產(chǎn)品及分類查詢等功能?！?〕用戶管理模塊，包括用戶的新增，用戶的查詢，用戶的編輯，用戶的刪除等功能?！?〕角色管理模塊，包括角色的查詢，角色的修改，角色的查看，角色權(quán)限的編輯，角色的新增等功能?！?〕樣品管理模塊，包括樣品的新增，樣品的修改，樣品查看，樣品刪除等功能?！?〕文章管理模塊，包括文章信息及其分類的新增、修改、刪除、查看等功能?！?〕咨詢反響模塊，包括咨詢反響信息的修改、刪除、查看等功能。4.3.2產(chǎn)品管理模塊該模塊主要是針對(duì)產(chǎn)品及其分類的增刪改查。如以以下列圖4-3所示，該圖描述了產(chǎn)品管理模塊流程圖，該模塊實(shí)現(xiàn)產(chǎn)品的新增、修改、查詢、刪除操作。進(jìn)入產(chǎn)品管理頁面后是所有產(chǎn)品的列表，點(diǎn)擊新增產(chǎn)品按鈕后進(jìn)入新增產(chǎn)品頁面，在該頁面用戶需填寫產(chǎn)品標(biāo)題，選擇產(chǎn)品分類，上傳產(chǎn)品預(yù)覽圖片，填寫產(chǎn)品價(jià)格、數(shù)量、規(guī)格、詳細(xì)描述等信息后點(diǎn)擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點(diǎn)擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進(jìn)展模糊匹配產(chǎn)品信息，將產(chǎn)品標(biāo)題中包含該字符串的所有產(chǎn)品羅列出來展示在頁面，用戶可對(duì)搜索出來的產(chǎn)品進(jìn)展編輯，刪除操作。圖4-3產(chǎn)品管理模塊流程圖在查詢出來的產(chǎn)品中選中相應(yīng)的產(chǎn)品后可對(duì)其進(jìn)展編輯和刪除。點(diǎn)擊編輯按鈕后進(jìn)入編輯界面，此時(shí)所有產(chǎn)品信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應(yīng)的信息后點(diǎn)擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點(diǎn)擊刪除按鈕后彈出確認(rèn)刪除的提示框，用戶選擇確定后刪除相應(yīng)產(chǎn)品，并刷新當(dāng)前頁面，用戶選擇取消后關(guān)閉對(duì)話框，不做任何操作。在產(chǎn)品新增頁面，當(dāng)用戶提交信息不符合規(guī)定時(shí)會(huì)提示錯(cuò)誤信息，例如：產(chǎn)品標(biāo)題須是6到20個(gè)漢字和英文字符串，可以是純漢字或英文，價(jià)格和數(shù)量字段強(qiáng)制填寫數(shù)字類型，上傳圖片可以是本地上傳或遠(yuǎn)程圖片。產(chǎn)品描述是10到10000個(gè)字符的字符串。當(dāng)信息全部填寫正確后才能提交到后臺(tái)，提交至后臺(tái)后對(duì)所有字段進(jìn)展過濾，首先過內(nèi)容中包含的濾腳本標(biāo)簽，即采用strip_tags函數(shù)進(jìn)展過濾。產(chǎn)品分類信息的增刪改查：圖4-4產(chǎn)品分類管理模塊流程圖圖4-4描述了產(chǎn)品分類管理模塊流程圖，該模塊實(shí)現(xiàn)產(chǎn)品分類的新增、修改、查詢、刪除操作。進(jìn)入產(chǎn)品分類管理頁面后是所有產(chǎn)品分類的列表，點(diǎn)擊新增產(chǎn)品分類按鈕后進(jìn)入新增產(chǎn)品分類頁面，在該頁面用戶需填寫產(chǎn)品分類標(biāo)題，備注等信息后點(diǎn)擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點(diǎn)擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進(jìn)展模糊匹配產(chǎn)品分類信息，將產(chǎn)品分類標(biāo)題中包含該字符串的所有產(chǎn)品分類羅列出來展示在頁面，用戶可對(duì)搜索出來的產(chǎn)品分類進(jìn)展編輯，刪除操作。在查詢出來的產(chǎn)品分類中選中相應(yīng)的產(chǎn)品分類后可對(duì)其進(jìn)展編輯和刪除。點(diǎn)擊編輯按鈕后進(jìn)入編輯界面，此時(shí)所有產(chǎn)品分類信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應(yīng)的信息后點(diǎn)擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點(diǎn)擊刪除按鈕后彈出確認(rèn)刪除的提示框，用戶選擇確定后刪除相應(yīng)產(chǎn)品分類，并刷新當(dāng)前頁面，用戶選擇取消后關(guān)閉對(duì)話框，不做任何操作。在產(chǎn)品分類新增和編輯頁面對(duì)用戶輸入的信息進(jìn)展檢查，產(chǎn)品分類標(biāo)題為必填項(xiàng)，必須2到20個(gè)字符的漢字、英文組合或純漢字或英文。備注不是必填項(xiàng)，信息填寫正確前方可提交至后臺(tái)，提交至后臺(tái)后需要對(duì)每個(gè)字段值進(jìn)展過濾，采用strip_tags函數(shù)過濾。4.3.3訂單管理模塊該模塊主要是針對(duì)訂單的增刪改查。圖下4-5所示，該圖描述了訂單管理模塊流程圖，該模塊實(shí)現(xiàn)訂單的新增、修改、查詢、刪除操作。進(jìn)入訂單管理頁面后是所有訂單的列表，點(diǎn)擊新增訂單按鈕后進(jìn)入新增產(chǎn)品頁面，在該頁面用戶需選擇產(chǎn)品，填寫聯(lián)系人，填寫、數(shù)量、選擇付款方式、填寫用戶名等信息后點(diǎn)擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點(diǎn)擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進(jìn)展模糊匹配訂單信息，將產(chǎn)品標(biāo)題、用戶名中包含該字符串的所有訂單羅列出來展示在頁面，用戶可對(duì)搜索出來的訂單進(jìn)展編輯，刪除操作。圖4-5訂單管理模塊流程圖在查詢出來的訂單中選中相應(yīng)的訂單后可對(duì)其進(jìn)展編輯和刪除。點(diǎn)擊編輯按鈕后進(jìn)入編輯界面，此時(shí)所有訂單信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應(yīng)的信息后點(diǎn)擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點(diǎn)擊刪除按鈕后彈出確認(rèn)刪除的提示框，用戶選擇確定后刪除相應(yīng)訂單，并刷新當(dāng)前頁面，用戶選擇取消后關(guān)閉對(duì)話框，不做任何操作。訂單狀態(tài)改變情況如以以下列圖所示。圖4-6訂單狀態(tài)改變流程圖圖4-6描述了訂單狀態(tài)改變流程圖，對(duì)于訂單，相關(guān)規(guī)則為：用戶提交的訂單，如果是貨到付款，則初始狀態(tài)為未發(fā)貨，管理員可選擇發(fā)貨，發(fā)貨時(shí)需填寫物流信息。如果是在線支付，假設(shè)用戶付款成功，則該訂單狀態(tài)為未發(fā)貨。對(duì)于在線支付而又未支付的訂單，顯示修改價(jià)格按鈕，管理員可以修改此訂單的價(jià)格，用戶可以選擇支付。對(duì)于已發(fā)貨的訂單可以查看物流信息，物流信息采用第三方接口api，提供物流公司和快遞號(hào)即可查看。4.3.4文章管理模塊該模塊主要是針對(duì)文章及其分類的增刪改查。圖4-7文章管理模塊流程圖圖4-7描述了文章管理模塊流程圖，該模塊實(shí)現(xiàn)文章的新增、修改、查詢、刪除操作。進(jìn)入文章管理頁面后是所有文章的列表，點(diǎn)擊新增文章按鈕后進(jìn)入新增文章頁面，在該頁面用戶需填寫文章標(biāo)題，選擇文章分類，上傳文章預(yù)覽圖片，填寫文章詳細(xì)內(nèi)容等信息后點(diǎn)擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點(diǎn)擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進(jìn)展模糊匹配文章信息，將文章標(biāo)題中包含該字符串的所有文章羅列出來展示在頁面，用戶可對(duì)搜索出來的文章進(jìn)展編輯，刪除操作。在查詢出來的文章中選中相應(yīng)的文章后可對(duì)其進(jìn)展編輯和刪除。點(diǎn)擊編輯按鈕后進(jìn)入編輯界面，此時(shí)所有文章信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應(yīng)的信息后點(diǎn)擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點(diǎn)擊刪除按鈕后彈出確認(rèn)刪除的提示框，用戶選擇確定后刪除相應(yīng)文章，并刷新當(dāng)前頁面，用戶選擇取消后關(guān)閉對(duì)話框，不做任何操作。在文章新增頁面，當(dāng)用戶提交信息不符合規(guī)定時(shí)會(huì)提示錯(cuò)誤信息，例如：文章標(biāo)題須是6到20個(gè)漢字和英文字符串，可以是純漢字或英文，價(jià)格和數(shù)量字段強(qiáng)制填寫數(shù)字類型，上傳圖片可以是本地上傳或遠(yuǎn)程圖片。文章描述是10到10000個(gè)字符的字符串。當(dāng)信息全部填寫正確后才能提交到后臺(tái)，提交至后臺(tái)后對(duì)所有字段進(jìn)展過濾，首先過內(nèi)容中包含的濾腳本標(biāo)簽，即采用strip_tags函數(shù)進(jìn)展過濾。文章分類信息的增刪改查：如以以下列圖4-8所示，該圖描述了文章分類管理模塊流程圖，該模塊實(shí)現(xiàn)文章分類的新增、修改、查詢、刪除操作。進(jìn)入文章分類管理頁面后是所有文章分類的列表，點(diǎn)擊新增文章分類按鈕后進(jìn)入新增文章分類頁面，在該頁面用戶需填寫文章分類標(biāo)題，備注等信息后點(diǎn)擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點(diǎn)擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進(jìn)展模糊匹配文章分類信息，將文章分類標(biāo)題中包含該字符串的所有文章分類羅列出來展示在頁面，用戶可對(duì)搜索出來的文章分類進(jìn)展編輯，刪除操作。在查詢出來的文章分類中選中相應(yīng)的文章分類后可對(duì)其進(jìn)展編輯和刪除。點(diǎn)擊編輯按鈕后進(jìn)入編輯界面，此時(shí)所有文章分類信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應(yīng)的信息后點(diǎn)擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點(diǎn)擊刪除按鈕后彈出確認(rèn)刪除的提示框，用戶選擇確定后刪除相應(yīng)文章分類，并刷新當(dāng)前頁面，用戶選擇取消后關(guān)閉對(duì)話框，不做任何操作。在文章分類新增和編輯頁面對(duì)用戶輸入的信息進(jìn)展檢查，文章分類標(biāo)題為必填項(xiàng)，必須2到20個(gè)字符的漢字、英文組合或純漢字或英文。備注不是必填項(xiàng)，信息填寫正確前方可提交至后臺(tái)，提交至后臺(tái)后需要對(duì)每個(gè)字段值進(jìn)展過濾，采用strip_tags函數(shù)過濾。圖4-8文章分類管理模塊流程圖4.3.5用戶管理模塊該模塊主要是針對(duì)用戶的增刪改查。如以以下列圖4-9所示，該圖描述了用戶管理模塊流程圖，該模塊實(shí)現(xiàn)用戶的新增、修改、查詢、刪除操作。進(jìn)入用戶管理頁面后是所有用戶的列表，點(diǎn)擊新增用戶按鈕后進(jìn)入新增用戶頁面，在該頁面填寫用戶名，密碼，openid等信息后點(diǎn)擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點(diǎn)擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進(jìn)展模糊匹配用戶信息，將用戶名中包含該字符串的所有用戶羅列出來展示在頁面，管理員可對(duì)搜索出來的用戶進(jìn)展編輯，刪除操作。在查詢出來的用戶中選中相應(yīng)的用戶后可對(duì)其進(jìn)展編輯和刪除。點(diǎn)擊編輯按鈕后進(jìn)入編輯界面，此時(shí)所有用戶信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應(yīng)的信息后點(diǎn)擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點(diǎn)擊刪除按鈕后彈出確認(rèn)刪除的提示框，管理員選擇確定后刪除相應(yīng)用戶，并刷新當(dāng)前頁面，管理員選擇取消后關(guān)閉對(duì)話框，不做任何操作。圖4-9用戶管理模塊流程圖用戶狀態(tài)改變情況如以以下列圖4-10所示，該圖描述了用戶狀態(tài)改變流程圖，對(duì)于用戶，狀態(tài)有禁用和正常兩種，所有用戶管理員均可以將其刪除，對(duì)于禁用的用戶顯示激活按鈕，可以將其激活回到正常狀態(tài)。圖4-10用戶狀態(tài)改變流程圖4.3.6角色管理模塊該模塊主要是針對(duì)角色的增刪改查。如以以下列圖4-11所示，該圖描述了角色管理模塊流程圖，該模塊實(shí)現(xiàn)角色的新增、修改、查詢、刪除操作。進(jìn)入角色管理頁面后是所有角色的列表，點(diǎn)擊新增角色按鈕后進(jìn)入新增角色頁面，在該頁面填寫角色名，密碼，權(quán)限等信息后點(diǎn)擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。圖4-11角色管理模塊流程圖在搜索框中輸入信息，點(diǎn)擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進(jìn)展模糊匹配角色信息，將角色名中包含該字符串的所有角色羅列出來展示在頁面，管理員可對(duì)搜索出來的角色進(jìn)展編輯，刪除操作。在查詢出來的角色中選中相應(yīng)的角色后可對(duì)其進(jìn)展編輯和刪除。點(diǎn)擊編輯按鈕后進(jìn)入編輯界面，此時(shí)所有角色信息都顯示出來，并且是處于可編輯狀態(tài)，角色編輯相應(yīng)的信息后點(diǎn)擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點(diǎn)擊刪除按鈕后彈出確認(rèn)刪除的提示框，管理員選擇確定后刪除相應(yīng)角色，并刷新當(dāng)前頁面，管理員選擇取消后關(guān)閉對(duì)話框，不做任何操作。圖4-12角色狀態(tài)改變流程圖圖4-12描述了角色狀態(tài)改變流程圖，對(duì)于角色，狀態(tài)有禁用和正常兩種，所有角色超級(jí)管理員均可以將其刪除，對(duì)于禁用的角色顯示激活按鈕，可以將其激活回到正常狀態(tài)。4.3.7咨詢反響管理模塊該模塊主要是針對(duì)用戶咨詢反響的刪改查。圖4-13咨詢反響管理模塊流程圖圖4-13描述了咨詢反響管理模塊流程圖，該模塊實(shí)現(xiàn)咨詢反響的修改、查詢、刪除操作。進(jìn)入咨詢反響管理頁面后是所有咨詢反響的列表。在搜索框中輸入信息，點(diǎn)擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進(jìn)展模糊匹配咨詢反響信息，將咨詢反響標(biāo)題中和內(nèi)容中包含該字符串的所有咨詢反響羅列出來展示在頁面，用戶可對(duì)搜索出來的咨詢反響進(jìn)展編輯，刪除操作。在查詢出來的咨詢反響中選中相應(yīng)的咨詢反響后可對(duì)其進(jìn)展編輯和刪除。點(diǎn)擊編輯按鈕后進(jìn)入編輯界面，此時(shí)所有咨詢反響信息都顯示出來，并且是處于可編輯狀態(tài)，用戶編輯相應(yīng)的信息后點(diǎn)擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點(diǎn)擊刪除按鈕后彈出確認(rèn)刪除的提示框，用戶選擇確定后刪除相應(yīng)咨詢反響，并刷新當(dāng)前頁面，用戶選擇取消后關(guān)閉對(duì)話框，不做任何操作。在咨詢反響新增頁面，當(dāng)用戶提交信息不符合規(guī)定時(shí)會(huì)提示錯(cuò)誤信息，例如：咨詢反響標(biāo)題須是6到20個(gè)漢字和英文字符串，可以是純漢字或英文。咨詢反響描述是10到10000個(gè)字符的字符串。當(dāng)信息全部填寫正確后才能提交到后臺(tái)，提交至后臺(tái)后對(duì)所有字段進(jìn)展過濾，首先過內(nèi)容中包含的濾腳本標(biāo)簽，即采用strip_tags函數(shù)進(jìn)展過濾。4.4本章小結(jié)在本章中，對(duì)系統(tǒng)進(jìn)展了詳細(xì)的設(shè)計(jì)，分別從系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)，系統(tǒng)分層設(shè)計(jì)，系統(tǒng)模塊設(shè)計(jì)方面描述。在數(shù)據(jù)庫設(shè)計(jì)中，對(duì)整個(gè)ER圖進(jìn)展了分析，還有對(duì)每個(gè)數(shù)據(jù)表進(jìn)展了詳細(xì)的設(shè)計(jì)描述。在分層設(shè)計(jì)中，通過控制層、模型曾、視圖層進(jìn)展了詳細(xì)的設(shè)計(jì)描述。系統(tǒng)模塊設(shè)計(jì)中，從訂單、產(chǎn)品、用戶、角色、樣品、文章、資訊七個(gè)方面進(jìn)展了詳細(xì)的設(shè)計(jì)描述。5系統(tǒng)實(shí)現(xiàn)在本章中，將本課題實(shí)現(xiàn)的系統(tǒng)進(jìn)展了詳細(xì)的實(shí)現(xiàn)，其中主要論述了系統(tǒng)實(shí)現(xiàn)的功能、性能需求、界面設(shè)計(jì)、數(shù)據(jù)交互設(shè)計(jì)和最后實(shí)現(xiàn)的效果截圖。其中在設(shè)計(jì)局部對(duì)各模塊分別畫了功能流程圖來進(jìn)展一一分析，在實(shí)現(xiàn)局部，分為前端和后臺(tái)兩局部進(jìn)展描述，在實(shí)現(xiàn)局部對(duì)重要代碼進(jìn)展了詳細(xì)的介紹分析，并對(duì)代表性的運(yùn)行效果進(jìn)展截圖展示。5.1系統(tǒng)前端實(shí)現(xiàn)5.1.1實(shí)現(xiàn)的功能用戶進(jìn)入首頁看到的界面，顯示的內(nèi)容主要有九項(xiàng)：關(guān)于我們、產(chǎn)品服務(wù)、新聞資訊、產(chǎn)品列表、產(chǎn)品相冊(cè)、樣品列表、客戶案例、關(guān)注我們、聯(lián)系我們。關(guān)于我們：公司的一些基本信息的介紹。產(chǎn)品服務(wù)：主要服務(wù)工程的介紹及報(bào)價(jià)。新聞資訊：最新的新聞、活動(dòng)信息等。產(chǎn)品列表：所有產(chǎn)品列表，顯示每個(gè)產(chǎn)品的標(biāo)題、預(yù)覽圖、價(jià)格、規(guī)格、詳細(xì)介紹等信息。產(chǎn)品相冊(cè)：所有產(chǎn)品的縮略圖展示，點(diǎn)擊后顯示高清大圖，可以幻燈片滑動(dòng)。樣品列表：展示所有樣品的基本信息，已購置過產(chǎn)品的用戶可以申請(qǐng)預(yù)定樣品。客戶案例：經(jīng)典客戶案例展示，包括案例的詳細(xì)介紹及成果查看。關(guān)注我們：顯示公司微博、facebook、twitter等賬號(hào)，用戶可以點(diǎn)擊關(guān)注。聯(lián)系我們：顯示公司聯(lián)系方式及地址，用戶也可以在該頁面提交反響咨詢意見。5.1.2性能要求在九項(xiàng)內(nèi)容中，關(guān)于我們、產(chǎn)品服務(wù)、客戶案例、關(guān)注我們、聯(lián)系我們五項(xiàng)是緩存生成的靜態(tài)HTML頁面以加快訪問速度。新聞資訊、產(chǎn)品樣品列表、產(chǎn)品相冊(cè)信息是從數(shù)據(jù)庫中讀取出來的。5.1.3詳細(xì)設(shè)計(jì)1〕界面方面：首先是首頁展示，根據(jù)mvc邏輯，當(dāng)用戶訪問首頁時(shí)有IndexController類處理該請(qǐng)求，也就是說當(dāng)用戶訪問首頁時(shí)執(zhí)行IndexController類的index〔〕方法，該方法代碼及注釋如下：publicfunctionindex($openid=''){ $this->addOpenId($openid);//將用戶openid添加至session $this->assign("siteName",C('siteName'));//從配置文件獲取網(wǎng)站名稱，并賦值到模版 $this->display('index');輸出相應(yīng)的模版文件} publicfunctionaddOpenid($openid){ if(!empty($_SESSION['openid'])){//判斷session中是否已添加openid returntrue; } else{ $_SESSION['openid']=$openid;//假設(shè)還未添加，則將該openid放入session returntrue; }}2〕關(guān)于我們：該頁對(duì)應(yīng)于AboutController下的about方法，當(dāng)用戶點(diǎn)擊該頁面時(shí)是由該函數(shù)來處理的，下面是該函數(shù)代碼及注釋：publicfunctionabout($openid=''){ $this->addOpenId($openid);//檢查openid是否為空，為空則添加 $this->assign('title',"關(guān)于我們");//添加頁面標(biāo)題 $this->display('about');//輸出對(duì)應(yīng)模版文件 }3〕產(chǎn)品服務(wù)：該頁對(duì)應(yīng)于ProductController下的serviceList方法，當(dāng)用戶點(diǎn)擊該頁面時(shí)是由該函數(shù)來處理的，下面是該函數(shù)代碼及注釋：publicfunctionserviceList($openid=''){ $this->addOpenId($openid);//檢查openid是否為空，為空則添加 $this->assign('title','產(chǎn)品服務(wù)');//添加頁面標(biāo)題 $this->display('service');//輸出對(duì)應(yīng)模版文件 }4〕新聞資訊：該頁對(duì)應(yīng)于ArticleController下的newsList方法，當(dāng)用戶點(diǎn)擊該頁面時(shí)是由該函數(shù)來處理的，下面是該函數(shù)代碼及注釋：publicfunctionnewsList($openid='',$classify=''){//新聞列表處理函數(shù) $this->addOpenId($openid);//檢查openid是否為空，為空則添加 $article=M('Article');//創(chuàng)立文章模型對(duì)象 $articleClassify=M('ArticleClassify');創(chuàng)立文章分類模型對(duì)象 if($classify==''){//假設(shè)分類信息為空即首次進(jìn)入，則獲取所有新聞信息 $this->assign('articles',$article->where()->select());//從數(shù)據(jù)庫查找所有新聞信息并賦值到模版 }else{//否則，即分類信息不為空 $data['classify']=$classify; $this->assign('articles',$article->where($data)->select());//根據(jù)分類信息從數(shù)據(jù)庫查找相應(yīng)新聞并賦值到模版 } $this->assign('articleClassifys',$articleClassify->where()->select());//從數(shù)據(jù)庫將所有分類信息讀取出來并賦值到模版，供用戶篩選 $this->assign('title','新聞列表');//定義頁面標(biāo)題 $this->display('newslist');//輸出相應(yīng)的模版 }新聞資訊詳細(xì)頁面：該頁對(duì)應(yīng)于ArticleController下的news方法，當(dāng)用戶點(diǎn)擊文章列表頁的某條文章時(shí)會(huì)跳轉(zhuǎn)到此頁，該頁面時(shí)是由該函數(shù)來處理的，下面是該函數(shù)代碼及注釋：publicfunctionnews($id=0){//新聞資訊詳情頁面函數(shù) $article=M('Article');//創(chuàng)立文章模型對(duì)象 $articleComment=M('ArticleComment');//創(chuàng)立文章評(píng)論模型對(duì)象 $map['articleid']=$id;//賦值文章id變量 $data['id']=$id;//賦值id變量 $this->assign('articles',$article->where($data)->select());//從數(shù)據(jù)庫獲取該id的文章信息并賦值到模版 $this->assign('comments',$articleComent->where($map)->select());//獲取該條新聞的評(píng)論信息并賦值到模版 $this->assign('title','新聞');//定義頁面標(biāo)題 $this->display('news');//輸出相應(yīng)模版 }5〕產(chǎn)品列表：該頁對(duì)應(yīng)于ProductController下的List方法，當(dāng)用戶進(jìn)入該頁面時(shí)是由該函數(shù)來處理的，下面是該函數(shù)代碼及注釋：publicfunctionlists($openid='',$classify=''){//產(chǎn)品列表處理函數(shù) $this->addOpenId($openid);//設(shè)置openid $productClassify=M('ProductClassify');//創(chuàng)立產(chǎn)品分類模型對(duì)象 $product=M('Product');//創(chuàng)立產(chǎn)品模型對(duì)象 $this->assign('productClassifys',$productClassify->where()->select());//從數(shù)據(jù)庫查找所有產(chǎn)品分類信息并賦值到模版 if(empty($classify)){//假設(shè)分類信息為空，即首次進(jìn)入，則查找所有產(chǎn)品 $this->assign('products',$product->where()->select()); }else{//否則，檢索相應(yīng)分類的產(chǎn)品信息并賦值到模版 $data['classify']=$classify; $this->assign('products',$product->where($data)->select()); } $this->assign('title',"產(chǎn)品列表");//定義頁面標(biāo)題 $this->display('product_list');//輸出相應(yīng)模版 }6〕產(chǎn)品相冊(cè)：該頁對(duì)應(yīng)于ProductController下的gallery方法，當(dāng)用戶進(jìn)入該頁面時(shí)是由該函數(shù)來處理的，下面是該函數(shù)代碼及注釋：publicfunctiongallery($openid=''){//產(chǎn)品相冊(cè)處理函數(shù) $this->addOpenId($openid);//檢查添加openid至session $this->assign('title','產(chǎn)品相冊(cè)');//定義頁面標(biāo)題 $this->display('gallery');//輸出相應(yīng)頁面模版 }7〕樣品列表：該頁對(duì)應(yīng)于ExampleProductController下的list方法，當(dāng)用戶進(jìn)入該頁面時(shí)是由該函數(shù)來處理的，下面是該函數(shù)代碼及注釋：publicfunctionlists($openid='',$classify=''){//樣品列表頁處理函數(shù) $this->addOpenId($openid);//檢查設(shè)置openid $productClassify=M('ProductClassify');//創(chuàng)立產(chǎn)品分類模型對(duì)象 $product=M('ExampleProduct');//創(chuàng)立樣品模型對(duì)象 $this->assign('productClassifys',$productClassify->where()->select());//檢索所有產(chǎn)品分類信息并賦值到模版 if(empty($classify)){//假設(shè)分類為空，則檢索所有樣品 $this->assign('products',$product->where()->select()); }else{//否則。檢索相應(yīng)分類下的樣品，并賦值到模版 $data['classify']=$classify; $this->assign('products',$product->where($data)->select()); } $this->assign('title',"產(chǎn)品列表");//定義頁面標(biāo)題 $this->display('product_list');//輸出相應(yīng)模版 }8〕客戶案例：該頁對(duì)應(yīng)于ProductController下的client方法，當(dāng)用戶進(jìn)入該頁面時(shí)是由該函數(shù)來處理的，該函數(shù)處理方式于“產(chǎn)品相冊(cè)“頁面類似，頁面標(biāo)題賦值，模版輸出等操作。9〕關(guān)注我們：該頁對(duì)應(yīng)于AboutController下的follow方法，當(dāng)用戶進(jìn)入該頁面時(shí)是由該函數(shù)來處理的，該函數(shù)處理方式于“客戶案例“頁面類似，頁面標(biāo)題賦值，模版輸出等操作。10〕聯(lián)系我們：該頁對(duì)應(yīng)于AboutController下的contact方法，當(dāng)用戶進(jìn)入該頁面時(shí)是由該函數(shù)來處理的，該函數(shù)處理方式于“關(guān)注我們“頁面類似，頁面標(biāo)題賦值，模版輸出等操作。5.1.3運(yùn)行結(jié)果展示 1〕首頁展示截圖：圖5-1首頁展示界面截圖圖5-1展示了首頁展示界面截圖。在首頁展示界面，一共有九項(xiàng)內(nèi)容，分別是關(guān)于我們、產(chǎn)品服務(wù)、新聞資訊產(chǎn)品列表，產(chǎn)品相冊(cè)、樣品列表、客戶案例、關(guān)注我們、聯(lián)系我們。每個(gè)內(nèi)容分別是一個(gè)超鏈接，點(diǎn)擊進(jìn)去后是詳細(xì)內(nèi)容，詳細(xì)內(nèi)容后面章節(jié)將會(huì)表達(dá)。2〕關(guān)于我們截圖：圖5-2關(guān)于我們展示界面截圖圖5-2展示了關(guān)于我們展示界面截圖。該頁面是由首頁關(guān)于我們點(diǎn)擊進(jìn)入的，也可以由微信公眾平臺(tái)底部菜單進(jìn)入。該頁主要是詳細(xì)介紹公司的一些情況。2〕產(chǎn)品服務(wù)截圖：圖5-3產(chǎn)品服務(wù)展示界面截圖圖5-3展示了產(chǎn)品服務(wù)展示界面截圖。該頁詳細(xì)介紹了公司的各類服務(wù)工程及一些報(bào)價(jià)單，方便客戶一目了然。3〕新聞資訊、產(chǎn)品列表截圖：圖5-4新聞資訊、產(chǎn)品列表展示界面截圖圖5-4展示了新聞資訊列表、產(chǎn)品列表展示界面截圖。在新聞列表頁展示的是最新的新聞信息，客戶可以根據(jù)類別進(jìn)展篩選查看，點(diǎn)擊標(biāo)題后就進(jìn)入新聞資訊詳細(xì)描述頁面。產(chǎn)品列表頁展示最新的產(chǎn)品信息，客戶也可以根據(jù)分類進(jìn)展篩選，客戶可以查看產(chǎn)品信息，也可以選擇立即預(yù)定。4〕產(chǎn)品相冊(cè)、客戶案例截圖：圖5-5客戶案例、產(chǎn)品相冊(cè)展示界面截圖圖5-5展示了客戶案例、產(chǎn)品相冊(cè)列表展示界面截圖?？蛻舭咐撁嬖敿?xì)展示了公司的經(jīng)典案例及詳細(xì)介紹，客戶可查看成果等。產(chǎn)品相冊(cè)列表展示最新的產(chǎn)品圖冊(cè)，點(diǎn)擊后可查看高清大圖，也可滑動(dòng)查看，非常方便。5〕關(guān)注我們、聯(lián)系我們實(shí)現(xiàn)截圖：圖5-6聯(lián)系我們、關(guān)注我們展示界面截圖圖5-6展示了關(guān)注我們、聯(lián)系我們展示界面截圖?！瓣P(guān)注我們〞頁面列出了公司的一些媒體賬號(hào)，如facebook，twitter，微博等等，用戶可以點(diǎn)擊進(jìn)展關(guān)注，關(guān)注后可查看公司詳細(xì)動(dòng)態(tài)。6〕新聞資訊詳情頁實(shí)現(xiàn)截圖：圖5-7新聞資訊詳情頁面展示界面截圖圖5-7展示了新聞資訊詳情頁面展示界面截圖。該頁是新聞資訊詳情頁，展示新聞資訊的詳細(xì)情況，用戶也可以參與評(píng)論，查看評(píng)論等。5.2系統(tǒng)后臺(tái)實(shí)現(xiàn)5.2.1實(shí)現(xiàn)的功能用戶進(jìn)入后臺(tái)看到的界面，顯示兩欄菜單：系統(tǒng)管理、業(yè)務(wù)管理。系統(tǒng)管理：包含用戶管理和角色管理兩局部。A：用戶管理：主要是對(duì)用戶的增刪改查操作。B：角色管理：主要是對(duì)角色的增刪改查操作。業(yè)務(wù)管理：包含產(chǎn)品管理、產(chǎn)品分類管理、文章管理、文章分類管理、訂單管理、樣品管理、咨詢反響管理七局部。A：產(chǎn)品管理：主要是對(duì)產(chǎn)品的增刪改查操作。B：產(chǎn)品分類管理：主要是對(duì)產(chǎn)品分類的增刪改查操作。C：文章管理：主要是對(duì)文章的增刪改查操作。D：文章分類管理：主要是對(duì)文章分類的增刪改查操作。E：訂單管理：主要是對(duì)訂單的增刪改查操作。F：咨詢反響管理：主要是對(duì)咨詢反響的刪改查操作。5.2.2性能要求在首頁，頁面每隔10分鐘向后臺(tái)異步請(qǐng)求，檢查是否有新的訂單，有則提示管理員。數(shù)據(jù)庫讀取內(nèi)容和靜態(tài)頁面均有緩存，以加快訪問速度5.2.3詳細(xì)設(shè)計(jì) 1〕界面方面：首先是首頁展示，根據(jù)mvc邏輯，當(dāng)用戶訪問首頁時(shí)有IndexController類處理該請(qǐng)求，也就是說當(dāng)用戶訪問首頁時(shí)執(zhí)行IndexController類的index〔〕方法，該方法代碼及注釋如下：publicfunctionindex(){//后臺(tái)首頁處理函數(shù) if(empty($_SESSION['admin'])){//判斷管理員是否登陸 $this->error('請(qǐng)先登錄!','admin.php/Index/login.html',1);//管理員未登錄或session失效時(shí)轉(zhuǎn)向登陸頁面 return; } $thi