# 用户中心项目

本文作者:程序员鱼皮 (opens new window)

本站地址:https://codefather.cn (opens new window)

⭐️ 加入项目系列学习:加入编程导航 (opens new window)

# 项目简介

# 项目介绍

企业核心的用户中心系统,基于 Spring Boot 后端 + React 前端的 全栈项目 ,实现了用户注册、登录、查询等基础功能。

如图:

# 项目特点

本系统功能并不复杂、代码量也不多,但是正因如此,大家才不需要关注特定的、复杂的业务流程,可以更轻松地学习到 通用的技术和做项目的经验。主要帮助大家轻松学会从 0 到 1 独立开发项目 的方法。

鱼皮 从 0 到 1 全程直播无剪辑 地带大家开发并上线了项目,总课程时长 超过 24 小时 !从产生想法、到需求分析、技术选型、系统设计、项目初始化、编码实现、测试、再到最后的部署上线,每个环节我都 从理论到实践 给大家讲的明明白白、每个细节都不放过!

开发中踩的各种坑我也都带大家分析解决,相信可以帮助大家 走出书本和校园 ,学到企业真正需要的技术和经验。

鱼皮可以负责任地说,如果你有过前端或后端基础知识,学完并实践本项目教程后,你绝对 能独立开发和上线 大多数常见系统!

# 项目收获

  1. 学会前后端企业主流开发技术的应用
  2. 了解做项目的完整流程,能够独立开发及上线项目
  3. 学到系统设计的方法和经验
  4. 学到一些实际的编码技巧,比如开发工具、快捷键、插件的使用
  5. 学到代码的优化技巧,比如抽象、封装、提高系统性能、节约资源的方法
  6. 学习登录态、代理、多环境、容器、跨域等重要的开发知识
  7. 学到一些源码阅读的技巧
  8. 提升自主解决问题的能力

# 本项目适合的同学

  1. 学过基本的前端(HTML + CSS + JS 三件套)或后端开发技术(Java Web)
  2. 还不知道怎么独立做出完整的项目,想了解规范的开发流程
  3. 想快速学习自己不熟悉的技术并且了解其应用(比如你只会前端,想了解后端)
  4. 想全方位提高自己的编程能力
  5. 想提升做项目的经验和系统设计能力
  6. 想学习更多企业主流开发技术
  7. 想给简历增加项目经验
  8. 想开发和上线自己的网站

# 技术选型

# 前端

主要运用阿里 Ant Design 生态:

  • HTML + CSS + JavaScript 三件套
  • React 开发框架
  • Ant Design Pro 项目模板
  • Ant Design 端组件库
  • Umi 开发框架
  • Umi Request 请求库
  • 正向和反向代理

# 后端

  • Java 编程语言
  • Spring + SpringMVC + SpringBoot 框架
  • MyBatis + MyBatis Plus 数据访问框架
  • MySQL 数据库
  • jUnit 单元测试库

# 部署

  • Linux 单机部署
  • Nginx Web 服务器
  • Docker 容器
  • 容器托管平台

# 项目大纲

# 第一章:项目诞生

  1. 项目简介和计划
  2. 企业做项目完整流程介绍
  3. 需求分析
  4. 技术选型(各技术作用讲解)
  5. 前端初始化 | Ant Design Pro 框架介绍
  6. 前端初始化 | Ant Design 组件引入
  7. 前端初始化 | 框架瘦身
  8. 后端初始化 | 3 种方式初始化 Java 项目
  9. 后端初始化 | 环境搭建
  10. 后端初始化 | Spring Boot 框架整合
  11. 后端初始化 | 项目分层介绍

# 第二章:项目开发

  1. 数据库表设计
  2. 注册功能 | 详细设计
  3. 注册功能 | 前端 - 快速页面开发
  4. 注册功能 | 前端 - 表单组件使用
  5. 注册功能 | 后端 - 代码生成器的使用
  6. 注册功能 | 后端 - 接口逻辑开发
  7. 注册功能 | 后端 - 单元测试
  8. 注册功能 | 后端 - API 接口测试
  9. 登录功能 | 详细设计
  10. 登录功能 | 前端 - 登录态管理
  11. 登录功能 | 前端 - 请求库的使用
  12. 登录功能 | 前端 - 页面开发及验证
  13. 登录功能 | 后端 - 登录态管理(Cookie 和 Session)
  14. 登录功能 | 后端 - 接口开发及测试
  15. 登录功能 | 前后端联调
  16. 代理知识 | 正向代理
  17. 代理知识 | 反向代理
  18. 代理知识 | 本地开启代理
  19. 用户管理功能 | 前端开发
  20. 用户管理功能 | 后端开发
  21. 用户注销功能 | 前端开发
  22. 用户注销功能 | 后端开发

# 第三章:项目优化

  1. 前端优化 | 全局请求响应拦截器封装
  2. 前端优化 | 用户体验优化
  3. 后端代码优化 | 通用返回对象
  4. 后端代码优化 | 自定义异常及错误码
  5. 后端代码优化 | 全局异常处理器
  6. 后端代码优化 | 用户校验

# 第四章:项目上线

  1. 项目部署 | 多环境理论及实战
  2. 项目部署 | 四种部署方式实战
  3. 项目部署 | 原始 Nginx + Spring Boot
  4. 项目部署 | 宝塔 Linux 服务
  5. 项目部署 | Docker 容器(常用命令演示)
  6. 项目部署 | 容器托管平台
  7. 项目上线 | 域名解析
  8. 项目上线 | 跨域问题解决(3 种方法)
  9. 项目扩展思路和优化点

# 项目资料

# 学习计划

项目学习计划:https://bcdh.yuque.com/staff-wpxfif/resource/efp44r7am8ac5eeq (opens new window)

