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-frontend
和 server-backend
目录下面执行 yarn
或者 npm install
,
后端要安装 mysql
数据库导入
我在仓库的根目录放了一个 crm-database.sql
,你们导入就行
修改数据库入口
在 server-backend/src/config/orm.config.ts
中修改数据库配置,改成自己的就好了,主要修改 username、password、database就行,然后导入下面的sql文件。
前后端服务启动
在 client-frontend
和 server-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 的了解更深入了,对数据库操作、表结构建设、全局配置有了更多的了解。后续我会在全栈的道路上深耕创造。
实战合集地址
- NestJS实战-产品需求规划
- NestJS实战-前端搭建
- NestJS实战-后端开发-全局配置
- NestJS实战-后端开发-用户及权限模块
- NestJS实战-后端开发-文章专栏功能模块
- NestJS实战-前后端联调
- NestJS实战-系统总结