基于JSP模型的客戶管理系統(tǒng)設(shè)計與實現(xiàn)

劉卓華 冉瑞生

摘要：為更好地對客戶信息的收集、管理、分析、利用，由此設(shè)計并開發(fā)出一套基于JSP模型構(gòu)架的客戶管理系統(tǒng)。該系統(tǒng)以UML出發(fā)進行對象分析與設(shè)計，采用B/S結(jié)構(gòu)（Browser/Server）結(jié)構(gòu)，MYSQL數(shù)據(jù)庫，Tomcat服務(wù)器，JSON數(shù)據(jù)傳輸以及HTML、JAVASCRIPT，對表現(xiàn)層模塊、業(yè)務(wù)層模塊、數(shù)據(jù)層模塊進行設(shè)計與實現(xiàn)。該系統(tǒng)主要功能包括對企業(yè)方信息、客戶方信息、業(yè)務(wù)信息數(shù)據(jù)進行管理。該系統(tǒng)是一個功能齊全、操作方便、充分管理數(shù)據(jù)對象之間關(guān)聯(lián)關(guān)系的管理系統(tǒng)。

關(guān)鍵詞：MVC;B/S;UML;Tomcat;客戶管理系統(tǒng)

中圖分類號：TP311? ? ?文獻標(biāo)識碼：A

文章編號：1009-3044（2019）18-0064-04

Abtract： In order to better collect， manage， analyze and utilize customer information， a set of customer management system based on JSP model framework is designed and developed. The system is based on UML for object analysis and design. It uses B/S structure （Browser/Server）， MYSQL database， TOMCAT server， JSON data transmission and HTML， JAVASCRIPT to design and implement the presentation layer module， business layer module and data layer module. The main functions of the system include the management of enterprise information， customer information and business information data. The system is a management system with complete functions， convenient operation and full management of the relationship between data objects.

Key words： MVC; B/S; UML; Tomcat; Customer Management System

1 背景

當(dāng)今社會，互聯(lián)網(wǎng)已經(jīng)深入普及到人們生活中的方方面面。在工作生活中，計算機應(yīng)用的作用尤為突出，為更好實現(xiàn)地以客戶數(shù)據(jù)的為核心管理，利用信息科學(xué)技術(shù)，實現(xiàn)對市場營銷、服務(wù)等活動信息的管理，建立一個有效幫助客戶信息的收集、管理、分析的系統(tǒng)，實現(xiàn)企業(yè)以客戶為中心的管理模式，利用計算機信息技術(shù)以及互聯(lián)網(wǎng)技術(shù)來協(xié)調(diào)企業(yè)與顧客間在營銷和聯(lián)系上的信息交互，以便根據(jù)得到的信息更加了解客戶的意向，最終目標(biāo)達到吸引新客戶、保留老客戶以及將已有客戶轉(zhuǎn)為忠實客戶，提高企業(yè)的核心競爭力，從而通過客戶管理最終實現(xiàn)增加市場份額和企業(yè)發(fā)展的目的。客戶管理系統(tǒng)是對于客戶信息管理的一個便捷的、高效率的系統(tǒng)。

該客戶聯(lián)系管理系統(tǒng)以JAVA WEB中的MVC設(shè)計思想.運用、采用分層B/S結(jié)構(gòu)（Browser/Server）進行設(shè)計。實現(xiàn)時采用了MYSQL數(shù)據(jù)庫存儲客戶信息。采用Tomcat服務(wù)器實現(xiàn)對客戶數(shù)據(jù)信息進行解析，采用JSP、Servlet搭建操作系統(tǒng)界面，開發(fā)完成客戶管理系統(tǒng)。在設(shè)計上更加清晰的對數(shù)據(jù)進行分層使得對每一個客戶數(shù)據(jù)都能準(zhǔn)確快速的查詢和操作。

2 JSP模型

一般而言，一個J2EE系統(tǒng)應(yīng)適當(dāng)?shù)貏澐纸邮照埱?，根?jù)請求采取行動，并將結(jié)束顯示給用戶等責(zé)任，流行的劃分方式有兩種，分別叫做JSP模型一和JSP模型二。[2]

本項目采用JSP模式二的架構(gòu)。模型二又叫做以Servlet為中心（Servlet Centric）的設(shè)計模式。