密码见星球语雀知识库:https://t.zsxq.com/12nb1snxh (opens new window)加入编程导航 (opens new window) 后可见)

# 视频教程

项目完整视频教程:https://bcdh.yuque.com/staff-wpxfif/resource/zpt1pizqgml2i8lc (opens new window)

密码见星球语雀知识库:https://t.zsxq.com/12nb1snxh (opens new window)加入编程导航 (opens new window) 后可见)

# 项目笔记

鱼皮直播笔记:https://bcdh.yuque.com/staff-wpxfif/resource/diuioo (opens new window)

密码见星球语雀知识库:https://t.zsxq.com/12nb1snxh (opens new window)加入编程导航 (opens new window) 后可见)

星球学员的笔记:

# 直播大纲

直播大纲:https://bcdh.yuque.com/staff-wpxfif/resource/qvevvtc9bd46g6tp (opens new window)

密码见星球语雀知识库:https://t.zsxq.com/12nb1snxh (opens new window)加入编程导航 (opens new window) 后可见)

# 项目源码

项目完整源码:https://bcdh.yuque.com/staff-wpxfif/resource/ldpz8ffnm7eamo3d (opens new window)

密码见星球语雀知识库:https://t.zsxq.com/12nb1snxh (opens new window)加入编程导航 (opens new window) 后可见)

# 项目答疑

项目问答专区(请在 PC 端访问星球链接):https://wx.zsxq.com/dweb2/index/tags/%E7%94%A8%E6%88%B7%E4%B8%AD%E5%BF%83%E9%A1%B9%E7%9B%AE/28855144548181 (opens new window)

可以在星球中更好地解决项目中遇到的问题:编程导航 1 对 1 免费答疑服务 (opens new window)

项目问题答疑汇总:https://bcdh.yuque.com/staff-wpxfif/resource/iq6bgl6ix409qdoa

密码见星球语雀知识库:https://t.zsxq.com/12nb1snxh (opens new window)加入编程导航 (opens new window) 后可见)

# 项目交流群

加群方式请见星球帖子:https://t.zsxq.com/11dtAMfs8 (opens new window)加入编程导航 (opens new window) 后可见)

# 简历写法

项目简历写法:https://bcdh.yuque.com/staff-wpxfif/resource/ygrwez2g8lu6zncd (opens new window)

密码见星球语雀知识库:https://t.zsxq.com/12nb1snxh (opens new window)加入编程导航 (opens new window) 后可见)

# 项目面试题

项目面试题:https://bcdh.yuque.com/staff-wpxfif/resource/bf1v9gv232ou7ak3 (opens new window)

密码见星球语雀知识库:https://t.zsxq.com/12nb1snxh (opens new window)加入编程导航 (opens new window) 后可见)

# 学员反馈

展示部分学员的真实反馈,也欢迎星球鱼友私信星球管理或鱼皮反馈,认真完成项目会有小奖励哦 🧧!

# 项目总结

  1. https://t.zsxq.com/11RyQGfKN (opens new window) By Hipopaaaaa
  2. https://t.zsxq.com/0dTMz7Vng (opens new window) By yyccqquu
  3. https://t.zsxq.com/0dy4MwEer (opens new window) By NaHCOOO
  4. https://t.zsxq.com/11uuFncCr (opens new window) By 宏夏
  5. https://t.zsxq.com/11keMoXYJ (opens new window) By cloud
  6. https://t.zsxq.com/11J8092QA (opens new window) By Enndfp
  7. https://t.zsxq.com/11mFplBPc (opens new window) By 晴天
  8. https://t.zsxq.com/116DRO7mp (opens new window) By 苦行修士
  9. https://t.zsxq.com/11e7UQkD6 (opens new window) By 猫十二懿
  10. https://t.zsxq.com/119bww16a (opens new window) By 火柴
  11. https://t.zsxq.com/0dWveQevZ (opens new window) By 吟游梦想家
  12. https://t.zsxq.com/0d84Dko6w (opens new window) By 小雨便是晴天
  13. https://t.zsxq.com/0dZHnt4VG (opens new window) By FNHAH
  14. https://t.zsxq.com/0d7rw0xb7 (opens new window) By 🙃
  15. https://t.zsxq.com/0dndcYaDK (opens new window) By 空格

# 学员评价

1)文章链接:https://t.zsxq.com/11keMoXYJ (opens new window)

2)文章链接:https://t.zsxq.com/11e7UQkD6 (opens new window)

3)文章链接:https://t.zsxq.com/11myJNcJ7 (opens new window)

4)文章链接:https://t.zsxq.com/11LxrlWuC (opens new window)

5)文章链接:https://t.zsxq.com/11rC05yFV (opens new window)

# 成品展示

1)Go 版本改造:https://t.zsxq.com/11TolfCe7 (opens new window)

2)毕设改造:https://t.zsxq.com/11i0ITuez (opens new window)

3)文章链接:https://t.zsxq.com/114ijElLD (opens new window)

4)结合科研经历改造:https://t.zsxq.com/114FGKUEg (opens new window)

5)文章链接:https://t.zsxq.com/11dUCeDpN (opens new window)

6)结合寻爱网改造:https://t.zsxq.com/11uuFncCr (opens new window)

7)文章链接:https://t.zsxq.com/11e7UQkD6 (opens new window)

8)微服务改造:https://t.zsxq.com/11cFmthOo (opens new window)

9)Go 语言改造:https://t.zsxq.com/11f7DptLI (opens new window)

# 更多项目

请见:项目实战 - 鱼皮原创项目教程系列 (opens new window)

# 加入学习

点击 加入编程导航 (opens new window) ,鱼皮原创项目均可学习。

编程导航   |