第二步,引入EasyUI中的主题样式文件easyui.css、icon.css、demo.css,以及引入jQuery核心js和EasyUI相关的js文件,如下图所示:
第三步,创建EasyUI框架布局控件layout,并设置五个方向东南西北中的样式,如下图所示:
第四步,预览该静态页面,这时在浏览器看到页面被分成五个部分,每个部分都有一个标题,如下图所示:
第五步,在jquery初始化函数里编写某一部分折叠方法函数,调用layout()方法,如下图所示:
6
第六步,再次预览页面,会看到为“南”的部分被折叠起来了,如下图所示:
这个是做后端用的。后端软件不是很注重界面的美观性,而且功能较为一致。可以用easyui来做。easyui就是给你整合了Html+css+js,让你写很少的代码,就能展现不错的效果。可以理解为前端的UI框架,让你省事的。
如果你想要让自己熟练使用div+css布局,还是自己写最好
如果项目赶时间,用easyui好