本文作者 ： Stanley 罗昊下载Layui与文件分析下载直接去官网下载即可
本文转自：
https://www.cnblogs.com/StanleyBlogs/p/14480990.html
文章插图
文件分析下载完成后，解压会得到一个文件夹，内部有一些文件是可以直接删除的，比如文档与示例，更新日志之类的，我们仅仅只要上面那个layui文件夹 。
文章插图
我们直接点进去，开始文件介绍：
文章插图
css：样式，使用UI框架以后，基本上不需要我们去写样式，这里的css只是对layui的一些支持文件，当然也缺一不可 。
font：字体 。
imges：图标，框架内的图片，点进去后发现只是一些小的表情包，意味着layui自带了富文本编辑器 。
lay：类的话里面是有一些modules，是一些layui封装好的内置模块，比如弹出层（详细可以在官网内置模块区查看）
layui.all与layui有什么区别呢？先看大小区别layui.all明显比layui大；
layui.all包含了所有模块的js
layui它只是一个框架，如果要用一些模块功能，那么必须要使用layu.use的方式
当然我们一般都用layui，因为它体积小，另外那个太大了；
不要小看200kb，在网络上200多kb已经比较大了 。
layui的使用方法首先需要先创建一个JAVAWeb项目，因为我们都知道，web项目就不单单去写java代码，逻辑之类的，而是要去全栈，也就是前后端都需要你一个人完成，所以Layui的出世给后端java程序员带来了福音 。
简单看一下web项目的结构:
文章插图
一般web项目创建的时候是不会自带resource文件的，我们需要自己手动创建，这个也是web项目必须要有的文件，要存放所有静态资源，Layui也不例外，它也属于静态资源 。
创建一个jsp或者html都行，因为我这里刚好有一个index.jsp我就直接用了；
在jsp页面中，我们需要引入layui，引用代码：
<link rel="stylesheet" href=https://www.isolves.com/it/cxkf/kj/2021-03-09/"resources/layui/css/layui.css"><script src=https://www.isolves.com/it/cxkf/kj/2021-03-09/"resources/layui/layui.js">
文章插图
使用layui最终我们就只引用这两行代码即可
如何使用图标有两种使用方式：
1.使用字符实体
文章插图
我们看到在图标下方有一串字符，我们直接复制这一串字符，在jsp页面上按照文档上的规范写出来查看效果
1 <%@ page contentType="text/html;charset=UTF-8" language="java" %> 2 <html> 3<head> 4<title>图标</title> 5<link rel="stylesheet" href=https://www.isolves.com/it/cxkf/kj/2021-03-09/"resources/layui/css/layui.css"> 6 7 8 91011