项目总结 -谷粒学院

谷粒学院
项目的功能点
一、后台管理系统功能
1、登录注册功能（SpringSecurity框架）
2、权限管理功能
菜单管理：CRUD
角色管理：CRUD、批量删除、为角色分配菜单
用户管理：CRUD、为用户分配角色
表和表的关系：使用五张表【用户表、角色表、菜单表、用户角色中间表、角色菜单中间表】
3、讲师管理模块
多条件分页查询、CRUD

4、课程分类模块
添加课程分类
读取Excel里的课程数据，添加到数据库中，通过easyExcel

课程分类列表
使用树形结构显示课程分类列表

5、课程管理模块
课程列表功能
添加课程
添加小节时，可以上传课程视频
课程发布的流程：填写课程基本信息、添加课程大纲（章节和小节）、课程信息确认、最终发布

*课程如何判断是否已经发布？

通过给数据库设置字段status来判断他现在的状态

*课程添加过程中，中途把课程停止添加，重新去添加新的课程，如何找到之前没有发布完成的课程，继续发布呢？

到课程列表中选择未发布的课程状态，来查询，里面会有编辑看课程信息，然后去继续编辑发布完成

6、统计分析模块
生成统计数据
统计数据的图标显示
7、走马灯模块
添加和删除
二、前台系统功能
1、首页数据显示
显示走马灯功能
显示热门课程
显示名师
2、注册功能
获取手机验证码
3、登录功能
– 普通登录
*你项目使用的是SSO（单点登录）实现登录的吗？是怎么实现的？

我使用的是token的方式，用户登录成功后，根据相关的信息生成token，然后返回给cookie，他每次访问的时候都会从请求头中获取token的值，并解析获取用信息，判断是否已经登录

*你使用什么方式生成Token的？

使用Jwt生成token字符串

*Jwt有几部分组成，分别为什么？

三部分组成，分别为：jwt头、有效载荷（用户信息）、签名哈希（防伪标志）

*你登录功能的实现流程是什么？

调用登录的接口，会返回一个token字符串，把token字符串放到cookie中，创建前端拦截器进行判断，如果cookie里包含token字符串，把token放到header中。调用接口会从header中取值到token，根据token值获取到用户信息，然后在页面中进行显示

– 微信扫码登录
*OAuth2是什么？

只是一种解决方法，按照一种规则，但是具体是什么规则，没有规定

他是一种方案，但不是一种协议

*你是如何获取扫码人微信信息的？

扫码后，微信会返回两个值code和state；然后拿着这个code去请求微信的固定地址，获得两个值access_token访问凭证和openid每个微信的唯一表示；然后拿着这两个再去请求微信的一个固定地址获取到扫码人的信息

4、名师列表功能
5、名师详情功能
6、课程列表功能
多条件查询分页列表功能
7、课程详情功能
课程信息显示（包含基本信息、讲师信息、分类信息、大纲信息）
判断课程是否需要购买
8、课程详细视频在线播放功能
阿里云视频点播、阿里云播放器

9、课程支付功能
生成课程订单
生成微信支付二维码
微信最终支付
*你的微信支付功能的流程你说说？

如果课程是收费课程，点击立即购买，生成课程订单；点击订单页面中的去支付，生成微信支付二维码；使用微信区扫秒二维码实现支付；支付之后，每个3秒查询支付状态（是否支付成功），如果没有支付成功就等待，如果支付成功之后，修改订单状态，向支付表中添加记录

项目的技术点
一、前后端分离开发
后端写接口，前端调后端接口得到数据并显示

二、项目使用【前端】技术
1、vue
基本语法

指令：

v-bind 简写：
v-model
v-for
v-if
v-html
生命周期：

created()，页面渲染之前
mounted()，页面渲染之后
绑定事件：
-v-on 简写@

ES6规范，通过babel转成ES5，框架自带

2、Element-UI
3、Nodejs
Js运行环境，不需要浏览器直接运行代码，模拟服务器效果

4、NPM
包管理工具，类似Maven

npm命令
npm init初始化
npm install 依赖名
5、Babel
转码器，ES6转换ES5代码

6、前端模块化
通过一个页面或js去调用另外一个页面的js文件的方法

ES6语法不能在nodejs中直接使用，需要通过babel编译成ES5再执行

7、后台系统用vue-admin-templete
基于vue、Element-ui、9528端口

8、前台系统用Nuxt
基于vue、3000端口

服务器渲染技术

9、Echarts
图标工具

百度捐给aprch

*你能做全栈吗？

不要直接回答能或不能；

说：项目中有80%的后端都是我写的，前端都是cv的，对于前端技术有所了解

三、项目使用【后端】技术【1】
1、微服务架构
将项目拆分为独立的模块，每个模块都有其端口号，模块与模块之间没有关系，是通过远程调用实现

2、SpringBoot
*SpringBoot是什么东西？

SpringBoot本质就是spring，只是快速构建Spring工程的脚手架

细节：

启动类包扫描机制
从外往里扫，也可以设置扫描机制，通过@ComponentScan(包路径)

配置类
SpringBoot配置文件类型

properties
yaml
配置文件加载机制

