SpringBoot分布式项目实战项目

Spring boot分布式项目实战项目

B站链接：【SpringBoot项目实战】 2020最新在线教育 spring boot分布式项目实战_哔哩哔哩_bilibili

项目中资源：

源码+讲义+笔记
资料：链接:https://pan.baidu.com/s/1JQC99C5sXj2pev94NbOw1w  密码:nagl
源码：链接:https://pan.baidu.com/s/1OGvCX0rosUFHIxKLiXw-Dw  密码:umcq
笔记：链接:https://pan.baidu.com/s/1LbAjf5bkBCn7MWF4jNYnsA  密码:u3k5

在线教育项目总结
1、总结在线教育项目功能点

2、总结在线教育项目技术点

3、总结在线教育项目问题

总结在线教育项目功能点
一、准备
1、把后端接口启动起来
2、启动前端项目（前台系统和后台系统）

二、项目后台管理系统功能
1、登录功能（SpringSecurity框架）

2、权限管理模块
（1）菜单管理：列表、添加、修改、删除

（2）角色管理
* 列表、添加、修改、删除、批量删除
* 为角色分配菜单

（3）用户管理
* 列表、添加、修改、删除、批量删除
* 为用户分配角色

（4）权限管理表和关系
* 使用五张表

3、讲师管理模块
（1）条件查询分页列表、添加、修改、删除

4、课程分类模块
（1）添加课程分类
* 读取Excel里面课程分类数据，添加到数据库中

（2）课程分类列表
* 使用树形结构显示课程分类列表

5、课程管理模块
（1）课程列表功能
（2）添加课程
* 课程发布流程：第一步填写课程基本信息，第二步添加课程大纲（章节和小节），第三步课程信息确认，最终课程发布

* 课程如何判断是否已经被发布了？使用status字段

* 课程添加过程中，中途把课程停止添加，重新去添加新的课程，如何找到之前没有发布完成课程，继续进行发布？ 到课程列表中根据课程状态查询未发布的课程，点击课程右边超链接把课程继续发布完成

（3）添加小节上传课程视频

6、统计分析模块
（1）生成统计数据
（2）统计数据图表显示

三、项目前台用户系统功能
1、首页数据显示
（1）显示幻灯片功能
（2）显示热门课程
（3）显示名师

2、注册功能
（1）获取手机验证码

3、登录功能
（1）普通登录和退出
* SSO（单点登录）

⦁ JWT
⦁ 使用JWT生成token字符串
⦁ JWT有三部分组成：jwt头信息，有效载荷，哈希签名（防伪标志）

⦁ 登录实现流程
⦁ 登录调用登录接口返回token字符串，把返回token字符串放到cookie里面，创建前端拦截器进行判断，如果cookie里面包含token字符串，把token字符串放到header里面。调用接口根据token获取用户信息，把用户信息放到cookie里面，进行显示

（2）微信扫描登录
⦁ OAuth2
⦁ 定义：是针对特定问题解决方案
⦁ 主要有两个问题：开放系统间授权，分布式访问

⦁ 如何获取扫描人信息过程？
⦁ 扫描之后微信接口返回code（临时票据），拿着code值请求微信固定地址，得到两个值：access_token（访问凭证）和openid（微信唯一标识）,你拿着这两个值再去请求微信固定的地址，得到微信扫描人信息（比如昵称，头像等等）

4、名师列表功能

5、名师详情功能

6、课程列表功能
（1）条件查询分页列表功能

7、课程详情页
（1）课程信息显示（包含课程基本信息，分类，讲师，课程大纲）
（2）判断课程是否需要购买

8、课程视频在线播放

9、课程支付功能（微信支付）
（1）生成课程订单
（2）生成微信支付二维码
（3）微信最终支付

* 微信支付实现流程：
* 如果课程是收费课程，点击立即购买，生成课程订单
* 点击订单页面去支付，生成微信支付二维码
* 使用微信扫描支付二维码实现支付
* 支付之后，每隔3秒查询支付状态（是否支付成功），如果没有支付成功等待，如果支付成功之后，更新订单状态（已经支付状态），向支付记录表添加支付成功记录

