在地对地导弹(地对地导弹)框架下用分页和创建交互式、快速动态网页应用的网页开发技术实现分页和数据交互的方法

拉威，一款前端框架，提供了丰富的组件和模板，layui提供的简约后台管理模板，对于后端学习者来说是个不错的福音。这里记录在地对地导弹(地对地导弹)框架下使用获得的分页组件laypage。（官网开发文档)

环境Spring SpringMVC Mybatis，jquery-3.1.0.min.js，mysql-connector-java-5.1.34

参考文档layui-laypage参数文档

前端代码主要参考的是获得官网给定的代码，加载layui.css和layui.js除此之外，介于接下来用创建交互式、快速动态网页应用的网页开发技术与后台进行数据交互，因此这里也需要加载框架的文件，我这里加载的是jquery-3.1.0-min.js。

主要代码如下：

div id='demo'/div //定义分页脚本类型=' text/JavaScript ' var URL=' http://localhost :8080/HRM/'；$(文档)。ready(function(){ layui。使用([' form '，' laypage '，' layer'])，function(){ var lay page=layui。lay page，layer=layui . layer lay page({ cont : ' demo '，//跟页面前面差异的编号一样pages: $ { endPage }，//总页数groups: 5，//连续显示分页数jump:函数(obj，first){ //得到了当前页，用于向服务端请求对应数据var curr=obj。curr-1；var self=这个；$.ajax({ //这里省略了创建交互式、快速动态网页应用的网页开发技术数据交互});});});/script后端采用spiringmvc和框架进行数据处理。

创建大刀接口

ListJobinfo selectPageInfoByDel(@ Param(' start ')int start)；//获取页面数据int计数number()；//记录总的条数编写Mapper.xml

这里主要用到了关系型数据库的极限，极限从下标0开始，limit0，8表示的是从下标0开始，查询8条数据。

选择id=' selectPageInfoByDel ' resultMap=' BaseResultMap '参数类型=' Java。朗。' INTEGER '从jobinfo中选择id、c_id、作业、编号、销售、更多销售、日期其中id为DESC的is_del=1订单限制#{start，jdbcType=INTEGER}，8/select select select id=' count number ' resultTYPe=' Java。朗。' INTEGER '从jobinfo中选择计数(*)。其中is_del=1/select创建一个页的持久化类类

公共类佩吉特实现Serializable {私有静态最终长串行版本id=337297181251071639 l；私有整数页面；//当前页私有整数行；//页大小私有整数totalRecord//总记录数私有整数第一页；//首页私有整数结束页；//末页私人列表；//页面数据列表//这里省略的得到和设置的方法}创建服务接口

//查看分页的信息public ListJobinfo selectPageInfo(int page)；//查看所有信息的总数int GetCount()；创建服务的实现类冲动

//这里省略了大刀的实例化，只显示服务接口的实现方法public ListJobinfo selectPageInfo(int page){ int rows=8；//一页显示8条数据int start=page * rows//这里表示数据库从第几条数据开始查询（限制从下标0开始)返回jobdao。selectpageinfobydel(start)；} public int getCount(){ return job Dao。计数数()；}编写控制器

@请求映射(' page ')public @响应正文PageJobinfo selectPageInfo(httpersvletrequest请求，模型模型，@ request param(' start ')int start){ ListJobinfo list=jobinfoservice。选择页面信息(开始)；PageJobInfo PageInfo=new PageJobInfo()；int count=jobinfoservice。getcount()；//获取总数int end page=0；//8条数据为一页if(jobinfoservice。getcount()% 8==0){ end page=jobinfoservice。getcount()/8；} else { end page=jobinfoservice。getcount()/8 1；} pageInfo.setPage(开始1);pageInfo.setTotalRecord(计数);pageInfo.setList(列表);页面信息。setRows(8)；页面信息。setfirst page(1)；页面信息。setend page(结束页)；返回页面信息；}运行结果

事实上，整体功能的实现在页面与后台用创建交互式、快速动态网页应用的网页开发技术传递数据那一块花费了一下时间，因为第一次接触到拉威，也渐渐感受到了获得与传统创建交互式、快速动态网页应用的网页开发技术数据传递的不同，layui对方法进行了封装，因此用创建交互式、快速动态网页应用的网页开发技术传数据的时候也需依于框架进行。

以上在SSM框架下用laypage和ajax实现分页和数据交互的方法，都是边肖分享给大家的内容，希望能给大家一个参考和支持。