当前位置 : 主页 > 编程语言 > 其它开发 >

Nest+Vue实战:工作计划管理系统

来源:互联网 收集:自由互联 发布时间:2022-06-03
该项目是学习Nest.js框架所得,前端基于Vue.js + Vuex + VueRouter + ElementUI + SCSS,后端基于Node.js + TypeScript + Nest.js + MySQL + TypeORM。 博客原文和更新地址:Nest+Vue实战:工作计划管理系统 前言
该项目是学习Nest.js框架所得,前端基于Vue.js + Vuex + VueRouter + ElementUI + SCSS,后端基于Node.js + TypeScript + Nest.js + MySQL + TypeORM。

博客原文和更新地址:Nest+Vue实战:工作计划管理系统

前言

该项目是学习Nest.js框架所得,前端基于Vue.js + Vuex + VueRouter + ElementUI + SCSS,后端基于Node.js + TypeScript + Nest.js + MySQL + TypeORM。

预览

用户列表
发布工作计划
工作计划数据可视化

功能
  • 用户
    1. 注册、登录、鉴权、查看信息、修改信息、退出登录和注销
    2. 查看最新公告和历史公告
    3. 查看工作计划、提交工作计划材料和更新工作计划材料
  • 管理员
    1. 登录、鉴权、查看信息、修改信息和退出登录
    2. 查看最新公告、查看历史公告、发布公告和管理公告
    3. 审核用户注册、审核用户注销、封禁用户和管理用户
    4. 发布工作计划、管理工作计划、查看工作计划完成情况、查看工作计划编辑情况、审核提交材料、批量下载提交材料、重命名提交材料、管理提交记录
    5. 查看用户年龄可视化数据、查看用户性别可视化数据、查看特定工作计划完成情况可视化数据、查看特定工作计划审核情况可视化数据
  • 超级管理员
    1. 系统启动时自动注册.env文件中的默认超级管理员账号
    2. 拥有管理员的全部功能
    3. 添加管理员、封禁管理员、更改普通用户或管理员角色、管理管理员用户
地址

Gitee:

  • 前端:work-plan-frontend

  • 后端:work-plan-backend

Github:

  • 前端:work-plan-frontend

  • 后端:work-plan-backend

运行
  • 后端:准备最新版的Node.js和MySQL,新建数据库“work_plan”,打开根目录下的.env文件并配置数据库信息,然后执行:

    yarn install
    
    yarn run start:dev
    
  • 前端:打开项目“src/config/config.js”文件,修改“BASE_URL”的值为对应的后端API地址,然后执行:

    npm install
    
    npm run dev
    

    进入登录页面后输入.env文件中的超级管理员默认账号密码即可登录系统。

最后

由于时间问题,数据库设计和一些地方有点小问题,功能也有几个没写,不过无伤大雅。

最后,如果觉得有帮助的话就点个Star吧!

参考

Iconfont

vue-admin-template

axios 下载文件流 请求

elementUI中upload自定义上传行为 http-request属性

Vue+ElementUI中使用Echarts绘制圆环图 折线图 饼图 柱状图

NestJS JWT 实现用户认证

学完这篇 Nest.js 实战,还没入门的来锤我!(长文预警)

Nest.js 实战系列第二篇-实现注册、扫码登陆、jwt认证等

上一篇:springboot 整合 jsr-303 数据校验
下一篇:没有了
网友评论