easyUI、bootstrap和layUI三种框架

前言

今天的主角是easyUI，首先我们要知道我使用的是easyUI或者说我为什么推荐使用easyUI或者还可以说为什么大部分用的是easyUI，最主要的原因就是

easyUI	不要钱	完整性、前端框架的稳定性，组件的丰富性更好
bootstrap	要钱	因为要钱所以首先就排斥使用了
layUI	不要钱	完整性、前端框架的稳定性，组件的丰富性还行

一、easyUI

1、easyUI简介

1、easyui是一种基于jQuery的用户界面插件集合。
2、easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。
3、使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。
4、easyui是个完美支持HTML5网页的完整框架。
5、easyui节省您网页开发的时间和规模。
6、easyui很简单但功能强大的

2、使用样式

<!-- 写全局样式 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/themes/default/easyui.css">   
<!-- 定义图标的样式 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/themes/icon.css">   

<!--组件库源文件的js文件  -->
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/jquery.min.js"></script>  
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>   

3、了解更多easyUI官网地址

http://www.jeasyui.net/

二、bootstrap

1、什么是bootstrap

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

2、bootstrap的特点

Bootstrap是基于jQuery框架开发的，它在jQuery框架的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。

3、bootstrap包含的内容

1、基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。
2、CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。
3、组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。
4、JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。这将在 Bootstrap 插件 部分详细讲解。
5、定制：您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。

4、了解更多的bootstrap官网地址

https://www.bootcss.com/

三、layUI

1、layui的元素组成

布局（栅格、后台布局）、颜色、字体图标、动画、按钮、表单、导航条、面包屑、选项卡、进度条、面板、静态表格、徽章、时间线、辅助元素等

3、了解更多的layUI官网地址

https://www.layui.com/

总结：希望可能帮到大家，评论逛逛！！！