大家好，欢迎来到IT知识分享网。
easyui,bootstrap和layui的对比，Easyui入门
ui框架
1，easyui=jquery+html4（用来做后台的管理界面）
2016前比较受欢迎 缺点：图形样式比较丑 你可以自己作 优点：它年代久远， 学习文档比较完整，前端框架比较稳定，关键它不要钱。 2，bootstrap=jquery+html5
2016-2018比较受欢迎 缺点：死要钱的 要钱部分你也可以自己作 优点：好用 3，layui
2018-2019比较受欢迎 缺点：由于出的早，其中的文本也是别人写的，未经审核的，错误比较多。但你也可自己改。 优点：关键它不要钱，而且图美。 我们为什么要学习easyui
从效果来看easyui的界面效果要远远差于bootstrap 跟layui比，界面效果也更差 从金钱的角度上，开发首先会排除掉bootstrap 从学习文档的完整性、前端框架的稳定性，组件的丰富性考虑，easyui都要 优于layui 从公司的角度考虑选用那个框架 成本、公司的后端技术人员前端功底、前端的社区活跃度 esayui Layout布局示例
1.首先先建一个web项目，在WebContent文件夹下新建一个Folder文件，取名static的静态资源，用来放css样式，images图片，js依赖。
2.新建一个jsp页面index.jsp
代码：
在D:\java课程\数据库Myserv\1、easyui入门\资料（在你自己存放的路径）中找到jQuery EasyUI 1.5 版 API 中文版 (Made By Richie696)打开Form（表单），就在jQuery EasyUI 入门指南下。
找到后放入代码中，在修改一下路径，找到下图 
右击选择Copy Qualifleid Name 复制 再将其前一段改成绝对路径如下代码
<!--全局样式 --> <link rel="stylesheet" type="text/css" href="${pageContext.r equest.contextPath }/static/js/jquery-easyui-1.5.1/themes/d efault/easyui.css"> <!--定义图标 --> <link rel="stylesheet" type="text/css" href="${pageContext.r equest.contextPath }/static/js/jquery-easyui-1.5.1/themes/d efault/easyui.css"> <script type="text/javascript" src="${pageContext.request.c ontextPath }/static/js/jquery-easyui-1.5.1/jquery.min.js"></s cript> <!--组建库源码的 js文件 --> <script type="text/javascript" src="${pageContext.request.c ontextPath }/1static/js/jquery-easyui-1.5.1/jquery.easyui.mi n.js"></script> <title>登录后的主界面</title> </head> 在D:\java课程\数据库Myserv\1、easyui入门\资料\jquery-easyui-1.5.1\demo\layout中找到fluid.html Ctrl+c 代码
<body class="easyui-layout">
<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">邦大爷管理系统
</div>
<div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">菜单管理</div>
<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div>
<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region 邦哥哥最帅了</div>
<div data-options="region:'center',title:'Center'"></div>
</body>
</html>
运行结果：
1.src=”${pageContext.request.contextPath }/1static/js/jquery-easyui-1.5.1/jquery.easyui.min.js”>写错。
2.正确
总结:
虽然写的不到位，但是我会继续努力的。
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://haidsoft.com/126769.html
