最近正在按照师哥的文档做导入,浏览了好几遍才知道流程。在这里给大家分享一下大概流程和容易出现的问题。好让ITOO的同志们容易上手。先介绍一下客户端的流程。
流程:
(1)设计界面
在要做导入的界面添加HTML代码和JS。以我的基础导入课程为例。
添加如下代码:
<div id="DivImport" class="easyui-dialog" style="width: 400px; height: 200px; padding: 10px 20px"
closed="true" resizable="true" modal="true" buttons="#dlg-buttons">
@using (Html.BeginForm("ImportCourse", "BasicCourse", FormMethod.Post, new { id = "fmImport", enctype = "multipart/form-data" }))
{
<div>
<a href="#" style="color: red; text-decoration: none; cursor: pointer;">提示:导入前请先下载Excel模板
</a> <a href="@Url.Action("GetExcel", "BasicCourse")" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true" style="background-color: #2b89ce; color: white;" >点击下载Excel模板</a>
<br />
<br />
<input id="filebox" type="file" name="files" style="width: 250px;" /> @*<a href="javascript:void(0)" class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true" style="background-color: #2b89ce; color: white;" οnclick="submitForm()">批量导入</a>*@<input class="easyui-linkbutton" data-options="toggle:true,group:'g2',plain:true" type="submit" style="background-color: #2b89ce;color: white;" name="submit" value="批量导入" />
</div>
}
</div>
@*****导入课程-宋笑-2015年5月18日****@
<script type="text/javascript">
//下载课程Excel模板
$('#export').click(function () {
document.location = '@Url.Action("GetExcel","BasicCourse")';
});
//上传弹出窗口
$('#lead').click(function () {
$("#DivImport").dialog('open').dialog('setTitle', '导入Excel课程');
});
</script>
效果如下:
(2)建立两个文件一个是File文件,一个是UpLoad文件(往UpLoad文件下的Excel文件中放入一个Excel文件模板)。如图:
(3)在Controller中写代码。
下载Excel模板的代码和传入后台的代码。文档里面有我就不多写了。这里需要注意的是:
客户端基本流程就是这个样子的,希望能给ITOO的小伙伴们带来帮助!