一.下载easyui
网址如下:
EasyUI - helps you build your web pages easily
二.引入
封装,方便引入
引入公共界面:
代码展示:
<body class="easyui-layout">
<div data-options="region:'north',title:'',split:true"
style="height: 85px; text-align: center;">
<h1>书籍后台管理</h1>
</div>
<div data-options="region:'south',split:true"
style="height: 100px; text-align: center;">
<h3>©玉渊工作室,未经同意请勿盗用</h3>
</div>
<div data-options="region:'west',title:'功能导航',split:true"
style="width: 120px;">
<!--左侧的tree控件 -->
<ul id="myTree" class="easyui-tree">
</ul>
</div>
<div data-options="region:'center'"style="padding: 5px; background: #fff;">
<!--中间的tabs控件 -->
<div id="myTab" class="easyui-tabs" style="width: 100%; height: 100%;">
<div data-options="iconCls:'icon-bullet-home'" title="首页" style="padding: 10px; display: none;">
<img src="images/lb1.png" style="width: 100%; height: 100%;"/>
</div>
</div>
</div>
</body>
今天就分享到这里,下次见,拜拜!