SpringMVC＋Spring＋MyBatis 的综合练习 12 （针对分页的 MVC）

MVC 模式在实现的过程中分了 DAO，Service，Controller 和 View 几个层面。先抄一段很多博客都引用的关于各层的解释。

DAO层
DAO层主要是做数据持久层的工作，负责与数据库进行联络的一些任务都封装在此，DAO层的设计首先是设计DAO的接口，然后在Spring的配置文件中定义此接口的实现类，然后就可在模块中调用此接口来进行数据业务的处理，而不用关心此接口的具体实现类是哪个类，显得结构非常清晰，DAO层的数据源配置，以及有关数据库连接的参数都在Spring的配置文件中进行配置。
DAO设计的总体规划需要和设计的表，和实现类之间一一对应。
DAO层所定义的接口里的方法都大同小异，这是由我们在DAO层对数据库访问的操作来决定的，对数据库的操作，我们基本要用到的就是新增，更新，删除，查询等方法。因而DAO层里面基本上都应该要涵盖这些方法对应的操作。除此之外，可以定义一些自定义的特殊的对数据库访问的方法。

Service层
Service层主要负责业务模块的逻辑应用设计。同样是首先设计接口，再设计其实现的类，接着再Spring的配置文件中配置其实现的关联。这样我们就可以在应用中调用Service接口来进行业务处理。Service层的业务实现，具体要调用到已定义的DAO层的接口，封装Service层的业务逻辑有利于通用的业务逻辑的独立性和重复利用性，程序显得非常简洁。
Service层是建立在DAO层之上的，建立了DAO层后才可以建立Service层，而Service层又是在Controller层之下的，因而Service层应该既调用DAO层的接口，又要提供接口给Controller层的类来进行调用，它刚好处于一个中间层的位置。每个模型都有一个Service接口，每个接口分别封装各自的业务处理方法。
在DAO层定义的一些方法，在Service层并没有使用，那为什么还要在DAO层进行定义呢？这是由我们定义的需求逻辑所决定的。DAO层的操作经过抽象后基本上都是通用的，因而我们在定义DAO层的时候可以将相关的方法定义完毕，这样的好处是在对Service进行扩展的时候不需要再对DAO层进行修改，提高了程序的可扩展性。

Controller层
Controller层负责具体的业务模块流程的控制，在此层里面要调用Serice层的接口来控制业务流程，控制的配置也同样是在Spring的配置文件里面进行，针对具体的业务流程，会有不同的控制器，我们具体的设计过程中可以将流程进行抽象归纳，设计出可以重复利用的子单元流程模块，这样不仅使程序结构变得清晰，也大大减少了代码量。

View层
此层与控制层结合比较紧密，需要二者结合起来协同工发。
View层主要负责前台jsp页面的表示。

开发侧重
DAO层，Service层这两个层次都可以单独开发，互相的耦合度很低，完全可以独立进行，这样的一种模式在开发大项目的过程中尤其有优势。本项目虽然是个非常小的练习项目，但依然采用了这种模式。这样做既可以建立和巩固MVC分层设计的理念和习惯，同时在遇到大项目的时候不至于对此茫然到一无所知而无从下手。只不过因为项目小而使得 Service 中几乎没有更多的内容，单纯调用了 DAO 的接口罢了。如果有较为复杂的查询统计任务，直接用DAO的接口操作看起来会让程序的灵活性和扩展性变差，而且DAO更多的是面向单个实体类，多个实体类的同时操作（如汇款：修改两个账户的余额并记录两条收支明细），在 Service 层就需要分别调用不同的方法去完成了。
Controller，View层因为耦合度比较高，因而要结合在一起开发，但是也可以看作一个整体独立于前两个层进行开发。这样，在层与层之前我们只需要知道接口的定义，调用接口即可完成所需要的逻辑单元应用，一切都显得非常清晰简单。实践中，我发现的确 Controller 更关注于对页面的请求，传递参数给后面的 Service 层以及将返回的结果再交还给页面。

