Coder Social home page Coder Social logo

godlikezeal / family Goto Github PK

View Code? Open in Web Editor NEW
51.0 4.0 13.0 2.54 MB

家族族谱,族谱树管理后台系统

License: MIT License

Java 12.49% JavaScript 40.41% CSS 1.82% HTML 45.22% Dockerfile 0.06%
spring springboot2 mongodb bootstrap spring-security beetl antv

family's Introduction

Family 族谱管理系统

介绍

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

预览体验

族谱管理系统 管理员账号:admin 密码:123456

快速部署

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:
      MONGO_HOST: mongo                     #你的mongo的host地址,这里是内部容器名,你可以配置ip如47.101.43.123
      MONGO_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文件

功能点

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

更新日志 2020/11/16

[fix] 修复列表页女性性别不显示bug。 [feat] 增加按照分组来查询族谱树 [refactor] 保存成员时增加相关逻辑校验

页面截图

  • 登录页面 -w1439

  • 群组添加 -w1439

  • 成员添加 -w1439

  • 成员列表 -w1439

  • 族谱树 -w1437

鸣谢

交流

  • 欢迎加入交流群:189361484
  • Sample

family's People

Contributors

godlikezeal avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

family's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.