【正文】 與用戶行為的類。頁面范圍向頁面直接輸出腳本或者DHTML相當(dāng)于自我毀滅，因?yàn)槟承g覽器版本在處理不正確的腳本時(shí)會(huì)崩潰。4 系統(tǒng)分析與總體設(shè)計(jì)經(jīng)過對JNDI、Servlet、JSP等技術(shù)的熟悉運(yùn)用以及對客戶需求的分析，我們對本系統(tǒng)做了詳細(xì)的設(shè)計(jì)。 系統(tǒng)結(jié)構(gòu)設(shè)計(jì)根據(jù)對項(xiàng)目要求和用戶的需求進(jìn)行分析后，我們?yōu)樵撓到y(tǒng)設(shè)計(jì)了主要的兩大功能，即客戶端模塊和管理端模塊?？蛻舳酥饕怯糜谟脩羰褂迷撓到y(tǒng)時(shí)的一些功能模塊，包含登錄、注冊、購買商品、填寫訂單等等；而管理端就是后臺(tái)管理，用于管理員（包含超級(jí)管理員與普通管理員）管理。 客戶端模塊：包含購物車模塊、我的訂單模塊、用戶注冊模塊、用戶登錄模塊、密碼重置模塊及注銷模塊?，F(xiàn)今大部分的網(wǎng)上購物平臺(tái)都有相似的功能，而不同的電商購物平臺(tái)也有各自不同的用戶體驗(yàn)及具體設(shè)計(jì)實(shí)現(xiàn)，當(dāng)然我們的系統(tǒng)也是有基本的功能體驗(yàn)的。下面將通過圖示來展示我們的系統(tǒng)大體運(yùn)作過程：注銷用戶退出系統(tǒng)登錄失敗，返回主頁 我的訂單（提交訂單，并填寫收貨人信息） 瀏覽商品主頁用戶登錄主頁用戶注冊登錄失敗，返回主頁回到商品頁，繼續(xù)選購商品圖41 客戶端模塊的運(yùn)作過程據(jù)圖41可以看出，本系統(tǒng)的客戶端模塊主要有如下圖形界面：用戶主界面、注冊界面、登陸界面。其具體的任務(wù)如下：（1）主界面：該界面為系統(tǒng)打開后的初始界面，用來接收用戶的輸入等操作。分析可知該界面可以滿足接收用戶輸入數(shù)據(jù)、打開其他的功能模塊以及顯示其他功能模塊、界面及線程返回的結(jié)果。（2）用戶注冊界面：當(dāng)用戶通過網(wǎng)址進(jìn)入該系統(tǒng)后，可以看到系統(tǒng)主頁，并可以瀏覽商品，但此時(shí)不能進(jìn)行購物或結(jié)賬，必須要注冊成為本網(wǎng)上購物平臺(tái)的用戶后才可以，該界面的功能主要就是提供給用戶注冊，填寫相關(guān)信息并申請成為本購物平臺(tái)的用戶。（3）用戶登錄界面：在注冊完成后，首先要進(jìn)行登錄，因?yàn)檫@樣才可以調(diào)出系統(tǒng)中該用戶的相關(guān)信息以便更好的體驗(yàn)服務(wù)并在該購物平臺(tái)順利完成購物操作。（4）密碼重置功能：由題可知，該功能主要提供給用戶和管理員修改個(gè)人密碼信息的時(shí)候使用。（5）用戶注銷登錄：分析可知，在用戶完成商品的購買以下單后，為保證用戶的個(gè)人信息。安全，我們將需要提示用戶注銷個(gè)人信息。（6）我的訂單：我的訂單其實(shí)也就是購物車內(nèi)容的圖形列表顯示，在這里，用戶可以看到自己已下單的商品以及待付款的商品，不僅可以形象的顯示給用戶商品信息，用戶還可以自行操作“我的訂單”，對“我的訂單”具有管理權(quán)限，這樣有可以更好的用戶體驗(yàn)，而這也是我們需要努力去做到的。管理端模塊：相比較客戶端模塊，這個(gè)模塊稍微簡單一些，只涉及到內(nèi)部信息，但是也有一定的復(fù)雜信息量需要管理，相對簡單，只是在操作的程度上而言，其實(shí)管理端模塊涉及到更多信息，因?yàn)楣芾淼陌蛻舻男畔?、商品的信息、庫存商品、已下單商品信息等等。其具體的流程圖如下： 超級(jí)管理員 管理客戶信息超級(jí)管理普通管理員 管理商品及庫存信息登錄主頁 管理訂單及已下單商品 普通管理員圖 42 管理員端功能模塊的工作流程圖41 客戶端模塊的運(yùn)作過程據(jù)圖42可以看出，本系統(tǒng)的管理員端模塊具有六個(gè)界面：主頁、登錄界面、管理員界面、用戶信息界面、商品庫存界面、訂單管理界面界面。其具體任務(wù)如下：（1）主頁：展示網(wǎng)頁，作為歡迎頁展示給用戶及管理員。（2）登錄界面：登錄界面為用戶提供了一個(gè)人機(jī)交互的借口，用來接收用戶輸入信息，并將用戶輸入的信息提交給服務(wù)器進(jìn)行驗(yàn)證。（3）管理員界面：主要顯示當(dāng)前管理員所擁有的權(quán)限及管理員信息。（4）用戶信息界面：用戶驗(yàn)證成功后，打開用戶信息界面，該界面用于顯示用戶的信息。（5）商品庫存界面：該界面用于向管理員展示各類商品基本信息，主要包括：商品名稱，價(jià)格，數(shù)量等，將每天每月的銷售情況加以統(tǒng)計(jì)并做分析便于更好的管理商品銷售。（6）訂單管理界面：該界面用于接收和顯示每件商品的訂單信息，是否下單，下單的訂單人信息等。本著方便用戶的目的，在本系統(tǒng)中，我們還設(shè)計(jì)了一些使用的小功能。以滿足用戶在日常生活中的需要。 系統(tǒng)功能模塊設(shè)計(jì)通過前面的分析及對用戶需求的進(jìn)行分析后，該系統(tǒng)主要包含了用戶注冊功能、用戶登錄功能、用戶注銷、密碼重置功能、商品分頁功能、我的訂單管理、管理員端功能等模塊。（1） 用戶注冊功能：用戶進(jìn)入本網(wǎng)上購物超市前，需要成功注冊申請成為本系統(tǒng)的用戶后，才能在本網(wǎng)上購物超市購買商品并進(jìn)行結(jié)賬。（2）用戶登錄功能：用戶首先進(jìn)入的并不是商品主頁，不能瀏覽到商品，需要完成登錄。進(jìn)入商品主頁方可瀏覽商品并選購。（3）密碼重置功能：用戶在登入系統(tǒng)的情況下可以對自己賬戶的密碼進(jìn)行修改，這就是密碼重置功能，前提是用戶首先要登錄進(jìn)入系統(tǒng)才可以。（4）商品分頁功能：在用戶進(jìn)入商品頁后，看到的不是所有的商品，一個(gè)界面也放不下所有的商品信息，這時(shí)候就使用到了商品分頁功能，將商品按照頁數(shù)的形式供給用戶瀏覽，用戶可以通過點(diǎn)擊或者輸入對應(yīng)的頁碼跳轉(zhuǎn)到該頁面進(jìn)行選購。（5）我的訂單管理：我的訂單管理分為兩種：一、用戶對自己的訂單進(jìn)行管理，包括查看訂單詳情、添加訂單、刪除訂單等等；二、便是管理員端對訂單的管理功能實(shí)現(xiàn)，包括所有訂單的下單情況、訂單的處理情況等。（6）管理員端功能：管理員分為超級(jí)管理員和普通管理員，超級(jí)管理員具有普通管理員更大的權(quán)限，可以管理普通管理員。除此之外，兩者都可以管理用戶信息，商品信息和訂單信息。詳細(xì)功能包括：管理員登陸、修改密碼、查看客戶信息、查看商品庫存信息、查看訂單詳情等等。除了上述的基本功能以外，該系統(tǒng)還提供了一些使用的小功能模塊如查詢某年某月某日是星期幾的模塊。以及顯示當(dāng)前系統(tǒng)時(shí)間的模塊。這些模塊可以為用戶的生活帶來極大的方便。5 系統(tǒng)實(shí)現(xiàn)通過前面的系統(tǒng)分析和設(shè)計(jì)，我們經(jīng)過幾個(gè)月的努力，終于讓實(shí)現(xiàn)了該系統(tǒng)，并且達(dá)到了預(yù)期的目的。 用戶界面該界面是本系統(tǒng)的主界面，也是核心界面。通過它可以連接到本系統(tǒng)的任意界面。在該界面中包括主頁、購物車、我的訂單、用戶注冊、用戶登錄、密碼重置、注銷。這些元素的主要功能如下（源代碼見附件）：圖51 主界面 網(wǎng)頁地址：://localhost:8080/chaoshi，因?yàn)槭褂玫氖潜镜豑omcat服務(wù)器，所以將本系統(tǒng)發(fā)布在本地服務(wù)器上，在打開瀏覽器之后，使用8080端口訪問，chaoshi：為本系統(tǒng)服務(wù)名。在瀏覽器中輸入://localhost:8080/chaoshi便可以訪問到該系統(tǒng)，這個(gè)地址是用于用戶訪問該系統(tǒng)時(shí)的地址，而對于管理員來說，他們訪問的不是這個(gè)地址，我們還有對應(yīng)的管理員管理主頁面，也就是我們的后臺(tái)管理，這個(gè)地址是：://localhost:8080/chaoshi/。 主頁：用于顯示系統(tǒng)的功能菜單。用鼠標(biāo)點(diǎn)擊可彈出相應(yīng)的子菜單。這個(gè)主頁是用于用戶訪問的主頁面。 購物車：用于顯示當(dāng)前用戶所選購的商品信息，里面包含有商品單價(jià)、數(shù)量、總價(jià)等信息，用戶可以增加或刪除購買商品的數(shù)量，如果確認(rèn)選購商品信息無誤，便可以點(diǎn)擊“結(jié)賬”按鈕去填寫訂單詳情，也可以點(diǎn)擊“繼續(xù)購買”按鈕返回到商品主頁繼續(xù)瀏覽商品然后進(jìn)行選購，這個(gè)過程應(yīng)該是可以循環(huán)的。 我的訂單：主要用于顯示當(dāng)前用戶已經(jīng)下單的商品信息，用戶可以查看已經(jīng)下單的商品信息，包括訂貨人的聯(lián)系方式、收貨人的電話、收貨人的地址、預(yù)定時(shí)間，以及商品名稱、商品數(shù)量、價(jià)格和購買時(shí)間。 用戶注冊：用于提示用戶注冊。 用戶登錄：用于提供用戶登錄該系統(tǒng)。 密碼重置：用戶提供當(dāng)前登錄系統(tǒng)的用戶修改賬戶密碼。 注銷：當(dāng)前用戶退出系統(tǒng)，以保證安全。 客戶端功能實(shí)現(xiàn)客戶端模塊：包含購物車模塊、我的訂單模塊、用戶注冊模塊、用戶登錄模塊、密碼重置模塊及注銷模塊?，F(xiàn)今大部分的網(wǎng)上購物平臺(tái)都有相似的功能，而不同的電商購物平臺(tái)也有各自不同的用戶體驗(yàn)及具體設(shè)計(jì)實(shí)現(xiàn)，當(dāng)然我們的系統(tǒng)也是有基本的功能體驗(yàn)的，為了讓用戶體驗(yàn)到更加友好與方便快捷的購物。 用戶注冊功能該界面功能主要是在用戶進(jìn)入本系統(tǒng)前進(jìn)行用戶信息收集，便于管理。為了保證用戶信息安全，給每一個(gè)用戶一個(gè)專有的特權(quán)，進(jìn)入本系統(tǒng)之前都需要注冊，在注冊頁面，我們會(huì)提示用戶根據(jù)要求填寫信息。該界面主要信息如下：圖52 用戶注冊 用戶登錄功能該界面主要提供用戶登錄本系統(tǒng)的入口，由用戶名和密碼組成，正確輸入后完成登錄，便可以成功進(jìn)行商品瀏覽并選購。圖53 用戶登錄 密碼重置功能密碼重置功能，主要用于忘記密碼等情況時(shí)修改用戶密碼。 圖54 密碼重置 注銷功能注銷功能主要是為了保護(hù)用戶信息安全，注銷及退出登錄，注銷之后便回到用戶主界面，如圖所示：圖55 用戶注銷回到主界面 管理端功能實(shí)現(xiàn)管理員分為超級(jí)管理員和普通管理員，超級(jí)管理員具有普通管理員更大的權(quán)限，可以管理普通管理員。除此之外，兩者都可以管理用戶信息，商品信息和訂單信息。詳細(xì)功能包括：管理員登陸、修改密碼、查看客戶信息、查看商品庫存信息、查看訂單詳情等等。 圖56 管理端（后臺(tái)）管理主界面 管理員管理功能查看管理員信息，該頁面主要包含管理員名、管理員密碼、管理員權(quán)限，當(dāng)然這是超級(jí)管理員才具有的權(quán)限： 圖57 查看管理員信息添加管理員，添加管理員需要填寫一下信息，如管理員的名字、密碼、以及管理員的權(quán)限（超級(jí)管理員或普通管理員），在填寫管理員密碼時(shí)，我們會(huì)對用戶進(jìn)行提示，密碼的格式和長度都是有一定要求的，只有用戶按照規(guī)定的格式填寫才可以成功添加管理員：圖58 添加管理員刪除管理員：圖59 刪除管理員修改管理員信息（修改管理員信息主要是修改管理員的密碼，這個(gè)權(quán)限是普通管理員與超級(jí)管理員都具有的權(quán)限）： 圖510 修改管理員密碼 商品管理功能管理員端對商品的管理主要包括：添加商品信息、修改刪除商品信息。添加商品信息： 圖511 管理員商品管理添加商品修改刪除商品信息（當(dāng)管理員點(diǎn)擊“修改”、“刪除”按鈕后，都會(huì)跳轉(zhuǎn)到相應(yīng)的頁面進(jìn)行處理，如果是修改商品信息，那么將會(huì)跳轉(zhuǎn)到添加商品的頁面，對商品進(jìn)行添加修改；而如果是“刪除”按鈕，則會(huì)直接刪除掉當(dāng)前商品并跳轉(zhuǎn)回當(dāng)前頁面）： 圖512 管理員商品管理修改刪除商品 訂單管理功能管理員端對訂單的管理主要包含查看全部訂單信息，可以通過升序降序篩選想要查看的訂單信息，另外訂單信息有訂單號(hào)、總價(jià)格、訂貨人姓名、收貨人姓名、收貨人地址、收貨人電話、訂單狀態(tài)、預(yù)訂時(shí)間等構(gòu)成，管理員可以點(diǎn)擊“查看明細(xì)”，對訂單詳情進(jìn)行查看統(tǒng)計(jì)。 圖513 管理員訂單管理 注銷功能當(dāng)前管理員登錄后，點(diǎn)擊“注銷”，可以退出登錄狀態(tài)，回到管理員后臺(tái)管理主頁面。 圖514 管理員注銷后回到后臺(tái)主頁面6 關(guān)鍵技術(shù)及方法 MVC框架 MVC即Model View Controller，也就是模型(model)、視圖(view)、控制器(controller)的縮寫，主要原理是將業(yè)務(wù)邏輯、數(shù)據(jù)、界面顯示分離組織代碼，便于管理及修改。另外，MVC被發(fā)展起來用于映射傳統(tǒng)的輸入、處理和輸出功能在一個(gè)邏輯的圖形化用戶界面的結(jié)構(gòu)中，也是大有好處的。 什么是MVCMVC 是一種使用 MVC（Model View Controller 模型視圖控制器）設(shè)計(jì)創(chuàng)建 Web 應(yīng)用程序的模式：Model（模型）——表示應(yīng)用程序核心（比如數(shù)據(jù)庫記錄列表）。模型（Model） 用于封裝與應(yīng)用程序的業(yè)務(wù)邏輯相關(guān)的數(shù)據(jù)以及對數(shù)據(jù)的處理方法?！?Model ”有對數(shù)據(jù)直接訪問的權(quán)力，例如對數(shù)據(jù)庫的訪問。但是 Model 中數(shù)據(jù)的變化一般會(huì)通過一種刷新機(jī)制被公布。為了實(shí)現(xiàn)這種機(jī)制，那些用于監(jiān)視此 Model 的 View 必須事先在此 Model 上注冊，從而，View 可以了解在數(shù)據(jù) Model 上發(fā)生的改變。View（視圖）——顯示數(shù)據(jù)，給用戶直觀的感受（來自數(shù)據(jù)庫的記錄）。視圖（View）能夠?qū)崿F(xiàn)數(shù)據(jù)有目的的顯示（理論上，這不是必需的）。在 View 中一般沒有程序上的邏輯。Controller（控制器）——處理輸入，接收來自View的數(shù)據(jù)處理后發(fā)送（寫入數(shù)據(jù)庫記錄）控制器（Controller）起到不同層面間的組織作用，用于控制應(yīng)用程序的流程。它處理事件并作出響應(yīng)?！笆录卑ㄓ脩舻男袨楹蛿?shù)據(jù) Model 上的改變。 MVC的優(yōu)缺點(diǎn)優(yōu)點(diǎn)：1）耦合性低：視圖層和業(yè)務(wù)層分離，這樣就可以只需要更改視圖層代碼而不用重新編譯模型和控制器代碼，同樣，一個(gè)應(yīng)用的業(yè)務(wù)流程或者業(yè)務(wù)規(guī)則的改變只需要改動(dòng)MVC的模型層即可。因?yàn)槟Ｐ团c控制器和視圖分離的，所以很容易改變應(yīng)用程序的數(shù)據(jù)層和業(yè)務(wù)規(guī)則。模型是自包含的，并且與控制器和視圖相分離，所以很容易改變應(yīng)用程序的數(shù)據(jù)層和業(yè)務(wù)規(guī)則。如果改變基于RDBMS數(shù)據(jù)源到LDAP，或者把數(shù)據(jù)庫從MySQL移植到Oracle，只需改變模型即可。一旦正確的實(shí)現(xiàn)了模型，不管數(shù)據(jù)來自數(shù)據(jù)庫或是LDAP服務(wù)器，視圖將會(huì)正確的顯示它們。由于運(yùn)用MVC的應(yīng)用程序的三個(gè)部件是相互獨(dú)立，改變其中一個(gè)不會(huì)影響其它的，所以依據(jù)這種設(shè)計(jì)思想能構(gòu)造松耦合度高的構(gòu)件。2）生命周期成本低：MVC使開發(fā)和維護(hù)用戶接口的技術(shù)含量降低，在盡可能短的時(shí)間里開發(fā)出需要的產(chǎn)品。3）可維護(hù)性高：分離視圖層和業(yè)務(wù)邏輯層的方式使得Web應(yīng)用更易于維護(hù)和修改。4）部署應(yīng)用快：使用MVC模式使開發(fā)時(shí)間縮減很多，它使程序員（Java開發(fā)人員）可以集中精力做業(yè)務(wù)邏輯，界面程序員（HTML和JSP開發(fā)人員）集中精力于表現(xiàn)形式上。5）利于軟件工程化管理：由于不同的業(yè)務(wù)層各司其職，每一層不同的應(yīng)用具有某些相同的特征，有利于通過工程化、工具化管理程序代碼。控制器也提供了一個(gè)好處，就是可以使用控制器來聯(lián)接不同的模型和視圖去完成用戶的需求，這樣控制器可以為構(gòu)造應(yīng)用程序提供強(qiáng)有力的手段。給定一些可重用的模型和視圖，控制器可以根據(jù)用戶的需求選擇模型進(jìn)行 處理，然后選擇視圖將處理結(jié)果顯示給用戶。