总结在线教育项目技术点（前端）
1、在线教育项目采用前后端分离开发

2、项目使用前端技术
（1）vue
* 基本语法
* 常见指令 ： v-bind v-model v-if v-for v-html
* 绑定事件： v-on-click @click
* 生命周期：created() 页面渲染之前 mounted()页面渲染之后
* ES6规范

（2）Element-ui

（3）nodejs
* 是JavaScript运行环境，不需要浏览器直接运行js代码，模拟服务器效果

（4）NPM
* 包管理工具，类似于Maven
* npm命令： npm init npm install 依赖名称

（5）Babel
* 转码器，可以把ES6代码转换成ES5代码

（6）前端模块化
* 通过一个页面或者一个js文件，调用另外一个js文件里面的方法
* 问题：ES6的模块化无法在Node.js中执行，需要用Babel编辑成ES5后再执行

（6）后台系统使用vue-admin-template
* 基于vue+Element-ui

（7）前台系统使用Nuxt
* 基于vue
* 服务器渲染技术

（8）Echarts
* 图表工具

总结在线教育项目技术点（后端技术一）
1、项目采用微服务架构

2、SpringBoot
（1）SpringBoot本质是就是Spring，只是快速构建Spring工程脚手架
（2）细节：
* 启动类包扫描机制
* 设置扫描规则 @ComponentScan("包路径")
* 配置类
（3）SpringBoot配置文件
* 配置文件类型：properties和yml
* 配置文件加载顺序：bootstrap application application-dev

3、SpringCloud
（1）是很多框架总称，使用这些框架实现微服务架构，基于SpringBoot实现
（2）组成框架有哪些？

（3）项目中，使用阿里巴巴Nacos，替代SpringCloud一些组件

（4）Nacos
* 使用Nacos作为注册中心
* 使用Nacos作为配置中心

（5）Feign
* 服务调用，一个微服务调用另外一个微服务，实现远程调用

（6）熔断器

*容错处理

（7）Gateway网关
* SpringCloud之前zuul网关，目前Gateway网关

（8）版本

4、MyBatisPlus
（1）MyBatisPlus就是对MyBatis做增强
（2）自动填充
（3）乐观锁
（4）逻辑删除
（5）代码生成器

5、EasyExcel
（1）阿里巴巴提供操作excel工具，代码简洁，效率很高
（2）EasyExcel对poi进行封装，采用SAX方式解析
（3）项目应用在添加课程分类，读取excel数据

总结在线教育项目技术点（后端技术二）
1、Spring Security
（1）在项目整合框架实现权限管理功能
（2）SpringSecurity框架组成：认证和授权
（3）SpringSecurity登录认证过程

（4）SpringSecurity代码执行过程

2、Redis
（1）首页数据通过Redis进行缓存
（2）Redis数据类型
（3）使用Redis作为缓存，不太重要或者不经常改变数据适合放到Redis作为缓存

3、Nginx
（1）反向代理服务器
（2）请求转发，负载均衡，动静分离

4、OAuth2+JWT
（1）OAuth2针对特定问题解决方案
（2）JWT包含三部分

5、HttpClient
（1）发送请求返回响应的工具，不需要浏览器完成请求和响应的过程
（2）应用场景：微信登录获取扫描人信息，微信支付查询支付状态

6、Cookie
（1）Cookie特点：
* 客户端技术
* 每次发送请求带着cookie值进行发送
* cookie有默认会话级别，关闭浏览器cookie默认不存在了，
* 但是可以设置cookie有效时长 setMaxAge

7、微信登录

8、微信支付

9、阿里云OSS
（1）文件存储服务器
（2）添加讲师时候上传讲师头像

10、阿里云视频点播
（1）视频上传、删除、播放
（2）整合阿里云视频播放器进行视频播放
* 使用视频播放凭证

11、阿里云短信服务
（1）注册时候，发送手机验证码

12、Git
（1）代码提交到远程Git仓库

13、Docker+Jenkins
（1）手动打包运行
（2）idea打包
（3）jenkins自动化部署过程

