数据查询

数据查询

开发工具与关键技术:MVC
作者:郭海明
撰写时间:2019年 5月 5日
 创建项目可以在网页上实现很多功能,比如,我们可以通过项目里面连接到数据库,然后在视图页面里调用数据库里面的数据,数据库里面的数据就可以在网页上面显示出来,除了显示出来,我们还可以不用到数据库里面一个一个的新增、修改、查询、删除。而是直接在页面实现这些功能。

如果想要页面显示出数据,我们可以先创建一个数据表格,用来将数据分类出来。
在这里插入图片描述
在存储插件的文件夹里面,引入layui插件,因为我们这次创建数据表格,所以我们需要layui插件,然后我们将layui拖到视图script,
在这里插入图片描述
然后加载和初始化表格,
在这里插入图片描述
然后将数据表格链接和表头格式编写出来,elem就是用来调用layui数据表格的table表格的ID,通过elem获取到这个表格的ID,
在这里插入图片描述
然后绑定到elem这个,数据表格的数据就会显示在table里了
cols则是数据表格的表头列,我们将显示数据表格的表头格式写在cols就可以了,
tilte就是表头列里面的每个分类表头的名称,align:”center”则是让表头名称居中显示出来
在这里插入图片描述
如图的表头。
数据表格的样式显示出来之后,我们就可以区控制器里面去写查询数据的方法了。写好方法我们然后再回到视图里面调用一下查询数据的方法,这样子数据库里面的数据就会显示出来了。
在这里插入图片描述
写一个查询方法,自定义命名为chaxun,获取到LayuiTablePage的数据,再传递一个参数用来接收数据。
在这里插入图片描述
LayuiTablePage为layui table组件分页请求数据的封装,该封装方法可以获取数据的当前页码和每页的数据量。同时还可以设置数据。
在这里插入图片描述

然后声明一个局部变量,然后连接数据库,通过数据库的表单查询,找到页面要显示的数据的表,然后连接数据库找到该表,然后通过对该表的序号ID进行降序,使其序号由小到达,以便后面新增、删除刷新页面,查看是否有效果。获取到该表数据的条数,放到局部变量inCount里面。当我们后面要使用该数据的条数,就直接调用inCount就可以获取得到数据的条数了。
在这里插入图片描述
然后写一个分页的局部变量,用于接收跳过序列中指定数量的元素,然后返回生于的元素,然后从序列的开头返回指定数量的连续元素。
在这里插入图片描述
接着就是再创建一个局部变量,使用 LayuiTableData来装数据,并且要实例化LayuiTableData表。
在这里插入图片描述
然后就使用LayuiTableData封装好的Count用来装总行数,data用来装数据。
然后通过return Json返回数据。这样控制器的代码就写好了。然后我们就可以回到视图里里面的
在这里插入图片描述
LayuiTable数据表格里面的URL这里,把控制器写好的方法名称赋值到这里就可以实现数据查询的效果了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值