先认识框架
ui框架
easyui=jquery+html4（用来做后台的管理界面） 2016 不要钱
bootstrap=jquery+html5 2016-2018 要钱、api文档不全
layui (16年出)2018(火)-2021 不要钱 有bug、文档不全 卡
我们为什么要学习easyui？
从效果来看easyui的界面效果要远远差于bootstrap
跟layui比，界面效果也更差
从金钱的角度上，开发首先会排除掉bootstrap
从学习文档的完整性、前端框架的稳定性，组件的丰富性考虑，easyui都要
优于layui
从公司的角度考虑选用那个框架
成本、公司的后端技术人员前端功底、前端的社区活跃度
代码展示
<body class="easyui-layout">
<div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div>
<div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>
<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div>
<div data-options="region:'west',title:'West',split:true" style="width:100px;">以下代码写在west里面的div
<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>
</div>
<div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>
即为
