本次介绍的是一个前后端分离项目，基于SpringBoot+Vue开发的社区疫情管理系统的设计与实现，界面简洁、程序逻辑清晰，适合作为毕业设计的模板参考！

​

当下前后端分离是企业级开发的主流方向，我们可以借此好好学习其思想，运用在我们自己的项目中！

工具及其环境准备

1. 安装node.js（Vue项目必备）

2. HBuilder或VScode编辑器

3. Redis环境

4. Java编译器（IDEA）

5. Mysql数据库

技术栈

前后端框架：SpringBoot、Mybatis、SpringMVC、Vue.js、Element-UI
数据库：Mysql、Redis
中间件：JWT(登录凭证）、Shiro(认证框架)、Lombok(快速构建Java Bean)、Pagehelper(分页技术)

思维导图

双击图片，放大查看项目详细功能模块

演示效果

登录页

首页

用户管理

住户管理

地址管理

注册码管理

部署流程

主要分为以下四个主要步骤：

• 启动Vue项目（进入项目文件夹，输入启动命令）

npm run serve

加载项目完毕，之后浏览器输入地址访问项目

http://localhost:8080

• 启动redis服务端

项目在运行时没有Redis会出现报错的情况，所有没有下载Redis的小伙伴可以参考网上的博客文章来进行安装

下面我以windows版本的Redis为例，我们需要做的只有启动Redis服务端即可，在安装Redis的目录下，找到redis-server.exe双击执行即可

• Mysql创建数据库，并导入sql

创建一个数据库，名称为community，然后再导入sql文件即可，这里小编就不多赘述了,数据库表结构如下：

• 运行SpringBoot后台

修改配置文件（application.yml）（如连接路径、用户名、密码等），这里给大家写好了一些注意事项，新手一定要看

项目结构如下：

如果上面的步骤都已经做好，恭喜您，目的搭建步骤就全部完成了🌟

关于登录

用户的密码是使用MD5加密
账号：admin
密码：123456

关于注册

• 密码：6个字符以上

• 注册码：可以在tb_code表中找到可用的注册码（staus字段为0代表可用）

• 用户名：中文字符2-4个

如何获取源码

关注《源码小客栈》，点击菜单进去即可！

写在最后

如果项目运行有问题，小伙伴们不要着急，慢慢检查可能出现的问题，如果解决不了，可以添加小编联系方式，加群讨论哦~

整理不易，欢迎关注😀、点赞👍、收藏⭐