最近正在按照师哥的文档做导入,浏览了好几遍才知道流程。在这里给大家分享一下大概流程和容易出现的问题。好让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;" onclick="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的小伙伴们带来帮助!