数据库多表连表查询考生

在项目中，查询是有很大的作用的，不论新增数据还是修改数据那都得把数据从数据库中查询出来，然后再进行新增数据或者修改数据。
考生查询涉及到一个数据库多表连表查询，有关：学号、姓名、身份证号、性别、学院、专业、年级、班级、账号等等，在数据库里，学号、姓名、身份证号、性别是学生自己特有的，则放在一个学生表里面，学院有学院表，专业有专业表，年级表，班级表，再加一个账号这就涉及到了多表查询。因此我们的数据不只是来自单独的一张表了。
不管单表查询还是多表连表查询，目的都是绑定表格的数据。那么查询数据则是从数据库中查询数据。
页面布局内容和插件那就不多说了，但有一个自己封装的JS得说以下，里面封装了几个方法是我们需要用到的方法，分别是（selectLoadData）（createSelect）绑定下拉框的方法

/** * jquery 根据json对象创建Select下拉框
 * @author en
 * @param fromId form表单id
 * @param jsonDate json对象 */
function selectLoadData(selectId, jsonData) {
if (selectId.indexOf('#') != 0) {
selectId = '#' + selectId;
}
$(selectId).empty();//清空该元素
//内部前置内容
//在这里每次都有一个初始值
$(selectId).prepend('<option value="' + 0 + '">' + "----请选择----" + '</option>');
//和数据库里的内容
for (k in jsonData) {
$(selectId).append('<option value="' + jsonData[k].id + '">' + jsonData[k].text + '</option>');
}
}
/** 
* jquery 根据url创建下拉框
 * @author en
 * @param fromId form表单id
 * @param url 查询下拉框的url
 * @param value 设置值*/
function createSelect(selectId, url, value) {
//console.log(defaultValue);
$.post(url, function (jsonData) {
if (selectId.indexOf('#') != 0) {
selectId = '#' + selectId;
}
$(selectId).empty();//清空该元素
//内部前置内容
$(selectId).prepend('<option value="' + 0 + '">' + "----请选择----" + '</option>');
//创建option
for (k in jsonData) {
$(selectId).append('<option value="' + jsonData[k].id + '">' + jsonData[k].text + '</option>');
}
//设置选中值
if (value != undefined && value != null && value != '') {
$(selectId).val(value);
}
});
}

因为下拉框有很多地方用到，这是一个公共的方法，所以就封装起来
主要的是连表查询，把几个表查询连接起来

把查询出来的数据传给Student

然后执行渲染

tabStudent = layuiTable.render({
                    elem: "#tabStudent",//html table id
                    cols: [[ //表头
                        { type: 'checkbox', fixed: 'left' },//复选框列,fixed:'left' 将列固定在左边
                        { type: 'numbers', title: '序号' },//序号列，title设定标题名称
                        { field: 'studentID', title: 'studentID', hide: true },
                        { field: 'UserID', title: 'UserID', hide: true },//hide:true 隐藏列
                        { field: 'StudentNumber', title: '学号' },
                        { field: 'StudentName', title: '姓名', width: 98 },
                        { field: 'StudentIDNum', title: '身份证号' },
                        { field: 'StudentSex', title: '性别', width: 58 },
                        { field: 'AcademeName', title: '学院' },
                        { field: 'SpecialtyName', title: '专业' },
                        { field: 'GradeName', title: '年级', width: 68 },
                        { field: 'ClassName', title: '班级', width: 98 },
                        { field: 'UserNuber', title: '账号' },
                        { title: '操作', templet: setOperate, width: 148, align: 'center', fixed: 'right' }//width: 160 指定宽度，align 指定对其方式
                    ]],
                data: [],//加载本地数据
                    toolbar: '#tabStudentToolbar',
                })
                  //多条件查询table
                tabStudentSearch();

这样我们就可以根据多种条件把数据查询出来了

作者：吴炳耀