快速入手ITOO导入-客户端

    最近正在按照师哥的文档做导入,浏览了好几遍才知道流程。在这里给大家分享一下大概流程和容易出现的问题。好让ITOO的同志们容易上手。先介绍一下客户端的流程。

    流程:

   (1)设计界面

    在要做导入的界面添加HTML代码和JS。以我的基础导入课程为例。

    快速入手ITOO导入-客户端_第1张图片

    添加如下代码:

<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>
   效果如下:

    快速入手ITOO导入-客户端_第2张图片
   2)建立两个文件一个是File文件,一个是UpLoad文件(往UpLoad文件下的Excel文件中放入一个Excel文件模板)。如图:

      快速入手ITOO导入-客户端_第3张图片

   (3)在Controller中写代码。

    下载Excel模板的代码和传入后台的代码。文档里面有我就不多写了。这里需要注意的是:

     快速入手ITOO导入-客户端_第4张图片

        客户端基本流程就是这个样子的,希望能给ITOO的小伙伴们带来帮助!

你可能感兴趣的:(导入,ITOO)