前言

此系统使用 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

七、源码（前端+后端）

链接: 提取码: jwzm