1） Servlet相當(dāng)于控制器（Controller）角色，它負(fù)責(zé)接收客戶段請求并處理此請求。

2） 根據(jù)請求的類型，Servlet可以選擇創(chuàng)建一個JavaBean對象，并從請求處理過程中取得的結(jié)果作為初始化參數(shù)傳給JavaBean的數(shù)據(jù)。

3） Servlet也可以直接存取數(shù)據(jù)庫數(shù)據(jù)。

4） Servlet將請求傳遞給合適的JSP，而JSP則顯示給用戶。

5） JSP僅僅從JavaBean中讀取數(shù)據(jù)，JavaBean直接與數(shù)據(jù)庫打交道。JSP不與數(shù)據(jù)去打交道。

6） JSP返回給客戶端[2] 。

3 技術(shù)簡介

本系統(tǒng)采用 Eclipse集成開發(fā)環(huán)境進行軟件開發(fā)。在實現(xiàn)過程中，主要采用了 如下幾個技術(shù)：

3.1 B/S結(jié)構(gòu)（Browser/Server結(jié)構(gòu)）結(jié)構(gòu)

B/S結(jié)構(gòu)（Browser/Server結(jié)構(gòu)）即瀏覽器和服務(wù)器結(jié)構(gòu)。它是隨著Internet技術(shù)的興起，對C/S結(jié)構(gòu)的一種變化或者改進的結(jié)構(gòu)。在這種結(jié)構(gòu)下，用戶工作界面是通過WWW瀏覽器來實現(xiàn)，極少部分事務(wù)邏輯在前端（Browser）實現(xiàn)，但是主要事務(wù)邏輯在服務(wù)器端（Server）實現(xiàn)，大大簡化了客戶端電腦載荷，減輕了系統(tǒng)維護與升級的成本和工作量，降低了用戶的總體成本（TCO）。

3.2 MySQL 數(shù)據(jù)庫技術(shù)

MYSQL是一個高性能的且相對簡單的關(guān)系數(shù)據(jù)庫系統(tǒng)，相對于其他數(shù)據(jù)庫來說，其復(fù)雜性相對較低。在本系統(tǒng)中，MYSQL數(shù)據(jù)庫主要用于存儲系統(tǒng)大部分?jǐn)?shù)據(jù)，包括企業(yè)與所有客戶方之間的關(guān)系的關(guān)聯(lián)表。

3.3 Tomcat服務(wù)器

Tomcat服務(wù)器是一個免費的開放源代碼的Web 應(yīng)用服務(wù)器，屬于輕量級應(yīng)用服務(wù)器，用于開發(fā)和調(diào)試JSP 程序的首選。服務(wù)端配置好Apache服務(wù)器，可利用它響應(yīng)HTML頁面的訪問請求。

3.4 JSON數(shù)據(jù)傳輸技術(shù)

JSON數(shù)據(jù)傳輸技術(shù)全稱 JavaScript Object Notation，是一種輕量級的數(shù)據(jù)交換格式，由名字可知，JSON就是JAVASRCIPT中的對象和數(shù)組，通過對象和數(shù)組這兩種結(jié)構(gòu)可以表示各種復(fù)雜的結(jié)構(gòu)，這也是選擇使用JSON傳輸格式的主要原因。

在企業(yè)對系統(tǒng)請求查詢結(jié)果時，對數(shù)據(jù)獲取的數(shù)據(jù)使用API對數(shù)據(jù)進行封裝成JSON數(shù)據(jù)，傳送回表現(xiàn)層，以這種方式傳送數(shù)據(jù)分裝能使傳輸?shù)臄?shù)據(jù)更加的快捷、迅速，降低了傳輸流量，提了整個系統(tǒng)的性能。

3.5 AJAX

AJAX（全稱“AsynchronousJavascriptAndXML”），即異步JAVASRCIPT和 XML，是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)，是異步JAVASRCIPT和XML（標(biāo)準(zhǔn)通用標(biāo)記語言的子集），用于創(chuàng)建快速動態(tài)網(wǎng)頁、一種在無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換，AJAX可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。

系統(tǒng)中對某一個數(shù)據(jù)單元進行查詢判定時，不需要重新加載整張頁面，就可對當(dāng)前的數(shù)據(jù)項進行更新，使用戶享受更好地操作體驗。同時，也減輕了網(wǎng)頁傳輸數(shù)據(jù)帶來的資源消耗。

