查询(一)

作者：李国林
新增、修改、查询、删除；这是程序员的日常，而今天要说的是查询，而查询也分为单表查询与多表查询，单表查询，就是用一个模态框进行查询，和多表查询有一定的差别，因为多表查询又称为连表查询，是有一定的的条件进行的查询的，因此，就会和单表查询有一定的区别，数据上就更不用说了，如果说单表查询是是一个人，而多表查询就是四个人或五个人并且他们还是父子关系。因此就会时更加复杂的数据绑定了。而今天我要分享的是查询中的单表查询，而多表查询会在以后在说。

1. 要学会多表查询，就要从单表查询开始学起，因为单表查询是基础。如果连单表查询都不会，那多表查询就更难学，因为数据上的绑定就是单表查询的四倍到五倍了，因为是按下拉框的绑定数据来学的所以这个很重要。
   首先今天先从控制器把数据录入进行和数据库的数据进行绑定，并且要开始是把数据库中的数据进行获取总行数，并且把获取到的总行数显示出来，然后在进行倒叙排序，完成这些之后就可以进行把资料的接收放在一个代表里，让他进行和页面数据的绑定；到时候就可以在页面里进行调动数据查询了。
   倒叙排序：把录入的查询的资料放在第一，这样就不用为了找一个人的资料这么浪费时间精力了，这样就更方便整理资料，不用那么费劲了。
   
2. 接下来就是在页面这边输入方法进行数据的绑定与查询的各项渲染和引用这些样式，并且与之关联就可以了。
   下面的图片中var引用的是layui这个封装好的一个框架内容，因此var引用的是里面的表格，然后进行各种layui模块的全局使用，接着就是进行方法渲染，然后把数据按表格的形式进行渲染出来。
   渲染出来后，就是把控制器的数据进行数据的绑定来连接数据库的数据进行查询。
   在方法渲染中layuiTable = layui. Table：这是layuiTable赋值给layui.Table
   elem：写的是Id选择器与Id是有一点区别的，因为，如果是写Id就不要带一个#号，如果带了#号就是Id选择器了，而且，这个地方要留意才行，因为这里有很多的同学都会不小心就会忘记写所以，这里一定要注意，并且，不要离#号太远否则，很容易就会因为找不到那个Id选择器而出现BUG，因此不管哪里的地方，尤其是JS这里的方法就要不要出错，不然就很难找出来。
   
3. 接下来就是把表格的表头也就是表格的第一行把序号、隐藏列ID、名称、代号；如果是工作的系统就要把你的名字、地址、身份证号等各种信息放在里面，因为我这个事学院系统和工作员工录入有很大的区别，因此就会和公司之类的管理系统有区别，接着上面说的如果还要一个单选框就写以下的代码就可以了，pager :这个是自定义显示的数据的条数的，并且他们都是以键值对的方式，来进行数据的定义。接着就是监听事件了
   监听事件是为了能在数据在被调动的时候，可以进行操作者的操作进行各项数据的显示并且进行调用。
   单击选中单选框是在调用layui里的封装好的样式，并且也引用了click事件的调用。
   align：’center’：指的是把操作这个字放在中间对齐，和以前在做网页的时候在CSS那里做的有点不一样，因为写样式有专门的地方写，而这里是写在JS样式里的和CSS就有一点出入，并且也和在HTML的样式省略的方式，也是有点不一样，所以，这个地方要注意一下才行，因为它也是样式的一种，只不过是写在了JS的里面有一点区别。但也可以用这样的写法去写。
   limit：这里是自定义条数的一般为显示数据比较顺眼，就会选择刚刚适合的条数，而limits就是定义出多少条多可以看客户和用户的喜欢。当然按照这里面是其中一种方法，还有一种方法也可以，但是，老师说那种方法和这种自定义方法是自带的所以，如果用那种方法就会有时候就会的不到想象中的效果，因此我就没有把那个另外一种方法也截图下来了，而且这里只是想提醒一下，这只是一种其中的一个方法而已，并且，这只是在和各位注意其实如果是代码量想要轻一点的就另一个方法，但是就可能达不到你的效果里，这里是值得注意的其中一点。
   
   谢谢大家的阅读，下一篇是查询(二)。