187-SSM整合之设置分页相关超链接

好，那比如说呀，然后我们现在呢，然后咱们再来回到咱们的第一页，然后我要把我的这个分页相关的数据呢，咱们展示在这个位置。OK吧，然后咱们再展示到咱们的表格下方啊，那所以说我们来找到咱们的员工列表页面，然后再table下面，咱们来写个DA，然后在div中呢，咱们来写个样式，把咱们其中的内容呢，然后展示在中间，OK吧，行，然后大家看，那我们下面是不是就需要来进行什么了，咱们是不是就需要进行判断了呀，对不对，然后首先我们需要干什么呢？咱们是不是需要先来设置我们的首页和上一页，那首页和上一页的话，我当时是不是跟大家说过这两个东西咱们在什么时候，咱们在什么情况下才需要展示呀。啊，这两个东西是不是每个页面中，咱们每一页的这个数据，每一页的这个页面里面什么，咱们是不是都需要展示的，不是为啥呢？如果你当前访问的它就是第一页。大家想一下，如果你当前访问的就是第一页，那你有没有必要去设置这个首页，没有必要，然后如果我们当前咱们来访问的是什么？如果说我们当前是第一页，那你的上页，大家想想上一页是啥？上页是不是应该是当前页减一，那你当前就是第一页，那你在减一，那就第零页了，有第零页吗？没有啊，所以说这两个咱们怎么来进行设置，大家说是不是应该是当我们访问的不是第一页的时候，咱们才需要来展示它俩，换句话来说，如果我们当前有上一页的话，我们是不是才需要来展示他们两个，大家说对不对，那不是第一页，那不就是说明它有上一页吗？大家说对不对，对吧？所以说这个东西我们应该怎么去写啊？大家看咱们在我们的page in for里面，咱们是不是有这两个数据啊，叫做is first page，还有has previous page is first page来表示的是否为第一页，如果说咱们要通过它来进行判断的话，那大家说你。

前面你是不是还要加上一个非要取反，因为我们现在来判断的是它不是第一页，我们是不是才需要展示首页和上一页，然后这个的话大家看一下，那这个就简单了，它它来判断的是是否有上一页，那如果有上一页，那我们是不是才需要显示首页和上一页对不对？所以说这两个大家用哪个都行，或者说你用谁page number，看page number是否等于一，如果不等于一，那我们是不是才需要来展示咱们的首页跟上页对不对，这样的啊，好，那我们就用这个吧，叫做has previous page，因为这个咱们不需要取反，因为我们需要来获取的就是一个true的结果，如果有上页，咱们才需要展示首页和上页对不对？好，复制一下，然后在这大家注意这里面这都是属性啊，所以说呢，我们只需要通过我们的配给点加属性就行，因为里面用的是OGNL表达式，知道吧，直接用我们当前咱们的这个对象点属性就。

就可以来访问啊，好，那所以我们是不是在这就需要来进行一个判断了，咱们来写一个超链接对吧？然后这个超链接来展示的是首页，然后还有一个超链接，咱们来展示的是上一页，叫做上一页对不对？好，然后这咱们加上一个TH冒号，然后这呢也是一个TH冒号，那大家说这个路径该怎么写啊？当然我们在写路径之前，我们是不是可以先判断一下，在我们的C中有这个TH，然后冒号if的这个标签，咱们在这里面可以来写一个表达式，如果表达式的结果为true，那我们当前这个标签就会显示在页面中，而如果说这个表达式的结果为false，那当前这个标签就不会显示在页面中，它就不会存在于页面中，能听懂吧？好，OK，怎么做Dollar大括号来把谁作为条件，咱们的page里面的哪个数据啊，叫做has previous page就行。

