基于Vue+Node.js+MySQL实现的项目管理系统【100013017】

# 项目管理系统 ## 前言 Beehive 是一个项目管理系统。参考于 Teambetion、PearProject，实现部分功能。 这是一个 Vue+Node.js 的 js 全栈项目。基于 RBAC 模型做权限控制，动态配置菜单，前端实现页面元素级别的权限控制。通过 WebSocket 实现站内信功能，任务看板中，实现更新同步推送。一旦其他项目成员有对我们当前查看的项目任务做任何的操作，页面都将立即同步更新，并向此任务的所有参与者（除了操作者）发送消息通知。注册和找回密码需要通过邮箱验证码验证，可以通过 GitHub 授权登陆（不是很稳定）。 Node.js 框架选用的是 Egg.js，配合 sequelize，自己写了一个小工具。可以通过填写表字段的配置，执行 npm run generator-entity 自动生成一整套文件，包括 Swagger、数据校验 validate、Sequelize 需要的 model、controller、service、router。并自动创建数据库表，包括每个字段的类型、长度、是否能为空、默认值、注释、索引、甚至是外键都能搞定。因为加了权限控制，所以还要到前端的资源管理中添加一下新增的资源，并在角色中点选分配一下，就完成了一张表的 CRUD 了，包括新增、修改、详情、批量删除、分页列表。当然这还是有很多可以优化的空间的，但也基本够用了。为了优化鉴权消耗，以及满足 WebSocket 的可靠性设计需要，系统引入 Redis 做缓存。 密码是加盐存储的，且在传输过程中使用了 RSA 做了非对称加密。Jwt 认证使用 Access Token + Refresh Token，配合黑名单。 ## 效果演示 预发布环境：超级管理员账号：test-super ，密码：test-super123 <a href="https://beehives.imfdj.top" target="_blank">预发布环境地址：beehives.imfdj.top</a> 预发布环境：普通用户账号：test-user ，密码：test-user123 生产环境：普通用户账号：test-user ，密码：test-user123 <a href="https://beehive.imfdj.top" target="_blank">生产环境地址：beehive.imfdj.top</a> ## 技术栈 前端：Vue2 全家桶 + Element-ui + Axios + Vue-socket.io + Sass 后端：Egg.js + Sequelize + Jwt + MySQL + Redis + Socket + Swagger ## 说明 > 如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^ > 或者您可以 "follow" 一下，我会不断开源更多的有趣的项目。如：Vue3 + NestJS + TypeScript > 如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR ## 目标功能 - [X] 登录、注册 -- 完成 - [X] GitHub 授权登录 -- 完成 - [X] 找回密码 -- 完成 - [X] 滑块验证 -- 完成 - [X] 邮箱验证 -- 完成 - [X] 动态首页 -- 完成 - [X] 个人设置 -- 完成 - [X] 用户管理 -- 完成 - [X] 角色管理 -- 完成 - [X] 菜单管理 -- 完成 - [X] 资源管理 -- 完成 - [X] 操作日志 -- 完成 - [X] 动态菜单 -- 完成 - [X] 部门管理 -- 完成 - [X] 项目列表 -- 完成 - [X] 任务看板 -- 完成 - [X] 任务列表 -- 完成 - [X] 项目文件 -- 完成 - [X] 项目概览 -- 完成 - [X] 项目成员 -- 完成 - [X] 项目邀请 -- 完成 - [X] 项目设置 -- 完成 - [X] 项目回收站 -- 完成 - [X] 任务筛选 -- 完成 - [X] 任务详情 -- 完成 - [X] 任务标签 -- 完成 - [X] 任务参与者 -- 完成 - [X] 任务动态 -- 完成 - [X] 任务工时 -- 完成 - [X] 任务关联文件 -- 完成 - [X] 任务更新即时同步 -- 完成 - [X] 公开项目的业务权限控制（非项目成员不可编辑项目） -- 完成 - [X] 项目模板 -- 完成 - [X] 消息提醒 -- 完成 - [X] 工作台 -- 完成 - [X] 站内信 -- 完成 - [X] 页面元素权限控制 -- 完成 - [ ] 项目版本 -- 待开发 - [ ] 项目日程 -- 待开发 ## 部分截图             ## 功能设计 <img src="https://qiniucdn.imfdj.top/beehive/production/Beehive%E5%8A%9F%E8%83%BD%E8%AE%BE%E8%AE%A1.jpg"/> ## 后端设计 <img src="https://qiniucdn.imfdj.top/beehive/production/Beehive%E5%90%8E%E7%AB%AF%E8%AE%BE%E8%AE%A1.jpg"/> ## 数据库设计 <img src="https://qiniucdn.imfdj.top/beehive/production/Beehive-data-model.jpg"/> ### License [MIT](https://github.com/Imfdj/egg-beehive/blob/master/LICENSE) Copyright (c) 2021 Imfdj