【正文】 Servlet 會(huì)調(diào)用 Model 層的業(yè)務(wù)實(shí)現(xiàn)類(lèi)，其中編碼前需要加入處理 Json 數(shù)據(jù)的 jar 包。其源代碼如下： public class SellspBean { public boolean action(HttpServletRequest request) { String data = (jsonData)。 boolean msg = true。 ListSell sl = new ArrayListSell()。 JSONArray ja = (data)。 //處理 Json數(shù)據(jù) String bill = ()。 for (int i = 0。 i ()。 i++) { 超市銷(xiāo)售管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) JSONObject jo = (i)。 Sell s = new Sell()。 (bill)。 ((Integer) (sp_id))。 ((Integer) (s_count))。 (((String) (s_ys)))。 ((((s_rate))))。 (((String) (s_ss)))。 ((String) (s_time))。 (((String) ().getAttribute(per_id)))。 (s)。 } SellDAO sDAO = ()。 try { (sl)。 //添加銷(xiāo)售信息 } catch (Exception e) { msg = false。 ()。 } return msg。 }} 實(shí)現(xiàn)了控制 器 Controller 和業(yè)務(wù)模型 Model 后，便可以 實(shí)現(xiàn)銷(xiāo)售商品的功能模塊了。 管理員功能模塊實(shí)現(xiàn) 管理員擁有系統(tǒng)的所有權(quán)限，首先登錄系統(tǒng)，登錄后可以操作所有的功能模塊。管理員的登錄模塊和商品銷(xiāo)售模塊和普通銷(xiāo)售人員的模塊是相同的，實(shí)現(xiàn)方式相同，這里便不再贅述，只做其他模塊的介紹。 系統(tǒng)管理模塊的實(shí)現(xiàn) 用戶登錄成功后，可以進(jìn)行各種操作。這時(shí)系統(tǒng)中要有數(shù)據(jù)，系 統(tǒng)管理模塊中各個(gè)功能項(xiàng)用來(lái)初始化系統(tǒng)數(shù)據(jù)，如設(shè)定用戶信息，添加商品，設(shè)置賬戶和權(quán)限等等。此模塊中各個(gè)功能項(xiàng)使用相同的實(shí)現(xiàn)模式，這里以權(quán)限管理為例，介紹其具體實(shí)現(xiàn)。 超市銷(xiāo)售管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) 首先介紹系統(tǒng)主頁(yè)，本系統(tǒng)是 One Page, One Application 模式，各個(gè)頁(yè)面使用 ExtJS 實(shí)現(xiàn)，只要?jiǎng)?chuàng)建 各個(gè)頁(yè)面的 JS 文件 并在主頁(yè) 中引入即可。界面的布局和顯示效果都是由 ExtJS 來(lái)實(shí)現(xiàn)。創(chuàng)建主頁(yè)后引入各個(gè)主頁(yè)布局的 JS 文 件（如： 、 、 等），使用它們實(shí)現(xiàn) 的主頁(yè)界面如圖 45 所示： 圖 45 超市銷(xiāo)售管理系統(tǒng)主界面 系統(tǒng)管理中的權(quán)限管理實(shí)現(xiàn)流 程如圖 46 所 示：超市銷(xiāo)售管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) 圖 46 系統(tǒng)設(shè)置 權(quán)限管理實(shí)現(xiàn)流程圖 創(chuàng)建系統(tǒng)管理中權(quán)限管理的 JS 文件 實(shí)現(xiàn)權(quán)限管理的界面。其中包含了信息校驗(yàn)， Ajax 提交信息，自動(dòng)加載信息等實(shí)現(xiàn)。權(quán)限的 CRUD等請(qǐng)求提交到控制器 這個(gè) Servlet 中，它會(huì)調(diào)用 Model 層各個(gè)處理類(lèi)加以處理并返回處理結(jié)果，顯示到頁(yè)面中。 ServletSysqx 的源代碼如下： public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { (UTF8)。 SysqxBean sqx = new SysqxBean()。 //調(diào)用 Model 層業(yè)務(wù)處理類(lèi) boolean msg = (request)。 (UTF8)。 if(().equals(qey)) { 超市銷(xiāo)售管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) (text/javascript。application/xjson)。 if(msg) { ().print({success:true,root:+ ().toString() + })。 }else { ().print({success:false})。 } }else if(().equals(add)) { if(msg) { ().print({success:true,msg:39。添加成功 !39。})。 }else { ().print({success:false})。 } }… //實(shí)現(xiàn)同上 完成權(quán)限處理的代碼后，就可實(shí)現(xiàn)權(quán)限管理的功能?？梢詫?shí)現(xiàn)了用戶類(lèi)型設(shè)定并指定 其權(quán)限，實(shí)現(xiàn)的效果如 圖 47 所示： 圖 47 系統(tǒng)管理 權(quán)限管理界面 商品進(jìn)貨模塊的實(shí)現(xiàn) 超市系統(tǒng)采購(gòu)進(jìn)貨是一個(gè)必須的功能，本系統(tǒng)提供商品進(jìn)貨模塊，實(shí)現(xiàn)采購(gòu)進(jìn)貨。此模塊和商品銷(xiāo)售模塊實(shí)現(xiàn)的功能類(lèi)似，有采購(gòu)進(jìn)貨和今日盤(pán)點(diǎn)，并且他們的實(shí)現(xiàn)模式也是類(lèi)似的，這里以采購(gòu)進(jìn)貨的今日盤(pán)點(diǎn)為例，介紹其具體實(shí)現(xiàn)。 在進(jìn)貨模塊中點(diǎn)擊今日盤(pán)點(diǎn)，系統(tǒng)自動(dòng)將今日進(jìn)貨的信息取出展示出來(lái)。采購(gòu)進(jìn)貨模塊今日盤(pán)點(diǎn)的運(yùn)行效果如 圖 48 所 示： 超市銷(xiāo)售管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) 圖 48 商品進(jìn)貨管理 今日盤(pán)點(diǎn)界面 商品進(jìn)貨今日盤(pán)點(diǎn)實(shí)現(xiàn)流程 如圖 49 所示 ： 圖 49 商品進(jìn)貨管理 今日盤(pán)點(diǎn)實(shí)現(xiàn)流程圖 創(chuàng)建 JS 文件 實(shí)現(xiàn)今日盤(pán)點(diǎn)的界面和數(shù)據(jù)請(qǐng)求，其源代碼如下： (buypd)。 = function() { … var grid = new ({ title: 39。今日盤(pán)點(diǎn) 39。, loadMask: true, closable: true, store: store, cm: columns, sm: new ({singleSelect:true}), height: 20, 超市銷(xiāo)售管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) region: 39。center39。, viewConfig: { forceFit: true }, tbar: new ([39。39。,{ id: 39。thesum39。, text: summsg, xtype:39。tbtext39。 },39。39。]), bbar: new ({ pageSize: 10, store: store, displayInfo: true, displayMsg: 39。 {0} {1} 共 {2}39。, emptyMsg: 沒(méi)有記錄 , listeners: { 39。change39。:function() { summsg = 39。當(dāng)前頁(yè)支出總計(jì)： 39。+acount()。 (39。thesum39。).update(summsg)。 } } }) })。 return grid。}。 商品庫(kù)存模塊的實(shí)現(xiàn) 本系統(tǒng)中提供庫(kù)存管理的模塊，其中可以查看庫(kù)存預(yù)警，庫(kù)存詳細(xì)信息，進(jìn)行庫(kù)存商品的損溢操作和查詢損溢信息。他們都是對(duì)庫(kù)存信息表的操作，實(shí)現(xiàn)模式類(lèi)似，這里以庫(kù)存信息查詢?yōu)槔榻B其具體實(shí)現(xiàn)。 首先創(chuàng)建前臺(tái)的 JS 文件 ，實(shí)現(xiàn)界面布局 和數(shù)據(jù)請(qǐng)求，這里商品信息按照商品類(lèi)別分類(lèi)顯示， 實(shí)現(xiàn)了 UI 頁(yè)面后運(yùn)行效果如圖 410 所示： 超市銷(xiāo)售管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) 圖 410 商品庫(kù)存管理 庫(kù)存信息查詢界面 點(diǎn)擊庫(kù)存信息查詢系統(tǒng)自動(dòng)將庫(kù)存商品的信息查詢出來(lái)展示給用戶。流程如 圖 411 所 示： 圖 411 商品庫(kù)存管理 庫(kù)存信息查詢實(shí)現(xiàn)流程圖 實(shí)現(xiàn)后臺(tái)業(yè)務(wù)的代碼和上邊各個(gè)模塊的實(shí)現(xiàn)類(lèi)似， 處理庫(kù)存信息的類(lèi) 其核心代碼如下： public boolean action(HttpServletRequest request){ StockDAO sDAO = ()。 is = (is)。 boolean msg = true。 if(is != null amp。amp。 ().equals(yj)) { 超市銷(xiāo)售管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) int start = ((start))。 int limit = ((limit))。 try { ms = (start, limit)。 } catch (Exception e) { msg = false。 ()。 } Iterator i = ().iterator()。 if(()){ me = () ()。 } }else if(is != null amp。amp。 ().equals(cx)) { int start = ((start))。 int limit = ((limit))。 try { ms = (start, limit)。 } catch (Exception e) { msg = false。 ()。 } Iterator i = ().iterator()。 if(()){ me = () ()。 } } return msg。 } 財(cái)務(wù)管理模塊的實(shí)現(xiàn) 在超市銷(xiāo)售管理系統(tǒng)中加入財(cái)務(wù)管理的模塊，用戶可以查詢銷(xiāo)售和進(jìn)貨的報(bào)表或某一個(gè)具體的賬單，還可以進(jìn)行綜合查詢了解當(dāng)前的營(yíng)業(yè)狀況，以輔助決策營(yíng)銷(xiāo)策略。這幾個(gè)功能項(xiàng)的實(shí)現(xiàn)模式類(lèi)似，這里以收銀報(bào) 表查詢?yōu)槔?，進(jìn)行具體介紹。 首先創(chuàng)建前臺(tái)的 JS 文件 ，實(shí)現(xiàn)頁(yè)面布局和 Ajax 請(qǐng)求數(shù)據(jù)。其實(shí)現(xiàn)和前面各個(gè) UI 的實(shí)現(xiàn)類(lèi)似，收銀報(bào)表查詢實(shí)現(xiàn)后其運(yùn)行效果如圖412 所示： 超市銷(xiāo)售管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) 圖 412 財(cái)務(wù)管理 收銀報(bào)表查詢界面 用戶在上方工具條上點(diǎn)擊時(shí)間日期選擇按鈕，選擇出相應(yīng)的時(shí)間段，開(kāi)始時(shí)間要早于結(jié)束時(shí)間，系統(tǒng)會(huì)自動(dòng)校驗(yàn)。選擇完成點(diǎn)擊查詢按鈕，系統(tǒng)將會(huì)把請(qǐng)求的數(shù)據(jù)展示出來(lái)。其中收銀報(bào)表的實(shí)現(xiàn)流程如 圖 413 所 示： 圖 413 財(cái)務(wù)管理 收銀報(bào)表查詢實(shí)現(xiàn)流程圖 超市銷(xiāo)售管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) 實(shí)現(xiàn)了前臺(tái)的 UI 后，后臺(tái)添加處理業(yè)務(wù)邏輯的 代碼，其業(yè)務(wù)實(shí)現(xiàn)類(lèi) 的源代碼如下： public boolean action(HttpServletRequest request){ SellDAO sDAO = ()。 boolean msg = true。 is = (is)。 if(is != null amp。amp。 ().equals(jzdj)) { //查詢結(jié)賬單據(jù) int start = ((start))。 int limit = ((limit))。 String bill = (bill)。 try { MapListSell, Integer ms = (start, limit, bill)。 Iterator i = ().iterator()。 if(()){ me = () ()。} } catch (Exception e) { msg = false。 ()。} }else { //查詢收銀報(bào)表 int start = ((start))。 int limit = ((limit))。 String st = (st)。 String et = (et)。 try { MapListSell, Integer ms = (start,limit,st,et)。 Iterator i = ().iterator()。 if(()){ me = () ()。 } } catch (Exception e) { msg = false。 ()。 } ListSell sl = (ListSell) ()。 data += [。 for(int j=0。 j()。 j++) { Sell s = (j)。 超市銷(xiāo)售管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn) data = data + () + ,。 } data = (0, ()1) + ]。 } return msg。 } … //get/set 方法