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映射文件。