~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术Visual Studio 2015 MVC
作者:任浩基
撰写时间:2019/4/16
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
今天为大家讲述的是如何将数据库的数据在Visual Studio 2015实现导入与导出。可能是本人表述有误,以至于有的人看的不是很理解,在此深感抱歉。好了那么就正式进入正题了,我们如何才能实现数据的导入与导出呢
在数据导入与导出前我们要先引用插件:<script src="~/layui/layui.js"></script>。其次是创建数据表格,还要绑定噢,最后一点是要进行渲染。我们是使用方法渲染进行渲染的,因为无需写过多的 HTML,在 JS 中指定原始元素,再设定各项参数即可。这样子我们就可以实现数据的导入与导出了。如本次我们用到的就是方法渲染,代码如下:
1、 HTML部分:<table id="demo" lay-filter="test"></table>
2、 下面是JavaScript代码部分:
(1).var table = layui.table;
(2).
(3).//执行渲染
(4).table.render({
(5).elem: '#demo',//指定原始表格元素选择器(推荐id选择器)
(6).height: 315, //容器高度
(7),cols: [{}], //设置表头
(8)});
(9).
如果觉得上述的代码太抽象了,下面有实例:创建一个table实例最简单的方式是,在页面放置一个元素‘<table id=”demo”></table>’,然后通过’table.render()’方法指定该容器,如下所示:
1. <table id="demo" lay-filter="test"></table>
2. @*引用插件*@
3. <script src="/layui/layui.js"></script>
4. <script>
5. layui.use('table', function(){
6. var table = layui.table;
7.
8. table.render({
9. elem: '#demo',
10. height: 312,
11. url: '/demo/table/user/', //数据接口
12. page: true, //开启分页
13. cols: [[ //表头
14. {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'},
15. {field: 'username', title: '用户名', width:80},
16. {field: 'sex', title: '性别', width:80, sort: true},
17. {field: 'city', title: '城市', width:80},
18. {field: 'sign', title: '签名', width: 177},
19. {field: 'experience', title: '积分', width: 80, sort: true},
20. {field: 'score', title: '评分', width: 80, sort: true},
21. {field: 'classify', title: '职业', width: 80},
22. {field: 'wealth', title: '财富', width: 135, sort: true},
23. ]],
24. });
25.
26. });
27. </script>
上面的代码运行的效果图如下:
当我们完成到这一步时,基本上就可以进行数据的导入了
现在我们进行的是考生信息的数据导入与导出(结合老师所教内容)。首先思路是
(1)判断类型是不是:xls表格.xls
1、获取需要读取的文件; 2、把所读取的文件转换为二进制数组;3、再将二进制数组转成内 存流;4、然后利用NPOI把内存流中的数据读取成工作簿Excel即可
(2)工作簿中必须有工作表
(3)同时工作表也要有数据
(4)数据要求准确性(学院 专业 年级 班级 表与表之间的关系明确)
(5)数据都有,方可读取数据,不然之前做的可能会白费。
下面是部分的代码:
由于个别原因就不一一列举代码了,下面我们来看代码运行的效果图:
上面的效果图只是展现数据的绑定,确定表格是否存在数据。如果想看到数据的导入的效果图(点击左上角<导入数据>即可)。
下图展现的是数据的导出效果图:
上面就是本人对数据的导入与导出作的见解。上述如有错误望各大网友指出。