标签：Vue 查看 管理系统 Nest work js 管理员 plan

博客原文和更新地址：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认证等

标签：Vue,查看,管理系统,Nest,work,js,管理员,plan
来源： https://www.cnblogs.com/alsaces/p/16336263.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。