如果说当前它的值为处，那我们是不是才需要来把这个标签展示出来，对不对？那当然了，咱们下面的这一个上页，大家说是不是应该是一样的条件，如果有上一页，咱们是不是才需要显示上页的这个超链接，OK吧，好，那我们现在要往哪跳呢？It大括号斜线。往哪跳？Emlo employee斜线配置首页，大家说不就是第一页吗？首页不就是访问第一页吗？所以说咱们在这直接这样设置就可以知道吧，那这里面呢，大家想一下应该怎么去写呀，上一页那我们是不是应该是当前页减一，那当前页呢，是不是应该是在这个地方叫配点page number减一对吧？当然大家也可以来访问谁，你看这个PR1配，这是不是直接来表示的就是啥呀？上一页的页码能看懂吧？所以说我们在这要怎么做？那大家说前面这个数据大家还记不记得，你能直接在这写个什么Dollar大括号，然后这里面写一个这个配集配集，然后点PE配吗？啊能这样去写吗？可不行啊，因为TH冒号h ref，然后咱们这样去写了之后，你的it大括号里边的内容会全部都当做什么来解析啊，会全部都当成是我们的这个路径来解析，所以说这个也会被当成路径解析，知道吧，啊，这还少了一个大括号呢啊。

行，然后所以呢，大家一定要看好，如果咱们遇到这种情况，要往咱们的路径里面去拼一个变量的话，我们是需要在前面加上一个单引号，然后呢，再去拼接我们后边的这个值的，有印象没？OK吧，好，下面咱们先测试一下，我们来一个重新部署，然后大家看。好，然后我们来访问一下咱们的这个首页，然后来一个刷新啊刷新。大家看啊，然后你看这里面啥都没有，那确实啥都没有，为啥？因为这就是第一页，第一页有没有，上一页没有，所以这个条件它是不满足的，知道吧，好，那我们来访问咱们的第二页，来一个回车，大家看看有没有了，首页跟上一页是不是就有了，咱们点首页，大家看是不是第一页看它又没有了，然后咱们在这呢，来访问第五页，大家看一下，看上一页，上一页第四页，第三页，然后第二页第一页。

没问题吧，好啊，这就是我们的首页和上页啊，那下面的呢，我们再把咱们的下一页跟咱们的末页来做一下，然后也是一个超链接，咱们复制一下吧，比如说这个是我们的下一页，哎，就下一页，然后这个是咱们的末页，或者说叫做尾页，它都行啊，叫做末叶，OK，然后呢，大家来看，那这个时候咱们应该来判断谁当满足什么条件的时候，咱们才需要显示下一页跟末叶呢？是不是应该是当它有下一页的时候，咱们才需要显示下一页跟末页，如果你本身没有下一页，那就是最后一页的话，咱们需要来显示这两个超链接吗？不需要啊，所以说咱们直接大家看，这叫做is the last page是否为最后一页，然后这个叫做has next page，然后是否有下一页，对不对，咱们直接在这用这个属性就可以啊，把它放这儿，然后把这个呢也放到这个位置好，然后呢，大家看下一页，啥叫下一页呀。

什么叫下页，下页是不是应该是当前页加一啊，所以说咱们在这可以来设置配级点page级number加一，但是咱们这里面直接就有下一页的这个属性嘛，对不对，所以说直接在这个位置来写next的配奇就行，OK吧，然后末页的话，大家说谁是末页，末页是不是应该就是咱们的总页数，你一共有多少页，那最后一页不就是第几页嘛，对不对，所以说总页数叫做配几四，那所以说我们现在呢，就是配积点配几次就可以啊，就可以直接来访问到咱们的最后一页的数据，知道吧？行，然后我们在这咱们再来一个重新部署，大家一定要看好啊，可不要在这少加一个大括号，知道吧，这个大括号大家一定要把它加上啊，你看好，这是一对大括号，然后这才是，这是另外一对大括号，知道吧，好啊。

行，我们现在咱们来一个刷新，大家看啊，看下一页末页是不是都有了下一页对吧？然后下一页下一页下一页下一页再下一页，再下一页，你看这里面是不是就没有咱们的下一页跟末页了，因为现在是最后一页能看懂不行，然后上一页上一页上一页上一页没问题啊好，那这是我们的这个首页上一页下一页和末页，那我们在它们中间是不是需要来把我们的导航分页给展示出来，对不对，对吧？那大家说这个导航分页咱们应该怎么来设置呢？啊。导航分页的话应该是谁呀，是不是应该是他。对不对，大家看一下啊，在这呢。然后这个是我们导航分页的页码数。

