【项目总结】之——导出Excel
2016-01-05 21:13
246 查看
近来接手的项目,有几个很值得分享的东西。经过自己的不懈实践,总结,分享给大家,希望能对大家的学习有点帮助。
本次探讨的是mvc框架之中的一种导出方法,导出excel。
先让大家看一下啊我们的view界面:
![](https://img-blog.csdn.net/20160105205747926?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
我们的view代码:
<body>
<div style="margin-top:30px;margin-left:20px;">
<div class="easyui-panel" title="查询" style="width:1240px;">
<div style="margin:10px 20px;float:left">
@*加载搜索框*@
请输入要查询的内容:
<input class="easyui-textbox" id="txtSearch" name="txtSearch" onkeydown="Enter();" maxlength="20" style="width:150px;">
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" onclick="stuSearch()" >查询</a>
<a id="download" @*href="/FreshStudent/ExportExcel"*@ class="easyui-linkbutton" style="margin-left :720px";data-options="iconCls:'',plain:true" onclick="Export()">导出Excel</a>
</div>
</div>
</div>
<div id="ContentAreas" style="margin-top: 15px; margin-left: 20px; width: 960px;">
<table id="dt" class="easyui-datagrid" title="学生报表" style="width: 1240px; height: auto"
data-options="url:'/FreshStudent/SelectStu',singleSelect:true,pagination:true">
<thead>
<tr>
<th data-options="field:'StudentCode',width:150,align:'center',sortable:true" >学号</th>
<th data-options="field:'Name',width:120,align:'center'">姓名</th>
<th data-options="field:'strSex',width:120,align:'center'">性别</th>
<th data-options="field:'Score',width:120,align:'center'">分数</th>
<th data-options="field:'Level',width:120,align:'center'">学历</th>
<th data-options="field:'FreshMajorName',width:150,align:'center'">专业名称</th>
<th data-options="field:'FreshDepartmentName',width:150,align:'center'">学院名称</th>
<th data-options="field:'TelNum',width:150,align:'center'">联系方式</th>
<th data-options="field:'strCheckIn',width:120,align:'center'">是否报道</th>
</tr>
</thead>
</table>
</div>
</body>
controller代码分享:
<span style="font-size:18px;">#region 导出数据Excel --李卫中--2016年1月5日21:00:10
/// <summary>
/// 导出数据
/// </summary>
/// <param name="strlike"></param>
/// <returns></returns>
public ActionResult ExportExcel(string strlike) {
//获取前台界面容量
int pageSize = Request["rows"] == null ? 10 : int.Parse(Request["rows"]);
//获取前台界面当前页
int pageIndex = Request["page"] == null ? 1 : int.Parse(Request["page"]);
//定义总数,接收后台记录数目
int total;
List<FreshStudentViewModel> stuList = new List<FreshStudentViewModel>();
//执行模糊查询
if (strlike == "" || strlike == null)
{
stuList = stuService.ExportAllStu();
}
else {
stuList = stuService.ExportStu(strlike);
}
//给Excel导出里面添加表头
Hashtable headnames = new Hashtable();
headnames.Add("Score", "分数");
headnames.Add("Level", "学历");
headnames.Add("FreshMajorName", "专业名称");
headnames.Add("StudentCode", "学号");
headnames.Add("Name", "姓名");
headnames.Add("strSex", "性别");
headnames.Add("FreshDepartmentName", "学院名称");
headnames.Add("TelNum", "联系方式");
headnames.Add("strCheckIn", "是否报道");
//导出新生报表信息
return File(ExportManager.ExportExcel(stuList, headnames), "application/vnd.ms-excel", "新生报表.xls");
}
#endregion</span>
Js方法分享:
<span style="font-size:18px;">function Export() {
var strlike = $("#txtSearch").val();
window.location.href = "/FreshStudent/ExportExcel?strlike=" + strlike;
}</span>
然后,我们的后台方法就不再累述了,就是从数据库中查询得到的数据集合,返回之后有我们的controller来接收。
效果展示:
![](https://img-blog.csdn.net/20160105211137726?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
遗留问题:导出的数据表头顺序发生错乱,请关注本篇博客后续解决方案!
小结:
这个方法其实是很简单的,但是其中有一个地方难住了我大约有一个小时,就是通过点击我们用controller来获取id="txtSearch"的值,这个在很多人开来很简单,其实对我来说也是很简单,等我写出这个方法后发现,总结。自己动手的机会还是太少了,以至于有些地方想不到,我们有句话叫“不怕不知道,就怕不知道”,我们不是不会,是总也想不到。这比我们想到了不会要严重得多。所以我们要把握好每一次我们遇到困难的机会,每一个机会都会带给我们一点收获,一些改变。
加油! 少(sao)年(nian)!
本次探讨的是mvc框架之中的一种导出方法,导出excel。
先让大家看一下啊我们的view界面:
我们的view代码:
<body>
<div style="margin-top:30px;margin-left:20px;">
<div class="easyui-panel" title="查询" style="width:1240px;">
<div style="margin:10px 20px;float:left">
@*加载搜索框*@
请输入要查询的内容:
<input class="easyui-textbox" id="txtSearch" name="txtSearch" onkeydown="Enter();" maxlength="20" style="width:150px;">
<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" onclick="stuSearch()" >查询</a>
<a id="download" @*href="/FreshStudent/ExportExcel"*@ class="easyui-linkbutton" style="margin-left :720px";data-options="iconCls:'',plain:true" onclick="Export()">导出Excel</a>
</div>
</div>
</div>
<div id="ContentAreas" style="margin-top: 15px; margin-left: 20px; width: 960px;">
<table id="dt" class="easyui-datagrid" title="学生报表" style="width: 1240px; height: auto"
data-options="url:'/FreshStudent/SelectStu',singleSelect:true,pagination:true">
<thead>
<tr>
<th data-options="field:'StudentCode',width:150,align:'center',sortable:true" >学号</th>
<th data-options="field:'Name',width:120,align:'center'">姓名</th>
<th data-options="field:'strSex',width:120,align:'center'">性别</th>
<th data-options="field:'Score',width:120,align:'center'">分数</th>
<th data-options="field:'Level',width:120,align:'center'">学历</th>
<th data-options="field:'FreshMajorName',width:150,align:'center'">专业名称</th>
<th data-options="field:'FreshDepartmentName',width:150,align:'center'">学院名称</th>
<th data-options="field:'TelNum',width:150,align:'center'">联系方式</th>
<th data-options="field:'strCheckIn',width:120,align:'center'">是否报道</th>
</tr>
</thead>
</table>
</div>
</body>
controller代码分享:
<span style="font-size:18px;">#region 导出数据Excel --李卫中--2016年1月5日21:00:10
/// <summary>
/// 导出数据
/// </summary>
/// <param name="strlike"></param>
/// <returns></returns>
public ActionResult ExportExcel(string strlike) {
//获取前台界面容量
int pageSize = Request["rows"] == null ? 10 : int.Parse(Request["rows"]);
//获取前台界面当前页
int pageIndex = Request["page"] == null ? 1 : int.Parse(Request["page"]);
//定义总数,接收后台记录数目
int total;
List<FreshStudentViewModel> stuList = new List<FreshStudentViewModel>();
//执行模糊查询
if (strlike == "" || strlike == null)
{
stuList = stuService.ExportAllStu();
}
else {
stuList = stuService.ExportStu(strlike);
}
//给Excel导出里面添加表头
Hashtable headnames = new Hashtable();
headnames.Add("Score", "分数");
headnames.Add("Level", "学历");
headnames.Add("FreshMajorName", "专业名称");
headnames.Add("StudentCode", "学号");
headnames.Add("Name", "姓名");
headnames.Add("strSex", "性别");
headnames.Add("FreshDepartmentName", "学院名称");
headnames.Add("TelNum", "联系方式");
headnames.Add("strCheckIn", "是否报道");
//导出新生报表信息
return File(ExportManager.ExportExcel(stuList, headnames), "application/vnd.ms-excel", "新生报表.xls");
}
#endregion</span>
Js方法分享:
<span style="font-size:18px;">function Export() {
var strlike = $("#txtSearch").val();
window.location.href = "/FreshStudent/ExportExcel?strlike=" + strlike;
}</span>
然后,我们的后台方法就不再累述了,就是从数据库中查询得到的数据集合,返回之后有我们的controller来接收。
效果展示:
遗留问题:导出的数据表头顺序发生错乱,请关注本篇博客后续解决方案!
小结:
这个方法其实是很简单的,但是其中有一个地方难住了我大约有一个小时,就是通过点击我们用controller来获取id="txtSearch"的值,这个在很多人开来很简单,其实对我来说也是很简单,等我写出这个方法后发现,总结。自己动手的机会还是太少了,以至于有些地方想不到,我们有句话叫“不怕不知道,就怕不知道”,我们不是不会,是总也想不到。这比我们想到了不会要严重得多。所以我们要把握好每一次我们遇到困难的机会,每一个机会都会带给我们一点收获,一些改变。
加油! 少(sao)年(nian)!
相关文章推荐
- 【项目总结】之——导出Excel
- js中字符替换函数String.replace()使用技巧
- mac下nginx的安装-安装记录
- JavaScript对象(正则表达式,Date对象,function对象 arguments对象)
- 隐马尔可夫训练参数,BaumWelch算法,java实现【参考52nlp的博客算法原理实现】
- 搭建双塔
- C++ 讲解:隐藏
- 【Unity实用小方法】判断shader使用贴图数
- 网页开发中的单位解决问题
- 马可夫链
- C++的iostream标准库介绍+使用详解(转)http://www.eetop.cn/blog/html/93/493893-14953.html
- Linux面试题大全(带答案)
- 设计模式的分类
- 一图让你看懂CSS盒子模型
- 文章标题
- Java之final特性简述
- 使用git命令上传项目到GitHub
- java读取文件——字符流输入和输出
- 浏览器地址传递中文到java后台乱码
- spring+mybatis利用interceptor(plugin)兑现数据库读写分离