C# MVC使用easyUI 教程

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

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

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

@\{  
Layout = null;  
\}

员工信息

EasyUI后台框架搭建

<div id="RightTree" style=" background-color:#BFEDE2;">
                <div class="panel-loading">加载中...</div>
            </div>
    
        </div>
        
        
        <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>
    
        
    
        <div region="south" style="text-align: center;height: 50px;">
            <h3>Copyright © 20180824</h3>
        </div>
        
    
    </div>

[http_www.jeasyui.com_download_index.php]: http://www.jeasyui.com/download/index.php
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpc3V5YW4w_size_16_color_FFFFFF_t_70]: /images/20220219/c64cf871c21149e181424e81357dfee4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpc3V5YW4w_size_16_color_FFFFFF_t_70 1]: /images/20220219/3f0af5cc6a18425c927ca6e3b1b986fa.png