然后这个是我们导航分页的这个什么呀，导航分页的页码，然后这个大家注意指的是我们当前页面需要来显示几个导航分页，知道吧，然后这个就是它通过我们这个咱们当前的这个查询的数据，然后把我们当前页的这个导航分页的页码给我们获取到了，叫做page number，叫做navigate page numbers，所以说大家想想，那这不就是一个数组啊，那所以说我们现在只要对这个数组来进行循环。大家想想是不是我们只需要来对我们的这个数组，然后来进行一个循环，然后循环之后啊，然后我们是不是就可以来获得我们当前导航分页的每一个页码了，对不对，这样的啊，行，那所以咱们把它复制一下，然后在这呢，我们就需要来进行一个循环了，那我们来循环的是不是大家说是不是直接就是一个超链接，所以说大家完全可以把我们当前这个循环，然后的这个标签，这个属性，然后直接写在咱们的这个超链接中，OK吧，然后但是呢，这里面咱们的这个，因为这个导航分页的这个页码，到到后来咱们还需要来进行一个简单的处理，所以说在这这样，我把咱们的每一个咱们的导航分页呢，然后我都给它放到一个SPA标签中，我都给它放到一个SPA标签中，然后我们在这儿呢，来判断，来把咱们的循环写到咱们的SPA里边。

能听懂吧，也就是说我们现在呢，我们就通过这个span标签，然后来控制我们当前这个导航导航分页的这个超链接，然后在这大家看叫TH冒号，然后e ch一起，然后这里面咱们应该怎么写，比如说nu来表示的是我们的每一个导航分页的每个页码，然后在这咱们需要来访问的是配置点叫啥来着，叫做navigate page接numbers OK，大家注意就这个啊，然后这个number来表示的就是我们当前的导航分页的每个页码，那所以在这咱们是不是就可以来写超链接了，比如说复制一下，然后呢，咱们在这往上。

然后大家看啊，然后这里面该怎么去做，这还需要这个TH冒号衣服吗？不需要了，然后我们这里面大家注意，你看这个应该访问的是谁呀。啊，这个访问的是谁？超链接咱们在中间，然后应该来展示的是什么？大家想一下，那我当前我循环出来的这个页码是几？那我在这个超链接上显示的应该就是几，对不对？所以说在这咱们要用TH冒号text，然后来控制标签中的内容，叫Dollar大括号nu，大家注意直接就是nu啊，我们当前从导航导航分页它的这个数组里面，你循环出来的数字是什么？我们需要在这个超链接上展示的就是什么，知道吧，那我们现在你点击之后要往哪跳？大家想一下，那我在这这个超链接上显示的是几？那我是不是就往哪跳？所以说大家看非常简单，直接把咱们当前的nu放进来就行，知道吧，比如说这是一，这里面显示的就是一，那我们当前这个超链接往哪跳，就是往第一页去跳的。

OK吧，所以说大家看这个其实非常简单，然后我们现在咱们再来一个重新部署。然后大家来看一下这个效果啊，然后我们现在呢，等他重新部署完，然后我们来一个刷新刷新。大家看啊，你看23456，这是不是就有了，因为我们现在访问的是第几页呀，第四页对不对，那我们现在咱们来点击三，大家看访问第三页，然后点击一页访问第一页，对吧？为什么这里面我访问第一页还是1234，我访问第二页它也是12345，为啥呀，大家想一下，那这不就是我们之前跟大家说的嘛，对吧？你如果说访问的是前两页，我们当前页面的这个逻这个导航分页它是固定的，都是12345，知道吧，如果你访问的是最后两页也是一样的啊，比如说咱们一共是有八页，你看第七页是不是在这来显示的，就是最后五页，第八页在这显示的，是不是也是最后五页，能看懂吧？行啊，这个大家看好，行，那咱们在这呢，这个展示的这个，其实大家可以去设置一些样式，比如说把它的字体啊给调大一些，对不对，然后还有一个地方就是我想跟大家说的，就是咱们在这个地方啊，45678，然后我们可不可以把我们当前所访问。

