day04【后台】角色维护/01-尚硅谷-尚筹网-角色维护-分页-目标和思路

来，我们重新说啊。这个角色这个页面啊，来这儿我们还是参考这个原型来做增长改查。那么首先第一步呢，还是先把这个分页。显示出来啊，页面上显示的分页就可以以这个为基础，后边做关键词查询，新增删除更新和这个呃，单条删除啊，就是后边可以做慢慢做后边的功能，先把分页做好就有一个基础，那么咱们首先呢先你还是先做一个分析。呃，最初呢，是从这边这个菜单这点过来。稍微缩小一点。然后呢，过来的话是找我们这个这个页面哈。我们就拿这个呢，就代表是我们分页的这部分。也是来一点点就行了。

哎，那么我们点这个。超链接哈。因为我们。要打算全部用Ajax方式来做，所以说呢，这个页面上的数据呢，是。浏览器加载这个页面以后啊，浏览器在初始化的时候再发请求，再要数据，所以说点超链接来这个GSP的时候，我们是不带数据过来的。配置点P啊来这儿呢，我们就是用view controller过来就不就不带不带数据了哈。诶。嗯，再往这边点。

哎，这个就是我们这样直接跳过来。然后来到这个页面以后哈，是浏览器，因为GSP呢，其实是在服务器端执行，执行完了以后，他把那些动态的都运算出来具体的值，生成一个完整的HT。啊，生成一个完整的HM，然后呢，浏览器加载这个HR，当然也包含页面上的GS呀，什么这些啊。浏览器在初始化的时候，诶，去去加载，去加载我们分页要使用的这些个数据。浏览器。加载。加载这个HL这个数据。

也不能叫H毛数据，就是加载这个页面啊，加载页面，然后它加载呢，它就要进行这个初始化。我们呢，也写一个写一个对应的JS去做一些个，我们也要做初始化的这个操作哈。哎，首先说我们这个初始化，咱们要干点啥啊，考虑到我们后边开发后续功能的方便，我们这儿呢，要初始化这样几个值。我们把配置number初始化为一。哎，把配置S初始化为五。哎，或者说这个东西呢，也是在handle的方法里边指定也行哈，这个这个这个东西关系倒不是很大，然后这个keyword。初始化为空字符串。

哎，我们做一组这样的初始化的操作。而且呢，这些东西我们要把它放在全局变量上。哎，为什么要放在全局变量上呢？哎，当然首先是GS这哈，我们写页面上写javascript这个全局变量呢，就是放在window对象的属性里，就是放在就是全局变量。设置为window。对象的。属性。这样的话，它就是一个全局变量。为什么呢？哎，就是说呀，这个将来呢，你比如说我们去点这个翻页。哎，就下边这个啊，下边这个你想点这个一二三四五点这个上页下页这个哈。

哎，这个就是要他要有这个翻页的操作。那么翻页呢，就就把这个配置number的值改一下。配置number的就是修改它的值。你现在是一，我点了个四，那就把配置number呢，Window点配置number。改成四。然后呢，如果说我们，嗯，在这点了这个查询。点了这个查询。那么我们就修改window.keyword诶改成这个用户指定的这个值。

哎，修改这个值。我们，呃，所以说呢，就是改也是改window对象这儿到这儿来改我们。取这个值也是到window对象这来取。那么将来呢，我们把这个写好以后哈。就是这个将来这个分页的整个这个操作封装到一个函数里边。然后呢，你把这个window对象这边这个改了以后，只要再重新去调一下这个分页这个函数，就整个这个分页操作全部重新做一遍。哎，然后呢，呃，我们也不需要把这些值，这些值呢，也不需要给它传入到这个分页的函数里面啊，说这个分页函数的内部，因为它是全局的，就直接能够获取到这些全局变量的值。

也就是说这边我们做完这个初始化的操作以后。这个下一步啊，下一步是我们要。调用。哎，这个分页的这个函数。调用分页函数啊，去执行这个分页。这个分页函数是我们自己去声明声明出来啊，这个要我们自己去声明出来。嗯。然后我们分页这个函数呢，里边又分这么几步啊，第一步。A给我们后端。程序发送请求。给后端程序发送请求。啊，这是它这个里边的一些个具体的步骤啊。

发完请求以后拿到数据啊。诶，这个是我们要获取。呃，发请求去拿到。分页的数据，也就是那个配置音符。拿到配置in，下一步呢，再显示我们的。呃，这填充啊，我们叫填充我们的表格。填充我们的表格。准确的说呢，是表格中的提包底。哎，七八点。因为只是表格的主体部分，要显示这个数据。填充完替包以后。嗯。

再下一步呢，是初始化。我们配。这个也是啊，我们也是使用配置来做这个显示页码。诶，然后呢，初始化page，另外呢，还得给他来一个翻页的。回调函数啊，这个这些这个和我们在厄德密那是。大体上是一样的。哎，这里边儿就只有这一步是找这个后端啊，给后端发请求的，别的呢，其实都是这个页面上，呃，要去做这个。解块的这个代码。嗯，然后呢，考虑到我们这里边呢，写GS稍微比较多啊，所以说呢，我们把这些操作呢。诶，可以给它们放到提取到一个外部的JS文件里边。改成虚线啊。

放到下边儿。提取。点GS想叫叫个。我们一定得跟以前一样吗？我尊重你们的意见啊，因为你们是老板嘛，对吧。CCR。呃，对，就加这个，就是比说是我们自己去创建的，不是人家那个库啊，不是那个库提取到这个里边，呃，页面上呢，就。这个里边把函数都声明好了以后啊，我们页面上咱们就直接去用啊，直接去用，相当于我们自己给自己写了这个框架。S。所以说呢，这里边哈，首先呢，是我们角色的这个分页的操作。嗯，第一步我们这个目标。

这个目标没有什么说的哈，就是嗯，将我们角色数据进行分页的显示。哎，然后这个思路呢。我们刚才这些就分析的是我们的思路。哎，有了这个大体上有这思路呢，下一边看看啊，呃，还有些个准备工作，准备工作要做。