首先我们要建立一个区域,建立区域的时候要注意一下的是区域与控制器的文件不能放在同一个文件夹里,假如一个项目是两个人完成的,而区域和控制器又放在同一个文件里面了,那么不利于划分,所以一般控制器与区域是分开来放的,区域可以让各人在各自的区域里操作,不会相互影响,在后面项目要完成合并的时候,只需要把区域拷过来,然后再把一些静态文件合并一下就可以了。建好了区域之后,然后在区域里面添加控制器,添加好了控制器后,在到控制器里面添加视图,还是在试图里面写好
的代码,也就是页面的搭建,然后在主页面用reseize事件来设置子页面的高度,然后再用layui table来家载全部数据,layui Table Data类的封装,用于返回layui Table的数据,下面我们就来看一下layui table数据查询。
比如下面我们查询一下学院表(注意:有几句话借鉴老师上课内容)
(下面截图)
那我们就来查询一下学院表,那看一下学院表,学院表就三个字段,学院ID、学院名称、学院代号。接下来我们就在视图这边来看一下这三个字段,首先field这个属性是和数据库、控制器那边对应的,假如把field的ID 放到这一列,然后标题也是这个ID,然后hide是个隐藏,ID一般不会给用户看到,也没有必要给用户看,因为ID是给程序看的,所以我们就可以把它隐藏起来。然后再看第二列的数据列,第二列的数据列是个名称,我们可以去数据库那边把名称去复制过来,第二列的title是给用户看到,所以我们要让用户知道这个是什么,我们可以直接用中文显示出来,然而第三列也是这样的。
(下面截图)
这时候如果我们去启动运行,浏览器那边只会在显示一个加载框,没有效果的,因为没有给它任何数据,这时候我们就要给它一个数据data对象为空,给它一个空数据,让它把表格的基础框架显示出来,这时候我们再去启动运行,浏览器表格的基础框架就会显示出来了。
(下面截图)
我们要实现查询数据功能,就要来到控制器这边写一下方法,要在视图那边把那个查询数据的方法复制过来,然后写public AetionResult 加上在视图那边复制数据的那个方法来查询全部数据,一般我们开始都是查询总的函数,所以我们都是用 int 来查询总的函数,然后在上面用using 来引用一下Models,然后再实例化一下Models,再到 int 的查询总函数里面用in myModels点引入下滑线,我们可以直接用select查询 tbAcademe,然后要统计数据,.Count可以统计数据的,假如想要多少行就可以直接用.Count就可以了。这时候我们要查询全部的数据的话,就可以用List<>来查询列表,然后是List的对象等于上面查询总行数的全部,再写上.ToList()。
(下面截图)
这时候我们要写个实体、类来把它变成一个样式,简称实体类,我们要重新添加一个目录专门放实体的,然后在目录里面添加一个类,添加一个layui TableData的类,layui TableData类用于封装、返回layui Table的数据,然后在layui TableData类里面用public|int的类型给它一个ststus的参数就可以了。layui TableData默认的一个有四个参数,分为:code、msg、count、data这四个参数,前面三个几乎是同一样的写法,把参数改一下。重点的是后面那一个个参数,后面那一个数据是动态的,这样可以在上面给它一个List泛型,泛型可以匹配所有的类,然后第四个就可以用Listdata设置和上面一样的{get;set;}就可以了。
(下面截图)
然后再到控制器这边来封装layui table数据,加上变量名称,在new 大括号里面赋值,count等于上面查询总行数的totalRow,data等于上面查询所有数据的list。然后我们再返回数据、返回json就可以了。然后再回到视图那边,把data[]本地数据去掉,我们要请求网络数据、数据库那边的数据,用url冒号 / 写上控制器名称,然后再 / 写上查询的名称,这样就形成了一个数据的接口,所以要指定的url来写。最后启动执行就可以了。
(下面截图)(注意:以上有几句话借鉴老师上课内容)
(如有什么不对,请多多指教!)
比如下面我们查询一下学院表(注意:有几句话借鉴老师上课内容)
(下面截图)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/221c26086dd5e506b81ede5c52f0879c.png)
那我们就来查询一下学院表,那看一下学院表,学院表就三个字段,学院ID、学院名称、学院代号。接下来我们就在视图这边来看一下这三个字段,首先field这个属性是和数据库、控制器那边对应的,假如把field的ID 放到这一列,然后标题也是这个ID,然后hide是个隐藏,ID一般不会给用户看到,也没有必要给用户看,因为ID是给程序看的,所以我们就可以把它隐藏起来。然后再看第二列的数据列,第二列的数据列是个名称,我们可以去数据库那边把名称去复制过来,第二列的title是给用户看到,所以我们要让用户知道这个是什么,我们可以直接用中文显示出来,然而第三列也是这样的。
(下面截图)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2d5819e67912165b6ea07ebabaf6eb30.png)
这时候如果我们去启动运行,浏览器那边只会在显示一个加载框,没有效果的,因为没有给它任何数据,这时候我们就要给它一个数据data对象为空,给它一个空数据,让它把表格的基础框架显示出来,这时候我们再去启动运行,浏览器表格的基础框架就会显示出来了。
(下面截图)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a06398c58ac1853e45c515a88bab354b.png)
我们要实现查询数据功能,就要来到控制器这边写一下方法,要在视图那边把那个查询数据的方法复制过来,然后写public AetionResult 加上在视图那边复制数据的那个方法来查询全部数据,一般我们开始都是查询总的函数,所以我们都是用 int 来查询总的函数,然后在上面用using 来引用一下Models,然后再实例化一下Models,再到 int 的查询总函数里面用in myModels点引入下滑线,我们可以直接用select查询 tbAcademe,然后要统计数据,.Count可以统计数据的,假如想要多少行就可以直接用.Count就可以了。这时候我们要查询全部的数据的话,就可以用List<>来查询列表,然后是List的对象等于上面查询总行数的全部,再写上.ToList()。
(下面截图)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/af0ba07255cdbea9c3d3f52fb50c6dac.png)
这时候我们要写个实体、类来把它变成一个样式,简称实体类,我们要重新添加一个目录专门放实体的,然后在目录里面添加一个类,添加一个layui TableData的类,layui TableData类用于封装、返回layui Table的数据,然后在layui TableData类里面用public|int的类型给它一个ststus的参数就可以了。layui TableData默认的一个有四个参数,分为:code、msg、count、data这四个参数,前面三个几乎是同一样的写法,把参数改一下。重点的是后面那一个个参数,后面那一个数据是动态的,这样可以在上面给它一个List泛型,泛型可以匹配所有的类,然后第四个就可以用Listdata设置和上面一样的{get;set;}就可以了。
(下面截图)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a03a43ef552277c9398c24664c4f68e7.png)
然后再到控制器这边来封装layui table数据,加上变量名称,在new 大括号里面赋值,count等于上面查询总行数的totalRow,data等于上面查询所有数据的list。然后我们再返回数据、返回json就可以了。然后再回到视图那边,把data[]本地数据去掉,我们要请求网络数据、数据库那边的数据,用url冒号 / 写上控制器名称,然后再 / 写上查询的名称,这样就形成了一个数据的接口,所以要指定的url来写。最后启动执行就可以了。
(下面截图)(注意:以上有几句话借鉴老师上课内容)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/26d0ecda8954fe6e2d2f9ae5ecd86873.png)
(如有什么不对,请多多指教!)