的这个页码对吧，然后在我们当前的导航分页中，然后给它标识出来，比如说如果在这是把，那我们在下面呢，把我们当前访问的这个页码给它变为红色，给它加上一个方括号，这个大家都见过吧，是不是，那我们下面就把这个功能实现一下啊，那大家说该怎么实现？那咱们在这其实也就是判断一下，如果我们当前所访问的页码，也就是page number，也就是咱们当前配置里面的page number，对吧？跟我们当前循环出来的这个页码它是一样的，跟这个number是一样的，那这个时候我们是不是就可以给它加上一个样式，加上一个什么样式，加上一个style对吧？然后嗯，这个color等于red，让它显示为红色，那我们在显示咱们当前超链接里面的内容的时候，咱们是不是就可以给它加上一个方括号来展示，对不对，这样的啊，好，所以说咱们只需要在这判断一下就行，叫TH冒号if来怎么判断，大家说啊，来判断咱们的配积点pageg number，这是我们当前页的页码，如果说它要是横等于nu的。

能看懂吧，大家注意，这是我们当前咱们的当前页的页码，跟咱们所循环出来的这个页码是一样的情况，那在这咱们是不是还可以来写一个不一样的情况对不对？如果一样的话怎么办？如果不一样的话，你该怎么展示就怎么展示，跟咱们之前一样，如果要是啊，如果要是一样的话，那在这，那我们是不是就需要干啥了呀？大家看好，在这给它加上一个样式，让它的这个颜色咱们给它显示为红色对不对？好，这是第一点，还有第二点呢，就是说我们在显示这个超链接上的内容的时候，要给它加上一个啥呀，是不是加上一个方括号啊，这那方括号怎么加，大家能在这加吗？你能直接把这个东西给放到方括号里面吗？

可不行啊，知道吧，为啥？因为TH冒号text，然后这个属性是SIM leaf的属性，所以说我们当前写到这里面的东西都会被当成是similar leaf的语法来解析，你见过咱们的similar leaf里面有这种方括号的这种语法吗？没有，所以这个东西啊，大家看好它解析之后就是。就是错误知道吧，就是错就会报错啊，所以说我们要怎么办，那咱们在这是不是跟大家写的有啊，对吧，如果你不想让他解析的，那咱们就加上单引号，然后给它去拼接其他的数据就行，知道吧，所以说在这是单引号，然后来加上我们当前从来获取的咱们这个页码，然后在这呢，再加上一个，再加上一个加号，加上一个单引号就行了。

能看懂吧，就相当于把咱们的这两个方括号呢，给它拼接进去，OK吧，行啊好，这就是我们当前的一个判断，如果我们当前咱们所访问的页码，然后呢，就是我们前咱们所循环的这个页码，那咱们就把它给变红，然后并且呢，在里面给它加上一个方括号，那如果说要不是的话，那他他该怎么展示就怎么展示，OK吧，行。来那下面的，那我们再往下看啊，然后咱们就可以来测试一下这个功能，然后我们现在大家看好，我们来一个刷新，大家看一下啊，你看这是不是就有了，咱们点击上一页，大家看这个七就有了，对吧，再上一页，然后六再上一页五再上一页四，再上一页三，再上一页二，再上一页一。能看懂吧，行啊好，那这就是我们当前咱们的一个分页功能啊，这就是我们当前咱们员工的一个分页功能啊，好，然后至于咱们的其他的像什么添加呀，删除呀跟修改啊，大家注意它跟我们之前咱们在讲的那个rest丰富。

Rest风格的增删改查里面基本上是一样的，比如说咱们的控制层对吧，然后还有咱们的页面中的配置都是一模一样的，就只有谁不一样，就只有我们，咱们在去操作我们的这些数据的时候，我们之前是在dau中把数据写死的，写的是一个静态的map，而我们现在呢，咱们需要让它去调用一个map接口中的方法来执行一个circle，所以说呢，大家注意，你只需要把咱们当前的持久层给换成是咱们的map接口MY就可以知道吧，所以说这个功能呢，大家可以作为一个扩展，然后下去呢去实现一下，OK吧，好啊。