19、尚硅谷_SSM高级整合_查询_分页显示完整细节.avi原创

我们来分析这个事情。其实呢，就是我点击第二页，我再发Ajax请求，拿到第二页数据啊，还是把我们这些数据显示出来，我点末页拿到最后一页数据，所以说呢，我们相当于在构建这些Li的时候，我们可以给它啊添加一个啊，咱们这个昂可Li事件，哎，添加一个单击事件，等一点击以后再发AJS请求。当然我们这个第几页啊，我们应该是在这一块有咱们这个啊active的显示啊，我们当前活动的页码，所以说呢，我们在这便利咱们每一个Li的时候，我们应该有判断，哎，有判断，如果当前页码就是我们便利的页码，那我们这个Li构建的时候，应该有一个咱们这一块来看啊。Butstrip中，哎活动的我们可以给它加一个active这类，所以说呢，我们来判断一下。通过判断来构建，这个来说呢，我们来判断一下，如果当前页码，当前页码呢，就是我们取出result里边，诶有PA number。

所以说呢，我们取出咱们这个封页里边的当前页码，点extend。第二，配置营造。点咱们呢，有当前页码配置好，如果当前页码等于我们正在变历的这个页码。好，那么呢，我们这个Li就应该有一个标识点and class，给它添加一个活动标识，这个呢，就叫安。我们来看啊。我们来看，哎，就会有一个这个表示active。好，就是它那么呢，否则啊，否则的话呢，它就没有这个标识，那我们再来把这个加上以后，我们来看显示的效果。发信。哎，这个怎么一改，我这服务器一改页面服务器都一重启，老出问题来重启吧。

好，我们来刷新。刷新，我们来看。好诶，这就有当前活动的，所以说呢，我们把这个元素呃呃先整好，而且呢，咱们这个首页以及前一页它是否是不是能点击，那么我们还得判断一下。所以说呢，我们这一块都得判断啊，首页跟咱们这个前一页我们都应该判断，如果他有前一页了，我们这个首页跟前一页才能点，否则呢，我们给首页跟前一页就应该添加咱们这个不能被点击的这个效果。不能被点击的效果呢，就是有一个class disabled就行了，好。判断。咱们这个配置英镑。我们取出的这个配置音符信息，它里边啊判断如果有前一页，有前一页呢，它有一个属性叫has p。

配置哎是否有前一页，如果它等于出哎有前一页，那么呢，我们就哎来显示这两个，否则如果等于false没有前一页，那么我们这两个元素也都加and class。添加一个类，这个类呢就叫disabled。Disable我们来看啊，在RI中，哎，不能被点的元素，哎，你添加一个disable的这个class就行了，好，包括呢，我们这个样。There and class。这一块呢，我们叫咱们这个。This e。好，那么前一页跟首页这么做，那么下一页跟末页也一样来判断。

一次性做好好，那么呢，同样是我们配置英镑中啊，如果它有下一页了。来看啊，如果它有下一页汉字next。汉字那个字，如果它等于false，哎，没有下一页了。没有下一页了，那我们这两个页码也一样啊，我们的下一页的双箭头，以及咱们末页的这个啊，我们都让他不能点击。跟前面的逻辑呢，我们都一样啊，先把这个逻辑做完。都让他不能弃。好，我们来重启服务器，我们来测试一下。好，来到员工列表，我们来刷新。

好，所以说呢，诶，你看我们第一页没有上一了，首页跟这个就不能点好，那么其他的呢，就能点好，那行我们这个页面的效果显示就做完了，接下来我们要给页面添加动作了，那么当我们点一二页的时候，它应该去给我们查对应的咱们这一页的数据。包括查询数据也是发AJS请求，跟我们之前的逻辑都一样，所以说我们把这个AJS请求查询咱们这个分页的这个数据，哎，我们应该抽取成一个方法，这个方法呢，我们假设呢，就叫哎，咱们这个图配置，那要跳转到哪一页，然后呢，传入配置number，你要跳转到页码号，然后呢，我们来帮你发送这个AJS请求，跳到你指定的页码号啊，那这个配置number。Page number就应该等于我们指定的页码号，所以说呢，我们这个页面一进来我们就去。

第一页，分页的第一页去首页。首页。好，我把这个方法抽取出来了，我们来重启服务器来测试一下。好在这里边我们来看，先看第一页的啊，咱们这个。效果保证我们这个抽取的方法是对的，刷新。好，没问题，那么接下来其他的就一样，我点击首页或者我点击第二页的时候，给它里边，哎重新发AJ请求，哎给我们解析数据就行。好，我们先来给每一个这个Li，这个Li呢，我们做过来以后，哎，其实呢，我们可以给他再来绑定单击事件这个立刻。当我们这个lie点击以后啊。当lie点击以后，哎，我们再来发AJ请求，去它当前的这个页码，哎，这个AJ请求呢，就是图配置去哪一页。

哎，去哪一页呢，我们当前啊，显示的这个Li就是我们我们的页码就是这个艾特。好，那么我们就去我们当前的这一页就行了，我们来可以测一下我们这个逻辑对不对。我重新启动。好，我们来刷新测试一下。我点第二页，看能不能去到第二页好刷新。好，我点第二页，好，第二页是来了，但是还有什么问题，大家看见没？诶，你看每一个数据，因为我们是页面无刷新，我们每次拿到数据以后都给页面openend的，所以说呢啊，我们之前的数据还在，所以说我们这一块做所有数据逻辑解析之前，都应该把之前的数据全部清空啊，否则那一块就有问题。

