查询的方法与初始化

开发工具与关键技术：Visual Studio 2015 
作者：李仁海
撰写时间：2019.5.4

一、查询下拉框
1、查询下拉框所属要的条件，首先查询下拉框、是要看你所要查询什么样的下拉框，比如
一个公司部门，查询一个部门下面的员工信息，那么就要写一绑定部门的下拉框 createSelect是用来获取绑定部门的ID以及路径。
在这里插入图片描述
图1
2、一般查询部门的员工信息，那么你查询了部门拿到的整个部门的数据；那么部门里又分很多职位，这就要查询职位了，查询部门、职位那么基本的信息都已经出来了；部门、职位的下拉框查询那么一个公司的员工信息基本已经详系了，这也方便了公司查询职位的信息了。首先获取还是部门的ID： searchDepartmentID，再给点击事件change，那么点击事件的触发就会改变部门的下拉框的同时也将改变职位下拉框，但这也要再次先获取选中部门ID；自定义一个名称departmentId等于获取到的部门ID：searchDepartmentID，再者val()；跟着之后createSelect绑定职位下拉框，获取职位ID： searchPositionID，自定义一个路径拼接上部门ID DepartmentID加上上面获取的自定义名称departmentId
在这里插入图片描述
图2
二、多条件查询。
1、多条件查询，这个多条件查询尼可以说就是搜索框了，多条件查询跟下拉框查询的区别，一可以根据输入的数据来查询，一个只有部分的查询；
2、多条件查询首先就是获取ID，这是普遍行的选择，获取ID那么就要你想他查询多少数据，获取ID，ID其实就是代表一张表也就是你在数据库中制作的一张表，获取不同的ID也就相当于获取不同的表，多种多样那么查询也就可以多种多样的方式查询了。
3、接下来就是var自定义名称DepartmentID等于获取的ID$("#searchDepartmentID").val();。
4、获取到一些比较特殊的ID，那么到下面if判断也会不同了，var获取，自定义名称 UserRoleDetail等于获取的ID $("#searchEmployeeNumber").val(); 。
（1）第三小题获取的ID判断， if判断 DepartmentID等于等于空或者 DepartmentID等于等于undefined，接着就是DepartmentID等于 0;
（2）第四小题获取的ID判断， if判断 (UserRoleDetail 等于等于undefined) {
UserRoleDetail 等于空；
在这里插入图片描述
图3
二、重载。
1、多条件查询之后进行方法级渲染的重载，tabStudent用的这个方法就要给他个全局变量，然后reload，只后就是路径，url路径是连接控制器的唯一目的，
where:传递数据也就是参数 {
DepartmentID: DepartmentID,
PositionID: PositionID,
UserRoleDetail: UserRoleDetail
},
page: 重新从第 1 页开始
{
curr: 1
三、加载&&初始化layui模块
1、根据上面的重载那么重载前提是要初始化layui模块，再初始化表格。
(1) layui模块，table表格名称，也是模块加载名称
layui.use([‘layer’, ‘table’], function () {
那么模块加载完了之后，就要定义一个变量来把’layer模块table的弹出层出来。
layer = layui.layer,
layuiTable = layui.table;

2、初始化表格
(1) 定义一个变量tabStudent用来存放
(2) 表格html代码：
在这里插入图片描述
图4
（3） tabStudent 就是我们上面声明的全局变量等于获取layuiTable的模块，初始化定义的函数render用来初始化表格的。Elem把元素变成表格，获取的#tabStudent元素变成表格。之后url路径但在表格的url路径已经被用到上面的重载哪里了；
cols设置表头： fixed是获取到模态框里面的ID来制作成表格的，type: "checkbox"有一个框就是选中时可以明显的看出来的一个作用，type: “numbers”：也就是所谓的序号排序的，hide: true获取的ID隐藏起来，align: "center"根据浏览器上的宽度来给一个适应的宽度。templet: setOperate可以自定义操作的按钮事件。
（4）page变量、limit可以指定每页显示的条数、limits可以制作每页条数的选择
在这里插入图片描述
图5
(这是现在跟老师学习MVC的一个项目)

查询的方法与初始化

猜你喜欢