spingboot+layui前后端分离

一、功能点以及实现的进度

本次搭建是基于springboot+layui+nginx实现的前后台分离的设计

1. orm依旧采用了熟悉的mybatisplus 3.1.2

2. 集成druid（账号密码admin），访问地址 http://localhost:8080/druid/index.html

3. 集成shiro+jwt，详细查看第三段的图解说明

4. 配置nginx，指定前端代码

5. 集成redis，将用户信息以及权限记录到缓存数据库中

6. 前端集成layuicms，目前只是登录，《用户中心》模块简单的分页列表，其余模块均是假数据

7. 前端登录处理逻辑请自行跟踪代码，比较简单的流程

8. 后端设置缓存到期时间为30分钟，前端的缓存放到localstorage

9. 定制layui的table.js修改了请求自动添加headers(headers中带token)

10. 代码生成，参考第六段

11. 常规layui的使用请参考我csdn
    这篇博客
    https://blog.csdn.net/m0_37615458/article/details/106961372

二、环境准备

• redis环境自行搭建，不再赘述。

• mysql环境自行搭建，sql脚本在/resources/sql/bbs.sql

• nginx自行搭建，配置如下

• 前端代码 https://github.com/ning8341/frontend_springboot_layui

• 后端代码 https://github.com/ning8341/springboot-layui/tree/jwt

#nginx配置示例
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;	
    server {
        listen       8000;
        server_name  localhost;   
		charset utf-8;
		#指定前端代码所在路径
		location / {
		   root  E:/layui/frontend_springboot_layui;
		   index index.html index2.htm;
		}
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        #拦截 /api开头的请求
		location /api {
			proxy_set_header Host $host;
			proxy_set_header X-Real-Ip $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_set_header X-Forworded-For $http_x_forwarded_for;
			# 后台服务路径，注意这个结尾的/
            proxy_pass   http://localhost:8080/;
        }		
    }
}

三、使用说明

• 登录接口 POST /sys/login 参数请参考下图；
• 登录成功后包含token信息；
• 服务端负责token生命周期的刷新(就是每次点登陆就生成一套token，依据规则放到redis中)
• 用户权限的校验；

四、后端演示

使用正确的用户名密码进行登陆，登陆成功后返回token

使用错误的用户名密码进行登陆，登陆失败

headers中携带正确的token访问接口

headers中不携带token或者携带错误的token访问接口

无权限的用户访问接口

无需登陆token也可以访问的接口（在过滤器中将接口或者资源文件放开）

五、前端演示

访问http://localhost:8000/ 因为index检查了用户本地有无token缓存，因为没有，所以跳转登录页

键入admin/123456执行登录，跳转index页面，请自行定制页面

用户中心截图

六、代码生成

加入代码生成功能，自动生成后台代码，涉及到的代码生成截图

• 进入/generate/CodeGenerator.java运行main方法生成代码
• UmpGeneratorUtil定制包名
• generator.properties配置数据库信息，待操作表信息，文件生成路径配置等
• templates为生成的模版，请自行定制模版