本文共 8870 字，大约阅读时间需要 29 分钟。

一,前言

由于第二章比较长,且涉及到逐步演进的过程所以将第二章拆分为多节进行记录这一节主要针对项目的需求分析可框架搭建

二,需求分析

进入"客户管理"模块,列表查看所有客户可通过"客户名称"进行模糊查询列表中,点击"客户名称"链接,查看客户基本信息"新增"按钮,进入"新增客户"页面,可新增客户基本信息"编辑"按钮,进入"编辑客户"页面,可更新客户基本信息"删除"按钮,可删除当前客户客户基本信息包括:    客户名称,联系人,电话号码,邮箱,备注接口设计:    GET:/customer                       进入"客户列表"界面    POST:/customer_search               查询客户    GET:/customer_show?id={id}          进入"查看客户"界面    GET:/customer_create                进入"创建客户"界面    POST:/customer_create               创建客户    GET:/customer_edit?id={id}           进入"编辑客户"界面    PUT:/customer_edit?id={id}          编辑客户    DELETE:/customer_delete?id={id}     删除客户

---

三,创建数据库

创建一个名为demo的数据库编码方式UTF-8,防止编码不一致导致的中文乱码

创建表:

CREATE TABLE `customer` (    `id` bigint(20) NOT NULL AUTO_INCREMENT,    `name` varchar(255) DEFAULT NULL,    `contact` varchar(255) DEFAULT NULL,    `telephone` varchar(255) DEFAULT NULL,    `email` varchar(255) DEFAULT NULL,    `remark` text,    PRIMARY KEY(`id`)) ENGINE=INNODB DEFAULT CHARSET=utf8;

添加测试数据:

INSERT INTO `customer` VALUES ('1', 'customer1', 'Brave', '13600000000', 'Brave@gmail.com', null);INSERT INTO `customer` VALUES ('2', 'customer2', 'BraveWang', '13600000000', 'BraveWang@gmail.com', null);

创建后的数据库截图:

建议表明与字段名均为小写,多个单次用"下划线"分割

---

四,搭建项目

Maven创建Web项目 和 Tomcat配置-请参照:

创建工程目录结构如下:

创建了org.smart4j.chapter2包和三个子包采用了MVC架构搭建Web应用项目结构:Model模型, View视图, Controller控制器这是一种分层思想,将应用程序分成若干层,每一层做好自己的事情,是"单一职责原则"的应用

pom.xml如下

   
       
    
     4.0.0
        
    
     org.smart4j
        
    
     chapter2
        
    
     1.0.0
        
        
    
     war
        
        
            
     
      UTF-8
         
        
            
             
                 
      
       javax.servlet
                  
      
       javax.servlet-api
                  
      
       3.1.0
                  
      
       provided
              
             
             
                 
      
       javax.servlet.jsp
                  
      
       jsp-api
                  
      
       2.2
                  
      
       provided
              
             
             
                 
      
       javax.servlet
                  
      
       jstl
                  
      
       1.2
                  
      
       runtime
              
         
        
            
                 
                  
                      
       
        org.apache.maven.plugins
                       
       
        maven-compiler-plugin
                       
       
        3.3
                       
                           
        1.6                    
        
         1.6
                        
                   
                  
                  
                      
       
        org.apache.maven.plugins
                       
       
        maven-surefire-plugin
                       
       
        2.18.1
                       
                           
        
         true
                        
                   
                  
                  
                      
       
        org.apache.tomcat.maven
                       
       
        tomcat7-maven-plugin
                       
       
        2.2
                       
                           
        
         /${project.artifactId}
                        
                   
              
         
    
   

---

五,编写模型层

首先,根据表结构创建模型类:Customer.java

