保存到临时数据表

保存到临时数据表

新增数据，我们会按照已经写好的弹出模态框（跳转页面），照着提示，对着一个一个的填入数据，数据少的时候我们可以这样，数据多的时候我们就不可能这样了吧，这样浪费很多时间，所以就需要批量的导入
批量的导入需要建一个数据表格来放数据，然后才保存到数据库
初始化导入数据临时表

tabStudentImport = layuiTable.render({
           elem: "#tabStudentImport",
           cols: [[
               { type: 'numbers', title: '序号' },
               { field: 'StudentNumber', title: '学号', align: 'center' },
               { field: 'StudentName', title: '姓名', align: 'center' },
               { field: 'StudentIDNum', title: '身份证号', align: 'center' },
               { field: 'StudentSex', title: '性别', align: 'center' },
               { field: 'AcademeName', title: '学院', align: 'center' },
               { field: 'SpecialtyName', title: '专业', align: 'center' },
               { field: 'GradeName', title: '年级', align: 'center' },
               { field: 'ClassName', title: '班级', align: 'center' },
               { field: 'UserNuber', title: '账号', align: 'center' }
           ]],
           page: {
               limit: 10,//每页显示数据的条数
               limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],//每页条数的选项
           },
           data:[]
       });

下载导入模板和导入数据库按钮

选择.xls文件
accept 属性只能与 配合使用。它规定能够通过文件上传进行提交的文件类型

页面上

禁用导入到数据的按钮，是为了上传Excel表格的数据前误点，数据保存到临时表上，才启用导入到数据库的按钮，这样就不会误点了导入到数据的按钮
btnSaveImport 导入到数据按钮的ID
disabled 属性规定禁用按钮
属性为 true，则该元素将被禁用，用户就无法选择它了
选中导入到数据按钮的ID btnSaveImport，disabled为true，该按钮将被禁用

$("#btnSaveImport").prop("disabled", true);

当数据保存到临时数据表的时候，导入到数据库的按钮被启用
disabled为false

$("#btnSaveImport").prop("disabled", false);

下载导入模板，根据数据表格的title来做Excel表格，让导入数据的人，知道导入的顺序
如果想批量导入数据就得按这个顺序来，以后填写数据的时候就按这个顺序来，这样数据就可以直接到入到临时表上，再保存到数据库了

注意 例如，填写学院是一定要填写数据库上有的，不能随便来，专业、年级、班级也是一样的哦，要数据库上有的

选择了.xls文件，导入到数据库的按钮可以点了