JavaEE--springboot前后分离小案例

后端

代码生成器：

传入user表数据

前端

1.新建vue-cil项目

：


必须是这个版本 不同版本搭建方式不一样

2.加入element-ui框架

vue模块化：没有页面的概念，全是组件或模块
进入项目的目录后操作。

axios：vue中的ajax

清空项目。
vue：

新建

配路由

首页做布局

配置main中子路由

接收后端传来的数据

springboot解决跨域问题–过滤器

新建uers.vue ， 表格绑定users数据 发送ajax的get请求查询数据。

接收到的数据分页查询

分页：要查数据在第几页、几个数据书一页

pageNo, pageSize 所有页都有可能分页查询，放入BasePojo让所有类继承。接收时就可以整个User接受。


增加分页插件：在mybatis-plus官网中

增加分页条

element：
总页数：:page-count
当前页数：:current-page
sync：数据双向传送
点击事件：点击后重读数据：@current-change=“getData()”

小图标

1. element
2. icon
   1. 直接使用svg代码
   2. 下载到项目目录中

麻烦 封装通用的 动态使用

全局注册

使用：