4 系統(tǒng)設(shè)計

4.1 系統(tǒng)總體架構(gòu)

本系統(tǒng)以B/S為總體架構(gòu)，設(shè)計具有JavaWeb三層架構(gòu)的一套客戶管理系統(tǒng)。三層架構(gòu)主要實現(xiàn)為：表示層（WEB層）、業(yè)務(wù)邏輯層（Businesss Logic）、數(shù)據(jù)訪問層（Data Access）。

View 主要實現(xiàn)為表示層運用JSP、Servlet技術(shù)，實現(xiàn)網(wǎng)頁客戶端界面并對系統(tǒng)實體的控制和消息的傳遞控制;Model 主要實現(xiàn)為系統(tǒng)的邏輯業(yè)務(wù)層、數(shù)據(jù)訪問層;Controller層對業(yè)務(wù)邏輯進行控制。以下UML圖形參考。[1]

4.2 業(yè)務(wù)邏輯類設(shè)計

在客戶端使用者對相應(yīng)的按鈕或觸發(fā)器進行操作時，客戶端會傳遞對應(yīng)的操作請求給服務(wù)器端的對應(yīng)Servlet、JSP控制層對數(shù)據(jù)進行接收，判斷相應(yīng)的數(shù)據(jù)類型，獲取傳送的數(shù)據(jù)請求，在對數(shù)據(jù)進行處理和整合后傳遞給業(yè)務(wù)邏輯層，進而傳遞給數(shù)據(jù)層處理，使用對象關(guān)系映射（Object Relation Mapping）對對應(yīng)的實體對象進行相關(guān)請求操作，執(zhí)行成功或者失敗后返回相應(yīng)的結(jié)果，并傳遞回客戶端展示。業(yè)務(wù)邏輯層類圖如圖3所示。

4.3 數(shù)據(jù)層設(shè)計

該層主要包含了系統(tǒng)所有的實體對象，負(fù)責(zé)對數(shù)據(jù)層的存儲、查詢和操作。系統(tǒng)中數(shù)據(jù)層實現(xiàn)為數(shù)據(jù)代管者Dao類，對不同的數(shù)據(jù)對象進行處理，主要的分別有五類，BargainDao、CustomerDao、FollowInfoDao、LinkManDao、UserDao。同時針對相應(yīng)的實體類Bargain、Customer、FollowInfo、LinkMan、PageBean、User6個實體進行設(shè)計，每個實體包含其自身數(shù)據(jù)相應(yīng)的屬性及行為，每個對象之間包含相應(yīng)的數(shù)據(jù)結(jié)構(gòu)。系統(tǒng)實體類模型 如圖4所示：

5 模塊設(shè)計

系統(tǒng)主要分為以下3個模塊：

5.1 企業(yè)信息管理模塊

在以企業(yè)管理員身份進入時，有權(quán)查看使用本系統(tǒng)的企業(yè)所管理的用戶的信息，對用戶信息進行相應(yīng)的增刪查改操作。此外還可以根據(jù)相應(yīng)對用戶名稱進行檢索。

5.2 客戶信息管理模塊

在相應(yīng)的企業(yè)用戶下可以查看相關(guān)聯(lián)的客戶界面、聯(lián)系人界面、跟隨記錄界面、合同界面，通過對應(yīng)的檢索查看相應(yīng)的數(shù)據(jù)，同時能對當(dāng)前數(shù)據(jù)進行數(shù)據(jù)的查看。通過對客戶頁面的操作，進而對合同界面、跟隨記錄界面、聯(lián)系人界面進行增加操作及關(guān)聯(lián)信息的聯(lián)級數(shù)據(jù)操作。

5.3 業(yè)務(wù)邏輯信息模塊

在企業(yè)和客戶關(guān)系明確后，對客戶公司的負(fù)責(zé)聯(lián)系人有更直觀的信息展示。例如：聯(lián)系人信息展示、合同交易展示、會議記錄展示，在當(dāng)前頁面能夠進行增刪查改操作，同時對所選的數(shù)據(jù)項進行模糊查詢操作，縮小對應(yīng)的數(shù)據(jù)范圍，更清晰的展示數(shù)據(jù)。