package org.smart4j.chapter2.model;/** * Created by Brave on 18/5/22. * 客户模型 */public class Customer {
       private long id;            // id    private String name;        // 客户名称    private String contact;     // 联系人    private String telephone;   // 电话号码    private String email;       // 邮箱地址    private String remark;      // 备注    // 省略 getter/setter方法...}

---

六,编写控制层

使用servlet作为控制层的实现技术根据需求分析中的接口设计URL的定义.编写具体的ServletServlet的请求类型GET,POST,PUT,DELETE,分别对应doGet,doPost,doPut,doDelete方法需要创建一下几个Service:    CustomerCreateServlet:        GET:/customer_create                进入"创建客户"界面        POST:/customer_create               创建客户    CustomerDeleteServlet:        DELETE:/customer_delete?id={id}     删除客户    CustomerEditServlet        GET:/customer_edit?id={id}          进入"编辑客户"界面        PUT:/customer_edit?id={id}          编辑客户    CustomerServlet        GET:/customer                       进入"客户列表"界面    CustomerShowServlet        GET:/customer_show?id={id}          进入"查看客户"界面    *POST:/customer_search               查询客户

CustomerCreateServlet.java

/** * Created by Brave on 18/5/22. * 创建客户 */@WebServlet("/customer_create")public class CustomerCreateServlet extends HttpServlet{
       /**     * 进入 创建客户 界面     */    @Override    protected void doGet(HttpServletRequest req, HttpServletResponse resp)            throws ServletException, IOException {        // TODO    }    /**     * 处理 创建客户 请求     */    @Override    protected void doPost(HttpServletRequest req, HttpServletResponse resp)            throws ServletException, IOException {        // TODO    }}

CustomerDeleteServlet.java

/** * Created by Brave on 18/5/22. * 删除客户 */@WebServlet("customer_delete")public class CustomerDeleteServlet extends HttpServlet {
       /**     * 删除客户     */    @Override    protected void doDelete(HttpServletRequest req, HttpServletResponse resp)            throws ServletException, IOException {        // TODO    }}

CustomerEditServlet.java

/** * Created by Brave on 18/5/22. * 编辑客户 */@WebServlet("/customer_edit")public class CustomerEditServlet extends HttpServlet{
       /**     * 进入 编辑客户 界面     */    @Override    protected void doGet(HttpServletRequest req, HttpServletResponse resp)            throws ServletException, IOException {        // TODO    }    /**     * 处理 编辑客户 请求     */    @Override    protected void doPost(HttpServletRequest req, HttpServletResponse resp)            throws ServletException, IOException {        // TODO    }}

CustomerServlet.java

/** * Created by Brave on 18/5/22. * 客户列表 */@WebServlet("/customer")public class CustomerServlet extends HttpServlet{
       @Override    protected void doGet(HttpServletRequest req, HttpServletResponse resp)            throws ServletException, IOException {        // TODO    }}

CustomerShowServlet.java

/** * Created by Brave on 18/5/22. * 显示客户基本信息 */@WebServlet("/customer_show")public class CustomerShowServlet extends HttpServlet{
       @Override    protected void doGet(HttpServletRequest req, HttpServletResponse resp)            throws ServletException, IOException {        // TODO    }}

---

七,编写服务层

服务层并不在标准的MVC架构中,它是衔接控制器层和数据库之间的桥梁由于比较简单,这里没有定义接口,直接写出实现类

CustomerService.java

/** * Created by Brave on 18/5/22. * 提供客户数据服务 */public class CustomerService {
       /**     * 获取客户列表     */    public List
   
     getCustomerList() {        // TODO        return null;    }    /**     * 获取客户     */    public Customer getCustomer(long id) {        // TODO        return null;    }    /**     * 创建客户     */    public boolean createCustomer(Map
    
      fieldMap) {        // TODO        return false;    }    /**     * 更新客户     */    public boolean updateCustomer(long id, Map
     
       fieldMap) {        // TODO        return false;    }    /**     * 删除客户     */    public boolean deleteCustomer(long id) {        // TODO        return false;    }}
     
    
   

---

七,编写单元测试

pom.xml文件添加JUnit测试框架依赖:

   
       
    
     junit
        
    
     junit
        
    
     4.11
        
    
     test
    
   

在test/java目录创建单元测试包:org.smart4j.chapter2.test

单元测试类:CustomerServiceTest.java,用于测试CustomerService类中的方法

CustomerServiceTest.java:

/** * Created by Brave on 18/5/22. * 单元测试 */public class CustomerServiceTest {
       private final CustomerService customerService;    public CustomerServiceTest(){        customerService = new CustomerService();    }    @Before    public void init() {        // TODO 初始化数据库    }    @Test    public void getCustomerListTest() throws Exception {        List
   
     customerList = customerService.getCustomerList();        Assert.assertEquals(2, customerList.size());    }    @Test    public void getCustomerTest() throws Exception {        long id = 1;        Customer customer = customerService.getCustomer(id);        Assert.assertNotNull(customer);    }    @Test    public void createCustomerTest() throws Exception {        Map
    
      fieldMap = new HashMap
     
      ();        fieldMap.put("name", "customer1");        fieldMap.put("contact", "Brave");        fieldMap.put("telephone", "13600000000");        boolean result = customerService.createCustomer(fieldMap);        Assert.assertTrue(result);    }    @Test    public void deleteCustomerTest() throws Exception {        long id = 1;        boolean result = customerService.deleteCustomer(id);        Assert.assertTrue(result);    }}
     
    
   

---

八,编写视图层

视图层使用JSP,存放于WEB-INF/view目录下推荐将JSP文件放到WEB-INF内部,因为用户无法通过浏览器地址栏直接请求放在WEB-INF内部的JSP文件,必须通过Servlet程序进行转发(forward)或重定向(redirect)

customer_create.jsp创建客户页面:

<%@ page pageEncoding="UTF-8" %>    
创建客户界面
<%-- TODO --%>

---

九,结尾

由于第二章篇幅过长,所以将其拆成几个部分做笔记,这篇主要是搭建了一个"客户管理"的代码框架,所有需要代码细化实现的部分都以TODO标记预留后续将继续对这些部分进行细化和完善及优化

项目结构: