springboot+ajax简单查学生管理系统,可模糊查询名字,分页查询

先往mysql表格里面随意添加一些数据,因为题目要求,我们可以把这些写到一个接口里面,因为要分页,所以前端需要知道总条数,参数的话需要page,limit,name,要求总条数我们就需要新建一个实体类,把查询出来的数据,和总条数一切给前端,前端得到总条数后利用Math.ceil向上取整,得到取得整数后,利用这个整数进行一次for循环,里面加入一个按钮,每循环一次就多一个按钮,因为页数是变量,所以方法需要带参数,每循环一次页数加1,然后调用加载页面的方法,就可以取到当前页面的内容

第一个mysql是分页模糊查询,第二个查询是查询当前满足条件的数量数量总数

,dierg

新建一个Resuletuil对象,让他可以调用当前RestuletUtil类下的方法,当输入page=0,时,传一个字符格式参

页面不能为0,res对象就会调用Resuletuil下的error方法,然后返回error的包装集,


包装集里面有code,为500,还有msg,就是刚刚传入的参数字符格式参页面不能为0,和一个空的集合


构造函数里面没有放入count,默认为·0


当page不为0时,继续执行以下操作

res调用restuletutil方法,参数为学生集合和int类型的数量

这个方法下面的包装集里面有code=200,msg=“成功”,还有刚刚传入的集合和当前满足条件的集合总数,前端即可接收到这些

这个截图的全部就是前端的result,student集合则是result.data,



定义全局变量,网页刚开始加载的时候加载getDataList(name,page,limit);,page=1,limit=10,所以一开始加载的就是第一页的10条数据


图片中的var list = {

'page':page,

'limit':limit,

'name':name

}

就是data:list中的list,是url地址中需要的参数,


通过$("#tab").html(subStr)将数组显示在tab标签然后显示在网页上


利用for循环将后端传给前端的对象依次放到result里面

利用for循环制作result.count/limit向上取整之后的按钮个数,每个按钮都要同一个方法,参数为i等于第几页,每循环一次按钮+一个,当前按钮同一个方法中的参数加1,也就是getDataList中page加1


实现按钮的功能,

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容