6 系統(tǒng)實現(xiàn)

6.1 登錄界面

6.2 用戶展示

用戶展示界面主要是在管理員權(quán)限登錄是對企業(yè)下的用戶信息查看，展示出系統(tǒng)中所注冊的每一個企業(yè)所管理的用戶的縮略圖，通過左右按鈕進行翻閱數(shù)據(jù)，每一個信息框都包含創(chuàng)建的時間和用戶姓名，在鼠標(biāo)移動到信息框上時，會出現(xiàn)相應(yīng)的數(shù)據(jù)操作，并且可以查看每一個用戶的詳情時，會通過AJAX向服務(wù)器請求對應(yīng)的數(shù)據(jù)信息，并返回到客戶端進行展示。此外，數(shù)據(jù)詳情中可以通過點擊進入每一個用戶的詳細數(shù)據(jù)界面。

6.3 客戶展示界面

客戶展示界面主要是展示對應(yīng)企業(yè)用戶關(guān)聯(lián)客戶的詳細信息，主要展示客戶的國籍、手機、郵箱等信息進行展示，上方的搜索框會對需要搜索的數(shù)據(jù)進行查詢，表格最有右方的操作選項可以對數(shù)據(jù)進行操作，還可以在該項獲取相應(yīng)的權(quán)限，以便對聯(lián)系人數(shù)據(jù)、合同數(shù)據(jù)、跟隨記錄數(shù)據(jù)進行關(guān)聯(lián)操作。

6.4 聯(lián)系人界面

該界面主要展示了客戶方所有的聯(lián)系信息，可以通過在客戶界面進行的獲取限定進而查詢對應(yīng)的數(shù)據(jù)信息。此外，在頁面的最上方可以進行數(shù)據(jù)檢索展示。

6.5 合同記錄界面

合同記錄界面主要展示的是當(dāng)前用的所簽訂合同的甲乙雙方、簽訂時間等信息，可通過在客戶界面的限定進行數(shù)據(jù)范圍縮減，更加清晰地展示合同數(shù)據(jù)。

6.6 會議記錄數(shù)據(jù)

會議記錄數(shù)據(jù)主要展示跟隨記錄的信息數(shù)據(jù)項展示，可對相應(yīng)的數(shù)據(jù)進行增刪查改等操作，從客戶界面獲取關(guān)聯(lián)后，對單個跟隨記錄進行對應(yīng)的關(guān)聯(lián)操作，在上方的檢索條可以對數(shù)據(jù)進行檢索，并且下方的數(shù)據(jù)可進行分頁操作。

7 結(jié)論

本文對客戶管理系統(tǒng)進行了設(shè)計的分析和實踐，從可行性、可靠性、使用性考慮軟件需求，同時結(jié)合JSP模式，設(shè)計并實現(xiàn)出使用于大多數(shù)群體的客戶管理系統(tǒng)。采用 B/S 架構(gòu)設(shè)計系統(tǒng)，將表現(xiàn)層、業(yè)務(wù)邏輯層、數(shù)據(jù)庫層獨立開來，提高了系統(tǒng)的響應(yīng)速度和安全性，增強了系統(tǒng)的結(jié)構(gòu)的易理解性和后期的可維護性。系統(tǒng)操作界面以HTML、JAVASCRIPT及前端框架進行設(shè)計使得界面更加的美觀簡潔，操作更加方便，增加了系統(tǒng)的界面友好性。此外，在功能方面對每一個數(shù)據(jù)實體之間的關(guān)聯(lián)展示了更為清晰的關(guān)聯(lián)結(jié)構(gòu)，使企業(yè)方能快速地掌握整個客戶關(guān)系的結(jié)構(gòu)，增強了系統(tǒng)的實用性，減少了企業(yè)用戶因復(fù)雜操作所帶來的不良體驗。該系統(tǒng)是一個滿足用戶需求，同時擁有高效清晰操作性能且易推廣的系統(tǒng)。

參考文獻：

[1] Brett McLaughlin， Gary Pollice， David West. 深入淺出面向?qū)ο蠓治雠c設(shè)計[M]. 南京：東南大學(xué)出版社， 2007.

[2] 閻宏. Java與模式[M]. 北京： 電子工業(yè)出版社， 2002.

【通聯(lián)編輯：謝媛媛】