0
点赞
收藏
分享

微信扫一扫

easyui入门

云朵里的佛光 2022-05-04 阅读 81

Easyui是什么

Easyui是ui框架,主要是用来做后台的管理界面EasyUI是一组基于jQuery的UI(用户界面)插件集合,而EasyUI的目标就是帮助web前端开发者更轻松的打造出功能丰富并且美观的UI界面。
 

使用EasyUI的好处


        不需要写复杂的JavaScript代码,也不用对css样式有深入的了解;

只需要写一些简单HTML语句,就可以定义UI界面。

EasyUI特点

1、基于jquery用户界面插件的集合

2、为一些当前用于交互的js应用提供必要的功能

3、EasyUI支持两种渲染方式分别为javascript方式(如:$('#p').panel({...}))和html标记方式(如:class="easyui-panel")

4、支持HTML5(通过data-options属性)

5、开发产品时可节省时间和资源

6、简单,但很强大

7、支持扩展,可根据自己的需求扩展控件

8、各项不足正以版本递增的方式不断完善

 

代码展示:

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

 以下代码写在west中的div:

<ul id="tt" class="easyui-tree">   
    <li>   
        <span>Folder</span>   
        <ul>   
            <li>   
                <span>Sub Folder 1</span>   
                <ul>   
                    <li>   
                        <span><a href="#">File 11</a></span>   
                    </li>   
                    <li>   
                        <span>File 12</span>   
                    </li>   
                    <li>   
                        <span>File 13</span>   
                    </li>   
                </ul>   
            </li>   
            <li>   
                <span>File 2</span>   
            </li>   
            <li>   
                <span>File 3</span>   
            </li>   
        </ul>   
    </li>   
    <li>   
        <span>File21</span>   
    </li>   
</ul>  


 

举报

相关推荐

0 条评论