前言
此系统使用 Spring Boot + Mybatis Plus + Spring Security + React + Ant Design Pro 架构编写。数据库采用 MySQL,提供强大的、安全的和完整的管理社区居民的信息的功能。
一、安全性
此系统在系统层面提供了众多的安全特性,产品安全无忧。这些特性包括:
- Session会话验证
- 系统用户“单点登录”
- XSS安全防护
- 表单自动验证
- 输入数据过滤
- 表单令牌验证
- 前后端分离
二、技术实现
- Maven
- Spring Boot
- Spring Security
- MySQL
- MyBatis Plus
- POI
- React
- Ant Design Pro
- pro components
- ...
感谢以上技术的开发者!
三、系统截图
1、登录页面
2、系统首页
3、列表页面
4、添加、编辑数据页面
四、增加Docker版本
系统前台镜像,系统后台镜像,推荐使用 docker-compose
,docker-compose.yml
配置文件如下:
version: '3.5'
services:
database:
image: library/mysql:latest
container_name: "mysql"
environment:
- MYSQL_ROOT_PASSWORD=root
command: [
'--character-set-server=utf8mb4',
'--collation-server=utf8mb4_unicode_ci'
]
redis:
image: redis:latest
container_name: redis
command: redis-server /etc/redis/redis.conf
privileged: true
phone-number-manager-backend:
image: bluef1ash/phone-number-manager-backend:latest
container_name: "phone-number-manager-backend"
environment:
- SERVER_PORT=80
- DATABASE_HOST=127.0.0.1
- DATABASE_PORT=3306
- DATABASE_NAME=phone_number_manager
- DATABASE_USERNAME=root
- DATABASE_PASSWORD=root
- REDIS_HOST=127.0.0.1
- REDIS_PORT=6379
depends_on:
- database
- redis
phone-number-manager-frontend:
image: bluef1ash/phone-number-manager-frontend:latest
container_name: "phone-number-manager-frontend"
environment:
- BASE_URL=http://phone-number-manager-backend
ports:
- "80:80"
volumes:
- dist:/usr/share/nginx/html:ro
- ./nginx.conf:/etc/nginx/conf.d/default.conf
depends_on:
- phone-number-manager-backend
volumes:
dist:
五、首次运行需要执行 npm install
与 npm run build
命令,切记!(使用 docker-compose
则无需执行)
npm install
npm run build
六、系统默认用户
系统默认用户名: admin
系统默认密码: admin888
七、源码(前端+后端)
链接: https://pan.baidu.com/s/1zkQ0EqV07ezxQKFlk0BDfw?pwd=jwzm
提取码: jwzm