Vue2.0 + Nodejs + Nestjs + Mysql + Nginx全栈开发，项目实战（一）：项目简介

淩亂°似流年 2022-11-04 13:30 216阅读 0赞

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdXIgaG9tZQ_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]

## 实战目录 ##

### 第一部分 ###

[Vue + Nestjs 全栈开发，项目实战（一）：项目简介][Vue _ Nestjs]  
[Vue + Nestjs 全栈开发，项目实战（二）：搭建 Vue.js 项目&模块][Vue _ Nestjs _ Vue.js]  
[Vue + Nestjs 全栈开发，项目实战（三）：搭建 Uniapp 项目&模块][Vue _ Nestjs _ Uniapp]  
[Vue + Nestjs 全栈开发，项目实战（四）：搭建 Nestjs 项目&路由设置&模块][Vue _ Nestjs _ Nestjs]  
[Vue + Nestjs 全栈开发，项目实战（五）：前端路由与登录拦截器][Vue _ Nestjs 1]  
[Vue + Nestjs 全栈开发，项目实战（六）：B端页面设计][Vue _ Nestjs _B]  
[Vue + Nestjs 全栈开发，项目实战（七）：C端页面设计][Vue _ Nestjs _C]

### 第二部分 ###

[Vue + Nestjs 全栈开发，项目实战（八）：数据库的设计及连接][Vue _ Nestjs 2]  
Vue + Nestjs 全栈开发，项目实战（）：用户角色权限管理模块设计  
Vue + Nestjs 全栈开发，项目实战（）：访问控制及实现思路  
Vue + Nestjs 全栈开发，项目实战（）：使用 JWT 实现用户信息加密与登录认证  
Vue + Nestjs 全栈开发，项目实战（）：数据库增删改查  
Vue + Nestjs 全栈开发，项目实战（）：使用管道、DTO 验证入参  
Vue + Nestjs 全栈开发，项目实战（）：前端核心功能实现  
Vue + Nestjs 全栈开发，项目实战（）：后端核心功能实现  
Vue + Nestjs 全栈开发，项目实战（）：Swagger UI  
Vue + Nestjs 全栈开发，项目实战（）：Jenkins  
[Vue + Nestjs 全栈开发，项目实战（）：后端服务打包部署上线][Vue _ Nestjs 3]

### 第三部分 ###

Vue + Nestjs 全栈开发，项目实战（）：项目优化解决方案  
Vue + Nestjs 全栈开发，项目实战（）：前端优化实战  
Vue + Nestjs 全栈开发，项目实战（）：缓存的应用  
[Vue + Nestjs 全栈开发，项目实战（）：B端接入sentry][Vue _ Nestjs _B_sentry]  
[Vue + Nestjs 全栈开发，项目实战（）：C端接入sentry][Vue _ Nestjs _C_sentry]

### 第四部分 ###

[Vue + Nestjs 全栈开发，项目实战（）：C端线上地址][Vue _ Nestjs _C 1]  
[Vue + Nestjs 全栈开发，项目实战（）：B端线上地址][Vue _ Nestjs _B 1]

## 一、项目概述 ##

这个项目主要就是围绕招聘管理

1.  C端 使用uniapp开发，主要功能模块包括：注册登录、职位列表、编辑简历、已投递职位、面试成功职位
2.  B端 使用vue2.0+ts开发，主要功能模块包括：注册登录、发布修改删除职位、求职者信息列表、面试状态的变更
3.  S端 暂定 准备使用ruoyi一套开发，主要功能包括：职位审核、B端用户注册审核
4.  涉及到的表：用户表、求职者表、职位表、职位图片表、职位投递表

*  技术架构  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw_size_16_color_FFFFFF_t_70]

## 二、技术栈 ##

项目使用的主要技术如下：

### 1.前端技术栈 ###

1.Vue.js  
2.Typescript  
3.Uniapp  
4.ElementUI  
5.Axios  
6.Vuex

### 2.后端技术栈 ###

1.Nest.js  
2.sequelize  
3.swagger-ui-express  
4.ali-oss

### 3.数据库 ###

1.MySQL  
2.Redis

### 4.上线相关 ###

树莓派、阿里云、Jenkins、nginx、frp、pm2

### 5.版本控制 ###

代码存放在码云上，使用Sourcetree进行分支管理

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAdXIgaG9tZQ_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20221023/e37f532b7b7648ac9a1e3de56a584087.png
[Vue _ Nestjs]: https://blog.csdn.net/wz_coming/article/details/114296776
[Vue _ Nestjs _ Vue.js]: https://blog.csdn.net/wz_coming/article/details/115177334
[Vue _ Nestjs _ Uniapp]: https://blog.csdn.net/wz_coming/article/details/115372885
[Vue _ Nestjs _ Nestjs]: https://blog.csdn.net/wz_coming/article/details/115667088
[Vue _ Nestjs 1]: https://blog.csdn.net/wz_coming/article/details/116020369
[Vue _ Nestjs _B]: https://blog.csdn.net/wz_coming/article/details/117027266
[Vue _ Nestjs _C]: https://blog.csdn.net/wz_coming/article/details/120197500
[Vue _ Nestjs 2]: https://blog.csdn.net/wz_coming/article/details/120198113
[Vue _ Nestjs 3]: https://blog.csdn.net/wz_coming/article/details/116301460
[Vue _ Nestjs _B_sentry]: https://blog.csdn.net/wz_coming/article/details/116268811
[Vue _ Nestjs _C_sentry]: https://blog.csdn.net/wz_coming/article/details/116273700
[Vue _ Nestjs _C 1]: https://urhome.hr.wu1024.top/#/
[Vue _ Nestjs _B 1]: http://lsy.op.wu1024.top/#/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw_size_16_color_FFFFFF_t_70]: /images/20221023/e5e927a2da154f3d9bb7b7609044970d.png