Nest实战 - 完结

418 阅读3分钟

缘起

  • 前端时间想深入了解下如何使用NodeJS写后台 防止后端扯皮,刚好 凡哥出了Nest小册,遂买,由此入门Nest,在使用学习的过程中遇到了实用性的业务问题,所以准备写这个系列
  • 想要入门的掘友可以看凡哥小册

前言

  • 本系列旨在通过一个后台管理系统作为切入点,帮助前端同学入门服务端开发
  • 截止今日,断断续续历时25天,这个系列终于告一段落了
  • 本章主要对本系列做一个总结

项目总结

  • 目前本系列已经全部开发完毕,内容如下;仓库地址在最后
  • sql文件在项目根目录/doc/nest-study.sql
  • 本项目共有39个接口
  • image.png

技术栈

  • 服务端:Nest + mysql + passport
  • web端:React + antd

登陆模块

  • 包括:登陆找回密码图形验证码短信验证修改密码功能

image.png

image.png

image.png

注意点

  • 找回密码页面加了图形验证码,目的是为了防止脚本实行短信轰炸

首页

  • 包括 数据概览数据趋势 image.png

注意点

  • 首页一般是做数据花里胡哨展示用的,这里也不例外,我们主要显示模块访问量和时间区间的访问折线图
  • 需要注意的是,回显则线图时没有数据时,要填充0,填充动作尽量通过服务端语言(js)实现,当然sql也可以实现,我们的宗旨是sql就让他执行简单的CRUD就行了,计算操作交给语言即可

员工管理模块

  • 一套标准的CRUD + 启用、禁用 + 导出 操作 image.png

image.png

注意点

  • 在用户管理模块对于上传,我们引用了阿里OSS做文件存储,对于自动提取头像信息,引用了百度AI
  • 记得在开通服务后,开通对应的权限

部门管理

image.png

注意点

一套标准的CRUD + 启用、禁用 操作,只要手不抖,就不会有太大的问题

组织架构

image.png

image.png

注意点

  • 组织架构部分,难的点 在于对表中数据的处理
  • 难点一 如何把表中的数据按照树结构返回
  • 难点二 组织的位置移动,要怎么去实现
  • 难点三 这块其实就是对业务的理解程度了
  • 需要考虑组织架构下仍然有组织架构或者员工信息,当前组织是否可以被删除
  • 还有当部门数据被添加到组织架构中时,能否对部门管理中的数据进行删除禁用操作

写在最后

  • 本章主要对nest实战进行了总结,如有问题欢迎在评论区留言

  • 对nest感兴趣的掘友,请狠戳我的专栏

  • mysql不熟悉的可以看下 前端玩转mysqlNodejs连接Mysql 这俩篇文章

  • 对Nest语法不熟悉的掘友可以看下Nest文档Midway文档搭配服用效果更佳

  • nest服务端代码 gitee

  • nest服务端对应的前端代码 gitee