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