SpringBoot进阶（八）Layui的引入与使用
注意：Layui官网目前已无法访问，可通过其他渠道下载，或者使用layuimini！在前后端分离的大环境下，可能像layui这样的框架越来越不合时宜，但对于初创或小微企业，在节省成本没有做前后端分离的前提下，这样的框架对后端开发人员来说，还是大大的节省了开发时间和难度的！
Layui作者对Layui的定义： 在目前前后端分离的大环境下，后端开发人员大包大揽的情况越来越少了，前后端分离可以让后端开发人员多去注重业务，而不再花费大量时间在前端html页面上了，就css这块，不得不说，要折磨死大部分后端...，但是，情况总有例外，还有很多中小型公司由于成本问题，根本就不会去招专业的前端，那这种情况下，前端的事情就只能由后端去开发了，但就如上面所说，css太折磨人了，怎么办？对了，这时我们就可以去找第三方的ui框架了，拿来改吧改吧直接使用，会省不少事情，而Layui无论是体验还是稳定性以及易用性，无疑都是数一数二的！在前后端不分离的情况下，Layui也是使用者比较多的框架！
另外，网上很多前后端同学对Layui的评价，出现了两极分化，有说他倒行逆施实属垃圾的，有把他捧上神坛极力维护的，至于Layui到底好不好，我们这里不做过多评说，感兴趣的可以去知乎等各大论坛围观一下，而对于后端开发人员来说，能快速高效的解决自己的痛点，就是好框架！
本篇博客所使用的框架，是在layui的基础上，又进行了一次简化和封装的一个框架：LyuiMini
在线体验：layuimini.99php.cn/iframe/v2/i…
当然，你也可以直接用Layui！具体用法，可以参考官方文档，讲解的很详细，也很容易上手，博客中就不再讲解使用方法了！
引入layuimini资源：可以根据官网提供的方式，下载后copy资源文件到自己的项目里！ 记住，引入资源后如果访问不到，需要Rebuild一下项目！
启动项目，浏览器输入：http://localhost:8080/byl/login.html 我们也可以随意输入html路径，如：http://localhost:8080/byl/index.html，即可查看框架里面自带的所有页面！
注意，此时由于我们配置了项目资源路径，所以你可以通过http://localhost:8080/自己配置的项目名/xxx，即可直接访问static和templates下的资源文件，如，访问static下css/login.css：
没有问题，所以我们项目里html在引用资源路径的时候，就不需要再带上static了！
如果是templates根目录下（一级目录）的html引用资源，如login.html：
<script src="lib/layui/layui.all.js" charset="utf-8"></script> 复制代码
如果是templates的二级目录：
<script src="../lib/layui/layui.js" charset="utf-8"></script> 复制代码
三级目录：
<script src="../../lib/layui/layui.js" charset="utf-8"></script> 复制代码
是否清楚了呢？
接下来我们再看刚才浏览器输入的访问路径：http://localhost:8080/byl/login.html，你会发现，只有输入的路径完全匹配，才能正确访问，但实际上，我们会发现别人家的网站根本不需要输入这么多，顶多输入一个：http://localhost:8080/byl就可以访问了，那我们现在就来配置：
在config文件夹下创建AppConfig：
package com.byl.springboottest.config; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.ViewControllerRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; @Configuration public class AppConfig implements WebMvcConfigurer { @Override public void addViewControllers(ViewControllerRegistry registry) { //浏览器请求映射到对应页面（ViewName代表对应的html） registry.addViewController("/").setViewName("login"); registry.addViewController("/login").setViewName("login"); registry.addViewController("/index").setViewName("index"); } } 复制代码注释很清楚，就是把浏览器输入的路径，映射到对应的html！配置完成后重启，浏览器输入：http://localhost:8080/byl，你会发现直接进入了登录界面，输入：http://localhost:8080/byl/login 也是一样的效果！
下一篇，将完成一下登录模块，以及初步的登录验证拦截！
作者：baiyuliang
链接：https://juejin.cn/post/7022809234190368799