IDEA 使用 LayUI JSP 引用

LayUI是什么？

经典模块化前端框架。简单理解就是更好看点的UI，优点是轻量化和模块化，用起来很方便。整体的美术风格比较优秀，同时免费。
下载链接：https://www.layui.com/
预览链接：https://www.layui.com/demo/form.html

如何为IDEA配置LayUI

LayUI官方手册：https://www.layui.com/doc/
反正我是看不懂的，还是亲自动手试一下

1. 下载layui：地址见上
2. 解压layui：
   关键是这个文件夹，解压到桌面，复制
3. IDEA部署layui：
   打开IDEA，在WEB文件夹，右键Paste
   
   这里需要注意的是，似乎粘贴到别的地方似乎是不行的，必须在WEB文件夹下，可能与IDEA web项目的构造有关，站在外面的话jsp访问不到。
4. JSP引用layui：
   需要对JS和CSS文件进行引用
   引用语句如下：
   如果你的目录结构和我一样的话，可以直接复制

<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    
    "stylesheet" type="text/css" href="layui/css/layui.css">


    

5. 使用layui进行测试，是否导入成功
   在Body标签加一行代码，调用layui的一个图形字符



 然后运行进行，对jsp进行访问 在浏览器地址栏输入：[http://localhost:8080/test.jsp](http://localhost:8080/test.jsp) 这个根目录如果你没有修改过的话可能和我不一样 可以在下面这个位置修改 打开之后，发现引入成功，可以开始使用。