SpringBoot社区居民联系方式管理系统（附源码）

蔚落 2023-09-26 09:06 31阅读 0赞

## 前言 ##

此系统使用 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、登录页面 ####

![6ed524a6636e5f154c39ff496b5524f7.png][]

#### 2、系统首页 ####

![23f4ffc57a0f056f4cdef2fd352d5f4e.png][]

#### 3、列表页面 ####

![29ccd1f8aac397e19ee451895c90e7f8.png][]

#### 4、添加、编辑数据页面 ####

![215a3fbe2b14721253011b32780727f8.png][]

## 四、增加Docker版本 ##

[系统前台镜像][Link 1]，[系统后台镜像][Link 2]，推荐使用 `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][https_pan.baidu.com_s_1zkQ0EqV07ezxQKFlk0BDfw_pwd_jwzm]
> 
> 提取码: jwzm

[6ed524a6636e5f154c39ff496b5524f7.png]: https://img-blog.csdnimg.cn/img_convert/6ed524a6636e5f154c39ff496b5524f7.png
[23f4ffc57a0f056f4cdef2fd352d5f4e.png]: https://img-blog.csdnimg.cn/img_convert/23f4ffc57a0f056f4cdef2fd352d5f4e.png
[29ccd1f8aac397e19ee451895c90e7f8.png]: https://img-blog.csdnimg.cn/img_convert/29ccd1f8aac397e19ee451895c90e7f8.png
[215a3fbe2b14721253011b32780727f8.png]: https://img-blog.csdnimg.cn/img_convert/215a3fbe2b14721253011b32780727f8.png
[Link 1]: https://hub.docker.com/repository/docker/bluef1ash/phone-number-manager-frontend
[Link 2]: https://hub.docker.com/repository/docker/bluef1ash/phone-number-manager-backend
[https_pan.baidu.com_s_1zkQ0EqV07ezxQKFlk0BDfw_pwd_jwzm]: https://pan.baidu.com/s/1zkQ0EqV07ezxQKFlk0BDfw?pwd=jwzm