NestJS实战-系统总结

290 阅读2分钟

NestJS实战-系统总结

本文介绍 NestJS 实战系统总结:技术栈介绍、系统功能、前后端实现的业务功能、数据库导入和前后端服务启动。

供自己以后查漏补缺,也欢迎同道朋友交流学习。

引言

整个 NestJS 前后端全栈开发已经完成了,本章主要介绍下系统的技术栈、系统功能、前后端实现的业务功能、数据库导入和前后端服务启动。

技术栈介绍

  • 前端React@18 + TypeScript + ant design pro@6 + antd@5.13 + UMI@4
  • 后端NestJS + TypeScript + MySQL + TypeORM
  • 身份验证JWT
  • API接口文档Swagger
  • 接口调试工具Apifox
  • 数据库可视化Navicat

系统功能

  • 新建Apifox项目和Swagger API文档:新建 Apifox 项目测试联调接口,配合 Swagger API 文档。
  • 数据库链接:新建数据库和依赖
  • 封装全局响应:封装全局拦截器、全局异常处理、全局过滤器
  • 日志记录封装:封装日志记录
  • 服务监控:封装服务监控和可视化
  • 公共组件封装:公共组件封装

前后端实现的业务功能

  • 账号管理:账号的 CRUD、用户表的 excel 导出
  • 权限管理:jwt 身份验证、登录、登出、获取用户信息
  • 专栏管理:专栏的 CRUD、专栏下文章的列表查询、收录和取消收录
  • 文章管理:专栏的 CRUD

服务启动

安装前后端依赖

client-frontendserver-backend目录下面执行 yarn 或者 npm install

后端要安装 mysql

数据库导入

我在仓库的根目录放了一个 crm-database.sql,你们导入就行

修改数据库入口

server-backend/src/config/orm.config.ts 中修改数据库配置,改成自己的就好了,主要修改 username、password、database就行,然后导入下面的sql文件。

前后端服务启动

client-frontendserver-backend目录下面分别执行 npm run start:dev,前端已经做好跨域代理配置,接口地址映射:http://localhost:8000/api/** -> http://localhost:8004/**

测试账号

  • 系统管理员账号:niunai@niunai.com,密码:admin123
  • 管理员账号:tang@sanzang.com,密码:admin123
  • 用户账号:zhu@bajie.com,密码:admin123
  • 访客账号:nver@guowang.com,密码:admin123

总结

在这次 NestJS 实战开发过程中,我对 Node 和 Nest 的了解更深入了,对数据库操作、表结构建设、全局配置有了更多的了解。后续我会在全栈的道路上深耕创造。

实战合集地址

仓库地址