C# MVC使用easyUI 教程

最新推荐文章于 2025-03-14 17:27:08 发布

lisuyan0

最新推荐文章于 2025-03-14 17:27:08 发布

阅读量2.9k

点赞数

分类专栏： easyui

本文链接：https://blog.youkuaiyun.com/lisuyan0/article/details/89319843

版权

easyui 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何使用VisualStudio2015和EasyUI17框架搭建后台管理系统，包括文件夹复制、框架集成及页面代码编写等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

步骤一：开发工具为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>