Layui的table表的引入

Layui的table表的引入

开发工具与关键技术:VS   layui table表格
    作者:章明
撰写时间:2019/4/24

在学习DW的时候,我们学习的是页面搭建,布局风格的搭配,如何运用HTML,如何编写CSS3,如何用CSS3动画做出美轮美奂的绚丽页面,不过有个致命的缺点,那就是搭建好的页面是静态的,所谓的静态,动态,不过是一个是数据没有变动,一个数据有变动。说白点就是一个没有运用到数据库,一个运用到了数据库。而接下来我要说的是一个运用到数据库的demo.
Layui的table表的引入_第1张图片
当然了,做一个动态的“页面”首先你要有个数据库,这个是老师前几天给我们出的测试题,我们这里要讲的是如何用插件layui里的模块table来建立一个页面表格与数据库“互动”。
首先你要在控制器写你的函数方法,如上图所示,当然啦,在这里我们用的是传统的查询方法,在这里我们并没有用到更为简洁的linq查询与lambda查询。
Layui的table表的引入_第2张图片
如上图所示,是在HTML写的代码,url引入的是在控制写的函数方法,cols是绑定的数据库名称,为了规范,我们一般是把全局变量写在头顶。执行代码后,在页面显示为:如下图
Layui的table表的引入_第3张图片
在做这种与数据库搭上关系的,一般都是真实的,就算不是真实的,为了项目的严谨性,我们该做的验证还是要做的。

你可能感兴趣的:(Layui的table表的引入)