~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术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)数据都有,方可读取数据,不然之前做的可能会白费。
下面是部分的代码: 数据的导入与导出
由于个别原因就不一一列举代码了,下面我们来看代码运行的效果图: 数据的导入与导出
上面的效果图只是展现数据的绑定,确定表格是否存在数据。如果想看到数据的导入的效果图(点击左上角<导入数据>即可)。
下图展现的是数据的导出效果图: 数据的导入与导出
上面就是本人对数据的导入与导出作的见解。上述如有错误望各大网友指出。


 

相关文章: