easyUI简介
什么是easyUI?
easyUI是一种基于jquery加上html4的一种ui框架,ui框架顾名思义就是与界面有挂钩的。
特点:
使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义界面。
easyui节省网页开发的时间和规模。
easyui很简单但功能强大也更加稳定。
ui框架
ui框架 | 流行年份 | 特点 | 是否需要收费 |
---|---|---|---|
easyUI | 2016 | 功能全面,但不支持响应式,不够美观 | 不收费 |
bootstrap | 2016-2018 | 页面美观,支持响应式 | 收费 |
layUI | 2018-2019 | 页面美观,但本身带bug,支持响应式 | 不收费 |
为什么要学习easyUI
前面可以看到easyUI其实在现在已经不是很流行,那么我们为什么还要学习easyUI呢?
首先从开发成本上来说,easyUI是不收费的,其次从官网的学习文档的完整性、前端框架的稳定性,组件的丰富性考虑,easyui都要优于layui。
所以在学习前端框架上来说,我们可以先学习easyUI,再学习其他的前端框架会比较容易!
了解easyUI的基础layout
我们得先学会引入easyUI:
<!-- 全局样式 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/easyui5/themes/default/easyui.css">
<!-- 定义图标的样式 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.c