下面以 Employee 实体为例，列出四层的设计代码。

12.1 DAO 层

EmployeeMapper.java 代码

package com.hh.ssm.dao;

import com.hh.ssm.bean.Employee;
import com.hh.ssm.bean.EmployeeExample;
import java.util.List;
import org.apache.ibatis.annotations.Param;
/**
 * 定义了 DAO接口，其中的方法最终实际上是由 MyBatis 负责实现的。
 * @author HH
 */

public interface EmployeeMapper {
    long countByExample(EmployeeExample example);

    int deleteByExample(EmployeeExample example);

    int deleteByPrimaryKey(Integer employeeId);

    int insert(Employee record);

    int insertSelective(Employee record);

    List<Employee> selectByExample(EmployeeExample example);

    Employee selectByPrimaryKey(Integer employeeId);

    List<Employee> selectByExampleWithDepartment(EmployeeExample example);

    Employee selectByPrimaryKeyWithDepartment(Integer employeeId);

    int updateByExampleSelective(@Param("record") Employee record, @Param("example") EmployeeExample example);

    int updateByExample(@Param("record") Employee record, @Param("example") EmployeeExample example);

    int updateByPrimaryKeySelective(Employee record);

    int updateByPrimaryKey(Employee record);
}

12.2 Service 层

EmployeeService.java 代码如下：
目前暂时只是写了一个业务：获取全部员工信息。

package com.hh.ssm.service;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.hh.ssm.bean.Employee;
import com.hh.ssm.dao.EmployeeMapper;

@Service
public class EmployeeService {

    @Autowired
    EmployeeMapper employeeMapper;

    // 获取全部员工信息。
    public List<Employee> getAll() {
        return employeeMapper.selectByExampleWithDepartment(null);
    }
}

12.3 Controller 层

EmployeeController.java 代码如下：

package com.hh.ssm.controller;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import com.hh.ssm.bean.Employee;
import com.hh.ssm.service.EmployeeService;

@Controller
public class EmployeeController {

    @Autowired
    EmployeeService employeeService;

    /**
     * 查询员工数据（分页查询）
     * 
     * @return
     */
    @RequestMapping("/employees")
    public String getAllEmployees(
            @RequestParam(value = "pageNum", defaultValue = "1") Integer pageNum, 
            Model model) {

        // 引入PageHelper分页插件进行分页
        // 每页的记录数
        int pageSize = 8;
        // 传递分页参数
        PageHelper.startPage(pageNum, pageSize);
        // startPage 后面的第一个查询，结果会分页
        List<Employee> employees = employeeService.getAll();
        // 导航页码数量
        int navigatePages = 5;
        // 将分页结果封装到 PageInfo        
        PageInfo pageInfo = new PageInfo(employees, navigatePages);
        //System.out.println(pageInfo);
        // 把 PageInfo 封装到 model，传回到返回页面 
        model.addAttribute("pageInfo", pageInfo);       
        // 返回的页面，根据dispatcher配置中，应该调用的是 /WEB-INF/view/employees.jsp
        return "employees";
    }
}

12.4 View层

这层是jsp，我先把返回的页面贴出来，下一篇总结这个是怎么来的。
/ssm/src/main/webapp/WEB-INF/views/employees.jsp 的代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!-- 引入JSTL -->
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!--  
<link rel="stylesheet"
    href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script
    src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-->
<%
    pageContext.setAttribute("APP_PATH", request.getContextPath());
%>
<link rel="stylesheet"
    href="${APP_PATH }/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<script src="${APP_PATH }/static/js/jquery-1.12.4.min.js"></script>
<script
    src="${APP_PATH }/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<title>员工列表</title>

</head>