总结在线教育项目问题
1、前端问题-路由切换问题
（1）多次路由跳转到同一个vue页面，页面中created方法只会执行一次
（2）解决方案：使用vue监听

2、前端问题-ES6模块化运行问题
（1）Nodejs不能直接运行ES6模块化代码，需要使用Babel把ES6模块化代码转换ES5代码 执行

3、mp生成19位id值
（1）mp生成id值是19位，JavaScript处理数字类型值时候，只会处理到16位

4、跨域问题
（1）访问协议，ip地址，端口号，这三个如果有任何一个不一样，产生跨域
（2）跨域解决：
* 在Controller添加注解
* 通过网关解决

5、413问题
（1）上传视频时候，因为Nginx有上传文件大小限制，如果超过Nginx大小，出现413
（2）413错误：请求体过大
（3）如何解决？：在Nginx配置客户端大小
（4）响应状态码：413 403 302

6、Maven加载问题
（1）maven加载项目时候，默认不会加载src-java文件夹里面xml类型文件的
（2）解决方案：
* 直接复制xml文件到target目录
* 通过配置实现

面试问题

1、项目描述（重点）

（1）

在线教育系统，分为前台网站系统和后台运营平台，B2C模式。

前台用户系统包括课程、讲师、问答、文章几个大部分，使用了微服务技术架构，前后端分离开发。

后端的主要技术架构是：SpringBoot + SpringCloud + MyBatis-Plus + HttpClient + MySQL + Maven+EasyExcel+ nginx

前端的架构是：Node.js + Vue.js +element-ui+NUXT+ECharts

 

其他涉及到的中间件包括Redis、阿里云OSS、阿里云视频点播

业务中使用了ECharts做图表展示，使用EasyExcel完成分类批量添加、注册分布式单点登录使用了JWT

 

（2）

项目前后端分离开发，后端采用SpringCloud微服务架构，持久层用的是MyBatis-Plus，微服务分库设计，使用Swagger生成接口文档

接入了阿里云视频点播、阿里云OSS。

系统分为前台用户系统和后台管理系统两部分。

前台用户系统包括：首页、课程、名师、问答、文章。

后台管理系统包括：讲师管理、课程分类管理、课程管理、统计分析、Banner管理、订单管理、权限管理等功能。

 

在线教育计费案例：

小A是一名杭州的创业者，带领团队研发了一个在线教育平台。他希望把视频托管在阿里云上，存量视频大约1000个，占用存储空间近1T，每月预计新增视频100个，并新增存储约100G，课程视频的时长集中在20-40分钟，并且按照不同课程进行分类管理。为了保障各端的观看效果，计划为用户提供“标清480P”和“高清720P”两种清晰度。目前已有用户400人左右，每日平均视频观看次数1000次，在移动端和PC端观看次数比例大致为3:1。

2、这是一个项目还是一个产品

这是一个产品

1.0版本是单体应用：SSM

2.0版本加入了SpringCloud，将一些关键业务和访问量比较大的部分分离了出去

目前独立出来的服务有教学服务、视频点播服务、用户服务、统计分析服务、网关服务

3、测试要求

首页和视频详情页qps单机qps要求 2000+

经常用每秒查询率来衡量域名系统服务器的机器的性能，其即为QPS

QPS = 并发量 / 平均响应时间

4、企业中的项目（产品）开发流程

一个中大型项目的开发流程

1、需求调研（产品经理）

2、需求评审（产品/设计/前端/后端/测试/运营）

3、立项（项目经理、品管）

4、UI设计

5、开发

• 架构、数据库设计、API文档、MOCK数据、开发、单元测试
• 前端
  
• 后端

6、前端后端联调

7、项目提测：黑盒白盒、压力测试（qps）  loadrunner

8、bug修改

9、回归测试

10、运维和部署上线

11、灰度发布

12、全量发布

13、维护和运营

 

5、系统中都有那些角色？数据库是怎么设计的？

前台：会员（学员）

后台：系统管理员、运营人员

后台分库，每个微服务一个独立的数据库，使用了分布式id生成器 

6、视频点播是怎么实现的（流媒体你们是怎么实现的）

我们直接接入了阿里云的云视频点播。云平台上的功能包括视频上传、转码、加密、智能审核、监控统计等。

