easyui、BootStrap以及layui的区别和easyui入门

最新推荐文章于 2023-11-21 13:22:01 发布

涵ヂ

最新推荐文章于 2023-11-21 13:22:01 发布

阅读量631

点赞数

本文链接：https://blog.csdn.net/TZyybhs/article/details/106877623

版权

本文介绍了easyui、BootStrap和layui的区别，包括各自的优缺点。easyui适合后台管理界面，有完整的学习文档和丰富的组件但界面不够美观；BootStrap支持响应式，界面美观但维护复杂；layui免费且界面美观，但组件可能有bug，稳定性相对差些。此外，文章还提供了easyui的入门步骤，包括项目创建、静态资源设置和依赖导入等。

摘要由CSDN通过智能技术生成

easyui、BootStrap以及layui的区别

easyui

由 jquery+html4 组合，用来做后台的管理界面
优点：

学习文档的完整性
前端框架的稳定性
组件的丰富性
免费

**缺点:**easyui的界面效果是不美观，不支持响应式

BootStrap

由 jquery+html15 组合
优点：

支持响应式
界面比较美观
容易上手

**缺点：**不是免费的，框架很多都是模块化，但你的代码过多，维护比较麻烦

layui

优点：

免费
界面比较美观
学习文档也是比较全面，但比不过easyui

**缺点：**组件有很多都是平台开发出去让别人写，就有可能出现一些bug，稳定性没有easyui好

easyui入门

先创建一个项目
在WebContent中，创建一个Folder，命名为static，在static文件夹中创建静态资源（js，css，images）文件夹
在这里插入图片描述

在js中导入依赖
在这里插入图片描述

代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><