使用EasyUI搭建系统界面真是easy,简单而且快!
1、到EasyUI的官网下载免费的包到本地,解压,安排好目录,建立空的html文件YQCYNDI.HTML。
2、加入引用,即css和js部分的代码,注意把css引用放到前面。
3、官网上拷贝代码,拷贝布局->全屏布局,里面有现成的代码,加入到文件中。
4、根据需要进行调整,代码和样式最好放到单独的文件中。
5、菜单是单独的,引用了outlook2.js,也可以不用这个,也到官网上下载样例去做。
6、完成界面搭建。
完整代码:
完成的界面:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiI9s2RkBnVHFmb1clWvB3MaVnRtp1XlBXe0xCMy81dvRWYoNHLwEzX5xCMx8FesU2cfdGLwATMfRHLGZkRGZkRfJ3bs92YskmNhVTYykVNQJVMRhXVEF1X0hXZ0xCNx8VZ6l2cssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnLkdjM2UDMiZWMygjN0kDZ1ATN1ATYjdjN4IDN3UTM4gDMyUWOzgzLcBTMxIDMy8CXzV2Zh1WavwVbvNmLvR3YxUjL5M3Lc9CX6MHc0RHaiojIsJye.png)