还包括视频播放功能，阿里云还提供了一个视频播放器。

7、前后端联调经常遇到的问题：

      1、请求方式post、get

      2、json、x-wwww-form-urlencoded混乱的错误

      3、后台必要的参数，前端省略了

      4、数据类型不匹配

      5、空指针异常

      6、分布式系统中分布式id生成器生成的id 长度过大（19个字符长度的整数），js无法解析（js智能解析16个长度：2的53次幂）

          id策略改成 ID_WORKER_STR

8、前后端分离项目中的跨域问题是如何解决的

后端服务器配置：我们的项目中是通过Spring注解解决跨域的 @CrossOrigin

也可以使用nginx反向代理、httpClient、网关

9、说说你做了哪个部分、遇到了什么问题、怎么解决的

问题1：

分布式id生成器在前端无法处理，总是在后三位进行四舍五入。

分布式id生成器生成的id是19个字符的长度，前端javascript脚本对整数的处理能力只有2的53次方，也就是最多只能处理16个字符

解决的方案是把id在程序中设置成了字符串的性质

 

问题2：

项目迁移到Spring-Cloud的时候，经过网关时，前端传递的cookie后端一只获取不了，看了cloud中zuul的源码，发现向下游传递数据的时候，zull默认过滤了敏感信息，将cookie过滤掉了

解决的方案是在配置文件中将请求头的过滤清除掉，使cookie可以向下游传递

 

问题3.......

10、分布式系统的id生成策略

https://www.cnblogs.com/haoxinyue/p/5208136.html

11、项目组有多少人，人员如何组成？

太教条化：10几个人，1个项目经理，1个架构师，3个后端，2个前端，2个运维，1个测试，1个美工，几个运营

12、分布式系统的CAP原理

CAP定理：

指的是在一个分布式系统中，Consistency（一致性）、 Availability（可用性）、Partition tolerance（分区容错性），三者不可同时获得。

 一致性（C）：在分布式系统中的所有数据备份，在同一时刻是否同样的值。（所有节点在同一时间的数据完全一致，越多节点，数据同步越耗时）

可用性（A）：负载过大后，集群整体是否还能响应客户端的读写请求。（服务一直可用，而且是正常响应时间）

分区容错性（P）：分区容错性，就是高可用性，一个节点崩了，并不影响其它的节点（100个节点，挂了几个，不影响服务，越多机器越好）

 

CA 满足的情况下，P不能满足的原因：

数据同步(C)需要时间，也要正常的时间内响应(A)，那么机器数量就要少，所以P就不满足

  

CP 满足的情况下，A不能满足的原因：

数据同步(C)需要时间, 机器数量也多(P)，但是同步数据需要时间，所以不能再正常时间内响应，所以A就不满足

 

AP 满足的情况下，C不能满足的原因：

机器数量也多(P)，正常的时间内响应(A)，那么数据就不能及时同步到其他节点，所以C不满足

 

注册中心选择的原则：

Zookeeper：CP设计，保证了一致性，集群搭建的时候，某个节点失效，则会进行选举行的leader，或者半数以上节点不可用，则无法提供服务，因此可用性没法满足

Eureka：AP原则，无主从节点，一个节点挂了，自动切换其他节点可以使用，去中心化

 

结论：

分布式系统中P,肯定要满足，所以我们只能在一致性和可用性之间进行权衡

如果要求一致性，则选择zookeeper，如金融行业

如果要求可用性，则Eureka，如教育、电商系统

没有最好的选择，最好的选择是根据业务场景来进行架构设计

 13、前端渲染和后端渲染有什么区别

前端渲染是返回json给前端，通过javascript将数据绑定到页面上

后端渲染是在服务器端将页面生成直接发送给服务器，有利于SEO的优化

 

14、能画一下系统架构图吗

好了项目复盘到此结束了，总体上收获到了很多东西。

当然也可以看这位老哥写的，估计也把这个项目实现了一下，写的不错哈哈！！

(18条消息) 谷粒学院（二十五）项目总结_星海IT学习之路-CSDN博客_谷粒学院项目总结