快速入手ITOO导入-客户端

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