【文章內(nèi)容簡(jiǎn)介】 authorityVarchar2(100)上次登錄時(shí)間logindateDatetime創(chuàng)建時(shí)間createdatedatetime表48描述了系統(tǒng)角色數(shù)據(jù)表，該表存儲(chǔ)了系統(tǒng)角色相關(guān)信息。主鍵id是每條字段的唯一標(biāo)識(shí)符，此外還有角色名稱和密碼用于登錄后臺(tái)，狀態(tài)表示該角色可用與否，還有角色最后一次登錄時(shí)間，權(quán)限等，擁有角色管理權(quán)限的管理員可以編輯這些信息。wx_user 用戶表：主要用于保存用戶信息。表 49系統(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表49描述了用戶數(shù)據(jù)表，該表存儲(chǔ)了用戶相關(guān)信息。主鍵id是每條字段的唯一標(biāo)識(shí)符，此外還有用戶名稱和密碼用于登錄，狀態(tài)表示該角色可用與否，還有角色最后一次登錄時(shí)間，權(quán)限、郵箱、性別、年齡、住址等等，擁有用戶管理權(quán)限的管理員可以編輯這些信息。視圖層(view)Internet Explorer 、chrome、Firefox、safari、移動(dòng)端瀏覽器控制層(control)訂單管理產(chǎn)品管理文章管理角色管理樣品管理用戶管理咨詢反饋模型層(model)數(shù)據(jù)庫(kù)圖 41 系統(tǒng)分層圖（1）視圖層(view)：用來(lái)與用戶交互，并把來(lái)自系統(tǒng)的信息顯示給客戶。（2）控制層(control)：這一層處理應(yīng)用的核心業(yè)務(wù)邏輯。（3）模型層(model)：這一層處理數(shù)據(jù)庫(kù)信息，按照實(shí)體類型建模。（model）在MVC的三個(gè)部件中，模型擁有最多的處理任務(wù)。例如它可能用像EJBs和ColdFusion Components這樣的構(gòu)件對(duì)象來(lái)處理數(shù)據(jù)庫(kù)，被模型返回的數(shù)據(jù)是中立的，就是說(shuō)模型與數(shù)據(jù)格式無(wú)關(guān)，這樣一個(gè)模型能為多個(gè)視圖提供數(shù)據(jù)，由于應(yīng)用于模型的代碼只需寫(xiě)一次就可以被多個(gè)視圖重用，所以減少了代碼的重復(fù)性。本文描述系統(tǒng)將每一個(gè)實(shí)體抽象成一個(gè)model對(duì)象，實(shí)體屬性對(duì)應(yīng)對(duì)象的屬性，對(duì)實(shí)體的操作對(duì)應(yīng)對(duì)象的方法，除此之外將所有實(shí)體的共性操作抽象出來(lái)放到基礎(chǔ)對(duì)象中，其他對(duì)象均繼承自此對(duì)象，下面重點(diǎn)講述系統(tǒng)的幾個(gè)重要模型。（1）基礎(chǔ)模型Model 該模型封裝了所有基礎(chǔ)操作，包括數(shù)據(jù)庫(kù)的連接，對(duì)數(shù)據(jù)庫(kù)表基本的增刪改查操作，此外該類還實(shí)現(xiàn)了對(duì)數(shù)據(jù)的安全過(guò)濾和緩存機(jī)制。（2）文章新聞模型ArticleModel 該模型繼承自Model模型，此外還定義了屬于自己的屬性：id、name、classify、preview、content、createDate。（3）訂單模型OrderModel 該模型繼承自Model模型，此外還定義了屬于自己的屬性：39。id39。, 39。userid39。,39。name39。,39。mobile39。,39。address39。,39。productid39。, 39。productname39。,39。payway39。, 39。status39。,39。amount39。,39。price39。,39。singleprice39。,39。expresspany39。,39。expressno39。,39。preview39。,39。changeDate39。,39。createDate39。（4）產(chǎn)品模型ProductModel 該模型繼承自Model模型，此外還定義了屬于自己的屬性：39。id39。,39。classify39。, 39。name39。,39。describe39。,39。preview39。,39。price39。,39。amount39。,39。createDate39。（5）用戶模型UserModel 該模型繼承自Model模型，此外還定義了屬于自己的屬性：39。id39。, 39。username39。,39。password39。, 39。openid39。,39。39。, 39。age39。,39。gender39。,39。address39。,39。createDate39。（view）視圖是用戶看到并與之交互的界面。對(duì)老式的Web應(yīng)用程序來(lái)說(shuō)，視圖就是由HTML元素組成的界面，在新式的Web應(yīng)用程序中，HTML依舊在視圖中扮演著重要的角色，但一些新的技術(shù)已層出不窮，它們包括Adobe Flash和像XHTML，XML/XSL,WML等一些標(biāo)識(shí)語(yǔ)言和Web services.本文描述系統(tǒng)將每一個(gè)視圖對(duì)應(yīng)一個(gè)HTML模版頁(yè)面，model層的數(shù)據(jù)經(jīng)過(guò)control層運(yùn)算后傳到視圖層，由視圖負(fù)責(zé)渲染模版展示出來(lái)。下面重點(diǎn)講述系統(tǒng)的幾個(gè)重要視圖。(1)文章新聞視圖ArticleView 該視圖下包含index、add、edit視圖，分別用來(lái)展示、添加、編輯文章新聞 。 (2)訂單視圖OrderView 該視圖下包含index、add、edit、expressinfo、send視圖，分別用來(lái)展示訂單、添加訂單、編輯訂單、查看物流信息、訂單發(fā)貨。 (3)產(chǎn)品視圖ProductView 該視圖下包含index、add、edit視圖，分別用來(lái)展示、添加、編輯產(chǎn)品。(5)用戶視圖UserView 該視圖下包含index、add、edit、login、register視圖，分別用來(lái)展示、添加、編輯用戶和用戶的登錄注冊(cè) 。（control）控制器接受用戶的輸入并調(diào)用模型和視圖去完成用戶的需求，所以當(dāng)單擊Web頁(yè)面中的超鏈接和發(fā)送HTML表單時(shí)，控制器本身不輸出任何東西和做任何處理。它只是接收請(qǐng)求并決定調(diào)用哪個(gè)模型構(gòu)件去處理請(qǐng)求，然后再確定用哪個(gè)視圖來(lái)顯示返回的數(shù)據(jù)。本文所描述的系統(tǒng)將每一個(gè)controler對(duì)應(yīng)一個(gè)model，多個(gè)view。每個(gè)control都繼承自基礎(chǔ)控制器Control，下面重點(diǎn)講述系統(tǒng)的幾個(gè)重要控制器。（1）基礎(chǔ)控制器Control 該控制器實(shí)現(xiàn)了所有控制器的一些共性操作，包括模版渲染、數(shù)據(jù)處理、重定向、緩存操作等。 （2）文章新聞控制器ArticleControl 該控制器繼承自基礎(chǔ)控制器Control，除此之外還有index、add、edit、save、delete操作，分別對(duì)應(yīng)處理文章新聞視圖中的列表、添加、編輯、保存、刪除操作。（4）訂單控制器OrderControl 該控制器繼承自基礎(chǔ)控制器Control，除此之外還有index、add、edit、save、delete操作，分別對(duì)應(yīng)處理訂單視圖中的列表、添加、編輯、保存、刪除操作。（4）產(chǎn)品控制器ProductControl 該控制器繼承自基礎(chǔ)控制器Control，除此之外還有index、add、edit、save、delete操作，分別對(duì)應(yīng)處理產(chǎn)品視圖中的列表、添加、編輯、保存、刪除操作。（5）用戶控制器UserControl 該控制器繼承自基礎(chǔ)控制器Control，除此之外還有index、add、edit、save、delete、login、singup操作，分別對(duì)應(yīng)處理用戶視圖中的列表、添加、編輯、保存、刪除操作和用戶登錄、注冊(cè)?；谖⑿抨P(guān)注的客戶服務(wù)系統(tǒng)訂單管理產(chǎn)品管理用戶管理角色管理文章管理咨詢管 理樣品管理圖 42 系統(tǒng)模塊圖整個(gè)系統(tǒng)被劃分成七個(gè)子模塊，每個(gè)模塊的主要功能如下：（1）訂單管理模塊，包括訂單新增，訂單修改，訂單刪除，訂單查詢，訂單跟蹤，訂單篩選，訂單打印等功能。（2）產(chǎn)品管理模塊，包括產(chǎn)品及分類新增，產(chǎn)品及分類修改，產(chǎn)品及分類刪除，產(chǎn)品及分類查詢等功能。（3）用戶管理模塊，包括用戶的新增，用戶的查詢，用戶的編輯，用戶的刪除等功能。（4）角色管理模塊，包括角色的查詢，角色的修改，角色的查看，角色權(quán)限的編輯，角色的新增等功能。（5）樣品管理模塊，包括樣品的新增，樣品的修改，樣品查看，樣品刪除等功能。（6）文章管理模塊，包括文章信息及其分類的新增、修改、刪除、查看等功能。（7） 咨詢反饋模塊，包括咨詢反饋信息的修改、刪除、查看等功能。該模塊主要是針對(duì)產(chǎn)品及其分類的增刪改查。如下圖43所示，該圖描述了產(chǎn)品管理模塊流程圖，該模塊實(shí)現(xiàn)產(chǎn)品的新增、修改、查詢、刪除操作。 進(jìn)入產(chǎn)品管理頁(yè)面后是所有產(chǎn)品的列表，點(diǎn)擊新增產(chǎn)品按鈕后進(jìn)入新增產(chǎn)品頁(yè)面，在該頁(yè)面用戶需填寫(xiě)產(chǎn)品標(biāo)題，選擇產(chǎn)品分類，上傳產(chǎn)品預(yù)覽圖片，填寫(xiě)產(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)品羅列出來(lái)展示在頁(yè)面，用戶可對(duì)搜索出來(lái)的產(chǎn)品進(jìn)行編輯，刪除操作。圖 43 產(chǎn)品管理模塊流程圖在查詢出來(lái)的產(chǎn)品中選中相應(yīng)的產(chǎn)品后可對(duì)其進(jìn)行編輯和刪除。點(diǎn)擊編輯按鈕后進(jìn)入編輯界面，此時(shí)所有產(chǎn)品信息都顯示出來(lái)，并且是處于可編輯狀態(tài)，用戶編輯相應(yīng)的信息后點(diǎn)擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點(diǎn)擊刪除按鈕后彈出確認(rèn)刪除的提示框，用戶選擇確定后刪除相應(yīng)產(chǎn)品，并刷新當(dāng)前頁(yè)面，用戶選擇取消后關(guān)閉對(duì)話框，不做任何操作。在產(chǎn)品新增頁(yè)面，當(dāng)用戶提交信息不符合規(guī)定時(shí)會(huì)提示錯(cuò)誤信息，例如：產(chǎn)品標(biāo)題須是6到20個(gè)漢字和英文字符串，可以是純漢字或英文，價(jià)格和數(shù)量字段強(qiáng)制填寫(xiě)數(shù)字類型，上傳圖片可以是本地上傳或遠(yuǎn)程圖片。產(chǎn)品描述是10到10000個(gè)字符的字符串。當(dāng)信息全部填寫(xiě)正確后才能提交到后臺(tái)，提交至后臺(tái)后對(duì)所有字段進(jìn)行過(guò)濾，首先過(guò)內(nèi)容中包含的濾腳本標(biāo)簽，即采用strip_tags函數(shù)進(jìn)行過(guò)濾。產(chǎn)品分類信息的增刪改查：圖 44 產(chǎn)品分類管理模塊流程圖圖44描述了產(chǎn)品分類管理模塊流程圖，該模塊實(shí)現(xiàn)產(chǎn)品分類的新增、修改、查詢、刪除操作。 進(jìn)入產(chǎn)品分類管理頁(yè)面后是所有產(chǎn)品分類的列表，點(diǎn)擊新增產(chǎn)品分類按鈕后進(jìn)入新增產(chǎn)品分類頁(yè)面，在該頁(yè)面用戶需填寫(xiě)產(chǎn)品分類標(biāo)題，備注等信息后點(diǎn)擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點(diǎn)擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進(jìn)行模糊匹配產(chǎn)品分類信息，將產(chǎn)品分類標(biāo)題中包含該字符串的所有產(chǎn)品分類羅列出來(lái)展示在頁(yè)面，用戶可對(duì)搜索出來(lái)的產(chǎn)品分類進(jìn)行編輯，刪除操作。在查詢出來(lái)的產(chǎn)品分類中選中相應(yīng)的產(chǎn)品分類后可對(duì)其進(jìn)行編輯和刪除。點(diǎn)擊編輯按鈕后進(jìn)入編輯界面，此時(shí)所有產(chǎn)品分類信息都顯示出來(lái)，并且是處于可編輯狀態(tài)，用戶編輯相應(yīng)的信息后點(diǎn)擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點(diǎn)擊刪除按鈕后彈出確認(rèn)刪除的提示框，用戶選擇確定后刪除相應(yīng)產(chǎn)品分類，并刷新當(dāng)前頁(yè)面，用戶選擇取消后關(guān)閉對(duì)話框，不做任何操作。在產(chǎn)品分類新增和編輯頁(yè)面對(duì)用戶輸入的信息進(jìn)行檢查，產(chǎn)品分類標(biāo)題為必填項(xiàng)，必須2到20個(gè)字符的漢字、英文組合或純漢字或英文。備注不是必填項(xiàng)，信息填寫(xiě)正確后方可提交至后臺(tái)，提交至后臺(tái)后需要對(duì)每個(gè)字段值進(jìn)行過(guò)濾，采用strip_tags函數(shù)過(guò)濾。該模塊主要是針對(duì)訂單的增刪改查。圖下45所示，該圖描述了訂單管理模塊流程圖，該模塊實(shí)現(xiàn)訂單的新增、修改、查詢、刪除操作。 進(jìn)入訂單管理頁(yè)面后是所有訂單的列表，點(diǎn)擊新增訂單按鈕后進(jìn)入新增產(chǎn)品頁(yè)面，在該頁(yè)面用戶需選擇產(chǎn)品，填寫(xiě)聯(lián)系人，填寫(xiě)聯(lián)系地址、數(shù)量、選擇付款方式、填寫(xiě)用戶名等信息后點(diǎn)擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點(diǎn)擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進(jìn)行模糊匹配訂單信息，將產(chǎn)品標(biāo)題、用戶名中包含該字符串的所有訂單羅列出來(lái)展示在頁(yè)面，用戶可對(duì)搜索出來(lái)的訂單進(jìn)行編輯，刪除操作。圖 45 訂單管理模塊流程圖在查詢出來(lái)的訂單中選中相應(yīng)的訂單后可對(duì)其進(jìn)行編輯和刪除。點(diǎn)擊編輯按鈕后進(jìn)入編輯界面，此時(shí)所有訂單信息都顯示出來(lái)，并且是處于可編輯狀態(tài)，用戶編輯相應(yīng)的信息后點(diǎn)擊保存按鈕即可，保存成功后轉(zhuǎn)入到查詢界面。點(diǎn)擊刪除按鈕后彈出確認(rèn)刪除的提示框，用戶選擇確定后刪除相應(yīng)訂單，并刷新當(dāng)前頁(yè)面，用戶選擇取消后關(guān)閉對(duì)話框，不做任何操作。訂單狀態(tài)改變情況如下圖所示。圖 46 訂單狀態(tài)改變流程圖圖46描述了訂單狀態(tài)改變流程圖，對(duì)于訂單，相關(guān)規(guī)則為：用戶提交的訂單，如果是貨到付款，則初始狀態(tài)為未發(fā)貨，管理員可選擇發(fā)貨，發(fā)貨時(shí)需填寫(xiě)物流信息。如果是在線支付，若用戶付款成功，則該訂單狀態(tài)為未發(fā)貨。對(duì)于在線支付而又未支付的訂單，顯示修改價(jià)格按鈕，管理員可以修改此訂單的價(jià)格，用戶可以選擇支付。對(duì)于已發(fā)貨的訂單可以查看物流信息，物流信息采用第三方接口api，提供物流公司和快遞號(hào)即可查看。該模塊主要是針對(duì)文章及其分類的增刪改查。圖 47 文章管理模塊流程圖圖47描述了文章管理模塊流程圖，該模塊實(shí)現(xiàn)文章的新增、修改、查詢、刪除操作。 進(jìn)入文章管理頁(yè)面后是所有文章的列表，點(diǎn)擊新增文章按鈕后進(jìn)入新增文章頁(yè)面，在該頁(yè)面用戶需填寫(xiě)文章標(biāo)題，選擇文章分類，上傳文章預(yù)覽圖片，填寫(xiě)文章詳細(xì)內(nèi)容等信息后點(diǎn)擊提交按鈕后即可，提交成功后轉(zhuǎn)入到查詢界面。在搜索框中輸入信息，點(diǎn)擊查詢按鈕，系統(tǒng)根據(jù)輸入信息進(jìn)行模糊匹配文章信息，將文章標(biāo)題中包含該字符串的所有文章羅列出來(lái)展示在頁(yè)面，用戶可對(duì)搜索出來(lái)的文章進(jìn)行編輯，刪除操作。在查詢出來(lái)的文章中選中相應(yīng)的文章后可對(duì)其進(jìn)行編輯和刪除。點(diǎn)擊編輯按鈕后進(jìn)入編輯界面，此時(shí)所有文章信息都顯示出來(lái)，并且是處于可編輯狀態(tài)，用戶編輯相應(yīng)的信息后點(diǎn)擊保存按鈕即可，保存