从Vue-element-admin到SSM框架后端整合(流程梳理）

vue-element-admin

vue-element-admin是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，它可以快速搭建一个后端管理系统。首先需要掌握vue和element-ui的一些基础知识，先克隆vue-admin-template基础模板到本地，创建一个最简单的项目后台，如果需要相关组件可以从vue-element-admin项目中取。

Pagination分页组件使用介绍(前端部分）

<template>
  <pagination
    :total="total"
    :page.sync="listQuery.page"
    :limit.sync="listQuery.limit"
    @pagination="getList" />
</template>

<script>
import Pagination from @/components/Pagination

export default {
          
   
  components: {
          
    Pagination },
  data() {
          
   
    return {
          
   
      total: 0,
      listQuery: {
          
   
        page: 1,
        limit: 20
      }
    }
  },
  methods: {
          
   
    getList() {
          
   
      // 获取数据
    }
  }
}
</script>

导入的相关组件需要从vue-element-admin项目中取，

PageHelper实现数据分页(后端部分)

通过PageHelper得到一个PageInfo对象，该对象封装了分页所必须的数据，此时返回的数据要变成PageInfo类的对象（具体实现后面的博客补充）

常用的工具介绍

接口工具使用：Easy mock用来生成假数据，并且可以暴露出接口，进行调用。

内网穿透工具：natapp.cn

Mybatis逆向工程插件

Mybatis.generator可以快速根据数据库表帮我们生成pojo实体类和mapper接口和mapper映射文件。