C# MVC使用easyUI 教程-蒲公英云

C# MVC使用easyUI 教程

我就是我 2022-02-18 20:49 351阅读 0赞

步骤一：开发工具为visual studio2015和easyUI17，easyUI框架大家可以去逛网下载：http://www.jeasyui.com/download/index.php
步骤二：复制整个文件夹
在这里插入图片描述
步骤三：Content文件夹，将在EasyUI官网下载的框架粘贴进来，目录结构如下

步骤四：打开layout.cshtml添加页面代码：

@{
Layout = null;
}

员工信息

<link rel="stylesheet" type="text/css" href="~/Content/jquery-easyui-1.5.5.7/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="~/Content/jquery-easyui-1.5.5.7/themes/icon.css">
<link rel="stylesheet" type="text/css" href="~/Content/jquery-easyui-1.5.5.7/demo/demo.css">
<script type="text/javascript" src="~/Content/jquery-easyui-1.5.5.7/jquery.min.js"></script>
<script type="text/javascript" src="~/Content/jquery-easyui-1.5.5.7/jquery.easyui.min.js"></script>

EasyUI后台框架搭建

<div id="RightTree" style=" background-color:#BFEDE2;">
            <div class="panel-loading">加载中...</div>
        </div>
    </div>
    <!--左侧菜单end-->
    <!--中间主要区域-->
    <div data-options="region:'center',border:false">
        <div id="mainTab" class="easyui-tabs" data-options="fit:true">
            <div title="我的桌面" data-options="closable:true" style="overflow: hidden; background:#fff">
                <iframe scrolling="auto" frameborder="0" src="" style="width: 100%; height: 100%;"></iframe>
            </div>
        </div>
    </div>
    <!--底部start-->
    <div region="south" style="text-align: center;height: 50px;">
        <h3>Copyright © 20180824</h3>
    </div>
    <!--底部end-->
</div>