<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.min.js"></script>
<script type="text/javascript" src="../easyUI/jquery.easyui.min.js"></script>
//使用easyui 树的时候 需要先导入easyui设置好的的js和css
<div style="margin:20px 0;"></div>
<div class="easyui-panel" style="padding:5px">
<ul class="easyui-tree">// 通过class设置ul为树的形式
<li>
<span>员工管理系统</span>
<ul>
// easyui的一个属性 规定 打开
<li data-options="state:'open'">
<span>人力资源部</span>
<ul>
<li>
//点击跳转的页面
<span><a href="department.html" class="ul_Li_span_a_class">部门管理</a></span>
</li>
<li>
<span><a href="employees.html" class="ul_Li_span_a_class">员工管理</a></span>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>