javaweb VUE+ElementUI 分页组件设置 后端部分

这是在学习javaweb基础开发时的笔记,实际开发时都是在ssm框架下使用分页插件实现快速开发,所以下面的笔记仅作参考

1 后端操作

首先准备好实体类,dao和dao的实现类以及sql代码,service和service的实现类(如果没有什么复杂业务,那么service基本就是直接调用dao即可)以及最后要完成servlet
其中差别最大的是sql代码,需要使用拼接来动态调整查询方式

1.1 实体类

首先是实体类,用于储存分页信息,但是相比第一阶段
①“每页显示几条“,不再是固定值,而是由用户决定进而产生变化
②实体类需要注解实现get方法,其他的均不用注解实现
③实体类的构造函数需要手动构造
   只需要传递当前页、每页显示几条、数据库返回的总条数
   在构造函数里要对当前页和每页显示几条使用三元运算符进行默认值设置,避免空指针问题
   并且设置当前页的传入值,不允许小于1,避免查询错误
   不需要设置每页显示几条的最小值,因为用户通常只被允许在固定的数据中做选择

④起始值只需要在类内部进行计算即可得到
image

1.2 sql代码

不再是静态的代码,而是动态拼接,同时要注意SQL代码的外连接的使用,以避免漏查数据。
image

image

1.3 servlet编写

前端通过异步请求将查询需要用到的条件、分页需要用到的信息传给后端的servlet,此时servlet需要做以下操作:

  1. 处理数据(从请求头中获取查询条件和分页信息)
  2. 将查询数据封装到对象heroinfo中
  3. 调用service方法,统计指定查询条件下获得的总数据
  4. 有了1的分页信息、3的总数据 那么就能组成一个完成的分页信息对象了
  5. 查询英雄信息(业务需求,需要分页信息用于页面展示)
  6. 查询英雄类型(业务需求,不需要分页信息用于页面展示)
  7. 将业务需求的信息以及分页数据封装到map集合中
  8. 将map集合转为json字符串
  9. 将json数据通过IO流发送到浏览器上被VUE的异步请求的回调函数接收
    image
posted @ 2021-08-13 00:32  夏·舍  阅读(142)  评论(0编辑  收藏  举报