<body>
    <div class="container">
        <h1 class="page-header">员工管理</h1>
        <div class="row">
            <h3 class="page-header col-md-10">员工列表</h3>
            <button class="page-header col-sd-1 btn btn-info">
                <span class="glyphicon glyphicon-plus"></span> 新增
            </button>
            <button class="page-header col-sd-1 btn btn-danger">
                <span class="glyphicon glyphicon-trash"></span> 删除
            </button>
        </div>

        <br>
        <div class="row">
            <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th class="col-md-1">#</th>
                        <th class="col-md-1">部门名称</th>
                        <th class="col-md-1">员工姓名</th>
                        <th class="col-md-1">性别</th>
                        <th class="col-md-2">电子邮箱</th>
                        <th class="col-md-2">创建时间</th>
                        <th class="col-md-2">更新时间</th>
                        <th class="col-md-2">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <c:forEach items="${pageInfo.list }" var="employee">
                        <tr>
                            <td class="col-md-1" style="vertical-align: middle;">${employee.employeeId }</td>
                            <td class="col-md-1" style="vertical-align: middle;">${employee.department.departmentName }</td>
                            <td class="col-md-1" style="vertical-align: middle;">${employee.employeeName }</td>
                            <td class="col-md-1" style="vertical-align: middle;">${employee.employeeGender }</td>
                            <td class="col-md-2" style="vertical-align: middle;">${employee.employeeEmail }</td>
                            <td class="col-md-2" style="vertical-align: middle;"><fmt:formatDate
                                    value="${employee.gmtCreate }" pattern="yyyy-MM-dd" /></td>
                            <td class="col-md-2" style="vertical-align: middle;"><fmt:formatDate
                                    value="${employee.gmtModified }" pattern="yyyy-MM-dd" /></td>
                            <td class="col-md-2" style="vertical-align: middle;">
                                <button class="btn btn-primary btn-xs">
                                    <span class="glyphicon glyphicon-pencil"></span> 编辑
                                </button>
                                <button class="btn btn-danger btn-xs">
                                    <span class="glyphicon glyphicon-trash"></span> 删除
                                </button>
                            </td>
                        </tr>
                    </c:forEach>

                    <tr>
                        <td style="vertical-align: middle;" colspan="5" class="col-md-6">当前 第
                            ${pageInfo.pageNum } 页，共 ${pageInfo.pages } 页，共有 ${pageInfo.total }
                            条记录。</td>
                        <td style="vertical-align: middle;" colspan="3" class="col-md-6" align="right">
                            <nav aria-label="Page navigation">
                                <ul class="pagination pagination">
                                    <li><a href="${APP_PATH }/employees?pageNum=1">首页</a></li>
                                    <c:if test="${pageInfo.hasPreviousPage }">
                                        <li><a
                                            href="${APP_PATH }/employees?pageNum=${pageInfo.pageNum-1 }"
                                            aria-label="Previous"> <span aria-hidden="true">&laquo;</span></a></li>
                                    </c:if>
                                    <c:forEach items="${pageInfo.navigatepageNums }"
                                        var="navigatePageNum">
                                        <c:if test="${navigatePageNum == pageInfo.pageNum }">

                                            <li class="active"><a href="#">${navigatePageNum } <span
                                                    class="sr-only">(current)</span></a></li>
                                        </c:if>
                                        <c:if test="${navigatePageNum != pageInfo.pageNum }">
                                            <li><a
                                                href="${APP_PATH }/employees?pageNum=${navigatePageNum }">${navigatePageNum }</a></li>
                                        </c:if>

                                    </c:forEach>
                                    <c:if test="${pageInfo.hasNextPage }">
                                        <li><a
                                            href="${APP_PATH }/employees?pageNum=${pageInfo.pageNum+1 }"
                                            aria-label="Next"> <span aria-hidden="true">&raquo;</span>
                                        </a></li>
                                    </c:if>
                                    <li><a
                                        href="${APP_PATH }/employees?pageNum=${pageInfo.pages }">末页</a></li>
                                </ul>
                            </nav>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

</body>

</html>

SpringMVC＋Spring＋MyBatis 的综合练习 12 （针对分页的 MVC）

12.1 DAO 层

12.2 Service 层

12.3 Controller 层

12.4 View层

猜你喜欢