Family文档说明

769次围观   8个点赞   18人评论

作者头像

zeal

9个月前 发表于 技术专栏

Family文档说明

769次围观   8个点赞   18人评论

作者头像

zeal

9个月前 发表于 技术专栏

Family 族谱管理系统

介绍

Family族谱管理系统是基于Spring Boot 2.2.4.RELEASE最新版本构建的,数据库采用MongoDB, 采用Spring Security来提供安全认证服务,前端渲染模板引擎为比较快的国产Beetl,数据图表渲染采用了 蚂蚁金服数据可视化AntV 来渲染数据。

快速部署

1、docker 部署(推荐)

docker-compose 编排文件

version: "3.3"
services:
  family:
    image: registry.cn-qingdao.aliyuncs.com/zealsay/family:latest
    container_name: family
    ports:
      - "8091:8091"
    networks:
      - family
    depends_on:
      - mongo
    environment:
      HOST: mongo                     #你的mongo的host地址,这里是内部容器名,你可以配置ip如47.101.43.123
      PORT: 27017                     #你的mongo的端口号
      DATABASE: family                #你的项目数据在mongo中存储的空间
      USERNAME: username              #你的mongo中授权的用户名
      PASSWORD: password              #你的mongo中授权的密码
      AUTH_DATABASE: admin            #你的mongo中授权数据库 mongo默认为admin
      ADMIN_USERNAME: admin           #family后台管理系统默认管理员账号
      ADMIN_PASSWORD: 1234            #family后台管理系统默认管理员密码
      USER_PASSWORD: 123              #family后台管理系统添加成员时的默认登录密码
  mongo:
    image: mongo:3.4.10
    container_name: mongo
    networks:
      - family
    ports:
      - "27017:27017"
    volumes:
      - mongo_data:/data/db
    # command: mongod --auth # 启动授权登录
    environment:
      MONGO_INITDB_ROOT_USERNAME: username  #你的mongo授权username
      MONGO_INITDB_ROOT_PASSWORD: password  #你的mongo授权password

networks:
  family:
    driver: bridge

volumes:
  mongo_data:

执行 docker-compose up

2、传统部署

因为依赖 mongo 数据库,所以需要你在本地或者远程启动 mongo 服务,并且最好是开启认证登录的 mongo。

首先拉取代码到本地 git clone https://github.com/GodLikeZeal/family修改配置文件,将application.yml里面的关于 prod 的配置部分需要自行修改

---
spring:
  profiles: prod
  application:
    name: family
  main:
    allow-bean-definition-overriding: true #当遇到相同的名字,是否允许覆盖
  data:
    mongodb:
      host: ${HOST}  #改成你的mongo的host
      port: ${PORT}  #改成你的mongo的port
      database: ${DATABASE}  #改成你的应用在mongo中的存储空间
      username: ${USERNAME}  #改成你的mongo的登录用户名
      password: ${PASSWORD}  #改成你的mongo的登录密码
      authentication-database: ${AUTH_DATABASE}  #改成你的mongo的授权数据库

beetl:
  suffix: html

app:
  username: ${ADMIN_USERNAME}  #配置后台管理员默认账号
  password: ${ADMIN_PASSWORD}  #配置后台管理员默认密码
  default-password: ${USER_PASSWORD}  #配置后台添加新成员时,新成员登录的默认密码

项目打包 mvn clean package启动项目 java -jar 打包后的jar文件

功能点

实现家族树,登录用户节点动态闪烁。分组功能:列表,添加,修改,删除。成员列表分页查询,成员信息修改,删除,添加。添加父节点下拉搜索框。

页面截图

登录页面

登录页面
登录页面
群组添加
群组添加
群组添加
成员添加
-w1439
-w1439
成员列表
成员添加
成员添加
族谱树
族谱树
族谱树

鸣谢

感谢 笔下光年 Admin

交流

Sample
评论 (18)
在这里说点什么吧... (取消回复)
留下一个好听的昵称吧!
好听的昵称!
请输入正确的邮箱格式!
不错的邮箱!
评论内容不能为空!
理性发言,和谐讨论!