项目一众筹网04_0_角色维护-分页（全部用Ajax来做_ajax默认为异步，但是也可以设置为同步_异步做分页_js会比较多我们的js写到外部测试接口通不通
Posted 平凡加班狗
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了项目一众筹网04_0_角色维护-分页（全部用Ajax来做_ajax默认为异步，但是也可以设置为同步_异步做分页_js会比较多我们的js写到外部测试接口通不通相关的知识，希望对你有一定的参考价值。
系列文章目录
文章目录
前言
特别注意
因为角色管理我们会全部用ajax来做
但是不要较真
假如真的一根筋，不分青红皂白非得用ajax异步的话就会有问题
问题就是，我们在加载页面的时候，必须要同步，因为我们需要先知道页码才能展示数据
所以我们还是可以用ajax，但是我们也可以用ajax的同步啊，，ajax也是有同步的，只是默认为异步而已
01-角色维护-分页-目标和思路
分页
首先还是第一步——做分页
先分析：最开始我们还是从菜单那里点过来
全部用ajax来做，所以说我们
数据显示必须在后面，要先页面数据加载完毕之后，然后点击的觉得
思路，好家伙安装老师这个思路不是没有做分页了吗，直接用view-controller，帮我们跳转到角色的页面了
不要着急，异步就是这么做的
谁说分页就必须一开始就要handler（控制器呢）
另外我们需要靠的是 js会比较多我们的js写到外部这样会更加合理和直观
02-角色维护-分页-后端-建表、创建组件
新建角色表，注意id要设置自增，并且是主键这些
角色表非常简单，当然，我们自己可以再加一个创建时间的列
创建好表之后，同样的我们再逆向工程生成相关的资源即可
注意逆向工程完成之后，我们要自己加上无参构造和有参构造，get、set、tostring这些（没有就加上，有就不必了，需要检查）
我们目前这个逆向工程，只给了我们一组get、set方法，其它的需要我们自己加
然后各就各位，这里不懂的可以翻阅我前面的文章
然后是service，因为我们不需要写Dao层/mapper层，逆向工程已经帮我们生成好了，所以我们直接就从service层开始了
控制器
这样这个架子就搭好了
03-角色维护-分页-后端-RoleMapper
我们看分页是从前往后写还是从后往前写
顺序其实都可以
我们这里就从后往前，先把sql写一下
分页其实都差不多
所以我们可以直接参考之前写的 Admin的分页改改就行了
04-角色维护-分页-后端-RoleService
因为pageHelper这个插件我们第一次做分页的时候已经引入好了，如果忘记了可以参考第一次我们做分页的时候，是做管理员维护
链接：分页 和 管理员的增删改查
Ctrl + T
又该到我们感叹这种非侵入式的代码风格了，这个pageHlper写得是真的好啊
05-角色维护-分页-后端-RoleHandler
当然我们这里是有异常映射，不 try - catch 的话就会直接跳到异常映射里面去了，也不会有大问题
若是没有异常映射，就必须要我们自己try-catch了
我们这里自己try-catch一下
因为搭建环境的时候我们已经考虑到了，所以我们刚刚只是练习一下，还是返回原来的写法
后端代码写得少，主要是框架帮了我们
06-角色维护-分页-后端-测试
我们写完了，一定要测一下接口通不通
测试接口是否通了
前端还没有写的情况下，如何测试接口是否通了
其实很简单，手动输一下地址
为啥没通？因为少了注解
他去找jsp了，其实应该返回数据才对，而不是去找jsp
所以我们如下，加上@ResponseBody
然后就可以正常返回json数据了
不过目前数据量太少了，难以看出规律
数据量太少了，难以看出规律，所以我们多加一些数据
执行完毕之后，看一下数据是不是都进来了
07-角色维护-分页-过渡-点超链接跳转到页面（下一篇）
08-角色维护-分页-前端-准备工作
09-角色维护-分页-前端-函数getPageInfoRemote()
10-角色维护-分页-前端-函数fillTableBody()
11-角色维护-分页-前端-函数generateNavigator()和paginationCallBack()
12-角色维护-关键词搜索
13-角色维护-新增-目标和思路（引入模态框）
14-角色维护-新增-代码：前端
15-角色维护-新增-代码：后端
16-角色维护-新增-小结
17-角色维护-更新-目标和思路
18-角色维护-更新-代码：前端-给铅笔按钮绑定单击响应函数
19-角色维护-更新-代码：前端-打开模态框
20-角色维护-更新-代码：前端-执行更新
21-角色维护-更新-代码：后端-执行更新
22-角色维护-删除-目标和思路
23-角色维护-删除-代码：后端
24-角色维护-删除-代码：前端-打开模态框
25-角色维护-删除-代码：前端-执行删除
26-角色维护-删除-代码：前端-单条删除
27-角色维护-删除-代码：前端-批量删除-全选全不选功能
28-角色维护-删除-代码：前端-批量删除-收集要删除的信息
29-角色维护-删除-小结
以上是关于项目一众筹网04_0_角色维护-分页（全部用Ajax来做_ajax默认为异步，但是也可以设置为同步_异步做分页_js会比较多我们的js写到外部测试接口通不通的主要内容，如果未能解决你的问题，请参考以下文章
项目一众筹网04_2_角色维护新增和更新[ajax异步开发模式]_bootStrap模态框的使用_后端保存的2种方式_
项目一众筹网02_5_管理员维护(分页 和 管理员的增删改查)——管理员维护我们使用同步，角色维护我们使用异步（ajax）
项目一众筹网03_0_管理员维护(分页 和 管理员的增删改查)——分页导航条使用bootstrap自带的页码插件实现动态页码（回调函数js怎么跳转页面）
项目一众筹网04_4_角色维护删除_单条删除和批量删除怎么实现_确认提示，，你真的要删除吗__@RequestBody和@ResponseBody结合使用_全选功能_前端获取id发到后端_ajax发送
项目一众筹网04_4_角色维护删除_单条删除和批量删除怎么实现_确认提示，，你真的要删除吗__@RequestBody和@ResponseBody结合使用_全选功能_前端获取id发到后端_ajax发送