好，那我们在每一处都进行清空啊，比如呢，我们这个发送AJS请求，先构建咱们员工的咱们这个胎保数据，这个胎保数据呢，我们在构建之前。都先来清空，先来清空咱们这个财报表格。啊，这个表格不清空给里边。填数据这就不行了，好，那么我们要清空的区域呢，就是我们把刚才这个拿过来，来我们employees table里边的t body，我们给他。清空掉。Empty。哎，这是我们杰克瑞里边，哎，掏空元素的这个方法，包括呢，我们这一块也一样，嗯，咱们这个页面信息。啊，封页的这个信息，我们在判之前也给他提供。啊，包括其他的也都一样来，我们在构建咱们这个啊枫叶导航的时候，我们之前也把这个。

咱们导航区的内容先清空。啊，保存我们来重启，这样的话呢，就不会有刚才那个问题了。好。我们来测试刷新，先来到第一页。好，来到页面第一页，我点第二页，诶之前的会被清空，所以说呢，显示没问题，诶这一块就没问题了，那我们这个点击页码没问题了，我们这个上一页下一页首页末页这些点击，我们也给他填上点击时间。好，我们在这里一块构建的时候。这一块有咱们这个下一页跟末页跟首页跟前一页，我们给他每一个都绑上咱们这个单击时间。这块呢，是构建这个元素。为元素，为咱们这个元素添加啊，咱们这个点击。

翻页，咱们实践。翻页的，咱们这个时间。好，那么呢，这是我们第一页啊，首页首页的话呢，他来点击。他单击以后我们就直接哎铺配置。我们去第一页就行了。去第一页就行了，这个首页简单，那么前一页呢，哎。Pray。点click，当它被点击以后。哎，我们应该是去当前页的啊，当前页减一，而当前页我们也能拿到，就是这个result里边的这个配置number啊，就是当前页好，我把刚才取的这些值。配置音符啊，就是在它里边铺配置，我们就让它去，哎，咱们当前页第二，它是配置number属性，当前页减一就行了啊，这是我们的啊首页跟前一页，那么还有我们的这个末页跟下一页。

给下一页我们添加点击事件第2CLICK，当它被单击的时候。哎，当它被点击的时候呢，他就是去当前页加乙。当前页。哎，加一就行了，那么呢，还有我们这个末页被点击的时候。Last加。好，咱们最后一末页被点击的时候呢，他就去我们最后一页就行了。好，这个最后一页呢，我们这儿也有返回值，里边是我们PA置音放里边的这个PA置四属性，哎，它是咱们最大的页码，也就是我们最后一段。好，我们把这些都构建好了，构建好以后呢，我们来测试。

咱们这个页面的跳转逻辑。好，我来刷新。刷新等它显示好，诶12345没问题，末页诶显示了，包括这两个链接也不能点，但是虽然不能点大家看啊。因为我们绑了这个，可Li事件我每次一点以后，你看哎他这一块呢还在进行，所以说呢，每次他页码还是往前翻的，哎，你看我们点包括这个还会来到负一页，负三页这个页码呢，它还会来到总页码的，超过总页码的页数，所以说呢，我们这个就有点问题了，而我们插件可以通过设置一个属性，哎，也就是说呢，超过这个总页码了，就只查最后一页，包括呢，我们这个也不可能到达零页负一页，哎，像这些值。啊，我们这个插件在配置啊，Helper中，它有我们配置插件这个拦截器的时候，它会有一些参数，比如这个参数中就有一个，那们叫reasonable，哎，它叫分页的合理化，就是说呢，当我们设置为处默认是false，如果我们页码小于零，它就会查第一页，如果我们页码大于总页数，它就会查最后一页，哎，这个分页就是合理的。

我们应该把它配置上。好，我们应该把它配置上，我们来到咱们这个分件插件。配置my content中。好，我们来给这个分页插件，我们来配一个参数。Property啊，就是它，我们让它等于处，我说呢，这是调整我们这个分页合理化。参数合理化。啊，有时候呢，不可能到达一个啊，我们不正确的页码，好，我们让它重新启动再来看啊。再来看。再来看。好，我重新来刷新。

刷新好，我们点上页，哎，其实点上一页这个。我们点的时候呢，它会发请求吧，点一下你看它还会发请求，会发请求是因为我们绑定点击事件了，这个disable只是在效果上不发请求，包括末页啊，我们再点下一页，下一页你看它虽然发请求，但是呢总是查到最后一页数据。比如说呢，我们在这一块，在页面处理的时候，绑定点击事件这块我们注意一下啊，比说呢，如果我们都把它禁用了，我还给这绑事件干嘛，比如说呢，否则我们才去绑事件，这个逻辑应该是合理的。这样子来做，包括我们这个，如果我们这两个页都禁用了，我们还绑时间站上。说说呢？嗯，否，否则如果没被禁用，我们再把时间，哎这样的话呢，就合理了。点击鼠标他也不会发请求了，包括我们通过调整分页参数的合理化，即使我们要一个啊不存在的页码，它也给我们能解析正确。

好，我们来测试。刷新好，我们现在来看啊。我们现在来看，来到首页，如果我来点击末页，好，我再点下一页，我们来看还发请求吗？诶他就不发了，因为我们没绑事件了，诶这两个末页也没绑事件，好首页行这一块呢，我们整个封页的显示就做成功了。