先bootstrap
再properties或yaml
再对应的环境如：dev、test、prod
3、SpringCloud
是很多框架的总称，基于springboot实现
组成的框架由：
eureka服务注册，nacos
OpenFeign服务调用
Hystrix熔断器
Gateway网关
Config配置中心，nacos
Bus消息总线，nacos
项目中，使用阿里巴巴nacos，代替springcloud一些组件
Nacos
注册中心
配置中心
Feign
服务调用，一个微服务调用另外一个微服务，实现远程调用
熔断器
Gateway网关，之前是zuul
版本

4、MyBatisPlus
MyBatisPlus就是对MyBatis的增强，本身并没改变
自动填充
乐观锁
逻辑删除
代码生成器
5、EasyExcel
阿里巴巴提供操作Excel工具，效率高，代码简洁
*为什么他效率高，代码简洁？

因为他封装了poi进行封装，采用SAX方法（一行一行操作）进行解析

Dom：一次将所有数据放进内存中来

项目应用在添加课程分类，读取excel数据
三、项目使用【后端】技术【2】
1、SpringSecurity
项目整合框架实现权限管理功能

框架组成：

认证（登录）
授权（对用户授予权限）
登录认证过程
*说一说SpringSecurity的登录认证过程？

代码执行过程

2、Redis
首页数据通过Redis做缓存
Redis数据类型：
Set
List
Hash
String
zset
*Redis做缓存，什么样的数据适合使用Redis做缓存？

经常访问，但不经常修改的数据；如主页

3、Nginx
方向代理服务器
请求转发、负载均衡、动静分离
4、OAuth2+JWT
针对特定问题的解决方案
Jwt制定一种规则生成字符串，包括：三部分
JWT头
有效载荷（用户信息）
防伪标志
5、HttpClient
模拟浏览器，请发请求响应的工具
项目中应用场景：微信登录获取扫描人信息，微信支付查询支付状态
6、Cookie
特点：
客户端技术，存储在浏览器、客户端中
每次发送请求，都会带着cookie
cookie有默认有效时长，默认关闭浏览器就不存在了，也可以设置时长，会话级别
7、微信登录
上面有讲了

8、微信支付
上面有讲了

9、阿里云OSS
文件存储
添加讲师，上次讲师头像
10、阿里云视频点播
视频上传、视频删除、视频播放
整合阿里云视频播放器播放
使用视频播放凭证播放
11、阿里云短信服务
注册时，发送手机验证码，存储到redis中校验
12、Git
代码提交到远程的Git仓库中
13、Docker+Jenkins
手动打包
idea工具打包
自动化部署过程
项目遇到的问题
1、前端问题—路由切换问题
多次路由跳转到同一个页面，created()只执行一次
解决方案：通过vue监听机制解决

2、前端问题—ES6模块化运行问题
使用Babel把ES6代码转换为ES5的代码运行
3、MyBatisPlus生成19位id值问题
mp生成的ip值为19位，js处理数据类型值时，只处理16位
解决方案：将Long改为String类型
4、跨域问题
访问协议+ip地址+端口号，三者有任何一个不一样，就会产生跨域问题
解决方案：
在controller添加注解@CrossOrigin
通过Gateway网关解决，写一个配置类
上面只能使用一个，不然会失效
5、413问题
上传视频时，nginx有上传视频大小限制，如果超过，就会出现413错误
413描述：请求体过大
解决方案：在Nginx里配置客户端提交文件大小
响应状态码：413、跨域403、重定向302
6、Maven加载问题
Maven加载项目时，不会加载src-java文件夹里面的xml类型文件
解决方案：
1、复制xml文件到target目录
2、在maven中配置，与properties配置文件中指定xml文件夹
项目面试总结
1、项目描述

2、这是一个项目还是一个产品
是一个产品；项目是从0开始搭建的

3、测试要求
首页和视频详情页qps单机qps要求 2000+

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

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

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

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、项目组有多少人，人员如何组成？
不要太教条，说说人一任职务

12、分布式系统的CAP原理
CAP定理：

指的是在一个分布式系统中，Consistency（一致性）、 Availability（可用性）、Partition tolerance（分区容错性），三者不可同时获得。
一致性（C）：在分布式系统中的所有数据备份，在同一时刻是否同样的值。（所有节点在同一时间的数据完全一致，越多节点，数据同步越耗时）
可用性（A）：负载过大后，集群整体是否还能响应客户端的读写请求。（服务一直可用，而且是正常响应时间）
分区容错性（P）：分区容错性，就是高可用性，一个节点崩了，并不影响其它的节点（100个节点，挂了几个，不影响服务，越多机器越好）

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

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

机器数量也多§，正常的时间内响应(A)，那么数据就不能及时同步到其他节点，所以C不满足注册中心选择的原则：

Zookeeper：CP设计，保证了一致性，集群搭建的时候，某个节点失效，则会进行选举行的leader，或者半数以上节点不可用，则无法提供服务，因此可用性没法满足Eureka：AP原则，无主从节点，一个节点挂了，自动切换其他节点可以使用，去中心化

结论：

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

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

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

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

13、前端渲染和后端渲染有什么区别
前端渲染是返回 json 给前端，通过 javascript 将数据绑定到页面上

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

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