在线网站总结

谷粒学院

课程额外描述

MP

1、Mp在插入时,会帮我们额外生成19位的ID。

参考资料:分布式系统唯一ID生成方案汇总:https://www.cnblogs.com/haoxinyue/p/5208136.html。设置生成ID策略需要在主键上添加注解@TableId(type = IdType.AUTO)或者要想影响所有实体的配置,可以设置全局主键配置mybatis-plus.global-config.db-config.id-type=auto.

@TableId(type=IdType.ID_WORKER) MP自带策略,生成19位值,数字类型使用这种策略,比如long。
@TableId(type=IdType.ID_WORKER_STR) MP自带策略,生成19位值,字符类型使用这种策略,String。
@TableId(type=IdType.INPUT) 该类型可以通过自己注册自动填充插件进行填充
@TableId(type=IdType.NONE)该类型为未设置主键类型,根据数据库类型来
@TableId(type=IdType.UUID) 全局唯一ID

2、自动填充

项目中经常会遇到一些数据,每次都使用相同的方式填充,例如记录的创建时间, 更新时间等。

3、乐观锁

主要解决 丢失更新问题。如果不考虑事务隔离性,会产生读的问题有:脏读、不可重复读、幻读;会产生写的问题有:丢失更新问题(并发情况下,A和B都想更改某一字段,A将money改为800,B将money改为1000,A先提交,B后提交。也就是最后提交的把之前提交的数据给覆盖掉了)。为了解决丢失更新问题,方案有悲观锁与乐观锁,悲观锁:只有一个线程读写。乐观锁:取出记录时,获得当前version,更新时,带上这个version,执行更新时,set version = newVersion where version = oldVersion。如果version不对,就更新失败。更新之后将version加一。

4、分页查询

配置分页插件,Page<User> page = new Page<>(1,5); userMapper.selectPage(page, null) 即可得到Page对象,可以调用getRecords、getTotal方法获取数据。

5、逻辑删除

假删除,将对应数据中代表是否被删除字段状态修改为“被删除状态”,之后在数据库中仍
旧能看到此条数据记录.此外, Mysql对于真实删除也做了优化,在行记录头中有is_delete字段, 因为删除记录对应着索引也会变动,B+Tree的移动浪费时间。

6、性能分析插件 p6sy

Swagger

引入依赖,配置类。swagger配置类放置在common/service_base 中,当我们需要在service_edu中使用包外被SpringIOC容器托管的类需要使用@ComponentScan(basePackage={"xxx"})来确定扫描位置。

@Api(description=“XXX”)加在controller类上。

@ApiOperation(value="XX")加在接口上

@APiParam(name=“XX”)加在形参上

需要知晓RequestBody 与ResponseBody的区别

@Responsebody 注解表⽰该⽅法的返回的结果直接写⼊ HTTP 响应正⽂(ResponseBody)中,⼀般在异步获取数据时使⽤;

在使⽤ @RequestMapping 后,返回值通常解析为跳转路径,加上 @Responsebody 后返回结果不会被解析为跳转路径,⽽是直接写⼊HTTP 响应正⽂中。例如,异步获取 json 数据,加上 @Responsebody 注解后,就会直接返回 json数据。

@RequestBody 注解则是将 HTTP 请求正⽂插⼊⽅法中,使⽤适合的 HttpMessageConverter 将请求体写⼊某个对象。

统一异常处理

使用@RestControllerAdvise配合@ExceptionHandler(eException.class)注解.

统一异常处理分为统一异常处理与特定异常处理与自定义异常处理

统一日志处理

把日志不仅输出到控制台,也可以输出到文件中使用日志工具logback日志工具。配置logback-spring.xml 配置类上注解@Slf4j使用

统一返回数据格式

定义类R,包含属性有code、message、data、success四个属性,构造器为私有。后端接口返回R的json文本字符串。

前端知识

Vscode 安装插件live server、vetur、vue-helper。

ECMAScript是一套标准,它与JavaScript的关系为前者是后者的规范,后者是前者的实现。ES6新特性有let变量作用范围、定义变量不能被重写,const声明常亮,数组解构、模板字符串、声明对象、箭头函数、对象扩展运算符

const person = {
	sayHi:function(){
		console.log("Hi")
	}
}
// 调用
person.sayHi()
// ES6简写
const person = {
	sayHi(){
		console.log("Hi")
	}
}
// 对象扩展运算符
let person = {name:"AMy",age:12}
let copy = {...person}
let person2 = {sex:"man"}
let personSum = {...person,...person2}
-------------
// 传统方法创建函数
let fun1 = function(a,b){
	return a+b;
}
// 使用箭头函数
let fun1 = (a,b) => a+b;

Vue 简介:Vue是一套用于构建用户界面的渐进式框架. 核心只关注视图层

v-bind,简写为: 。 单向数据绑定
<h1 v-bind:title="message">
	{{content}}
</h1>
// 简写
:title="message"
v-modle 双向绑定
v-on:click 绑定事件 简写为@click
组件Component是Vue.js 最强大的功能之一,组件可以扩展HTML元素,封装可重用的代码。
实例生命周期:beforeCreate --> created-->beforeMount-->mounted(数据挂载之后执行)-->beforeDestory-->destoryed
vue 路由 <router-link to="/student">xx</router-link>

axios、

实现ajax异步操作.

axios.get("XXX")
.then(res =>{
	
})
.catch(err=>{
	
})

element-ui是饿了么前端出品的基于vue.js的后台组件库

node.js是用于执行js代码的环境,不需要浏览器,直接使用nodejs运行js代码

npm全程叫做node package manager,是node.js包管理工具,相当于前端的maven。

下载制定版本:npm install jquery@3.4.1

babel是转码器,把es6代码转换为es5代码

模块化,不同文件夹的js文件想要调用另外文件夹的js方法,需要用到模块化。es6使用export和import来导出、导入模块。

export function getList(){
	console.log()
}
---
import {getList} from './userApi.js'
getList()

ES6模块化导入导出另外一种写法

export default{
	getList(){
		XX
	},
	save(){
		xx
	}
}
//导入模块
import user from "./userApi.js"
user.getList()
user.save()

webpack是前端资源加载/打包工具,它根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。将多个有依赖的文件打包为一个文件. 比如多个js文件有依赖,那么打包成一个js文件

Vue-admin-template

.
├── build // 构建脚本
├── config // 全局配置
├── node_modules // 项目依赖模块
├── src //项目源代码
├── static // 静态资源
└── package.jspon // 项目信息和依赖配置

├src

├── api // 各src种接口
├── assets // 图片等资源
├── components // 各种公共组件,非公共组件在各自view下维护
├── icons //svg icon
├── router // 路由表
├── store // 存储
├── styles // 各种样式
├── utils // 公共工具,非公共工具,在各自view下维护
├── views // 各种layout
├── App.vue //项目顶层组件
├── main.js //项目入口文件
└── permission.js //认证入口

nginx反向代理

  server {
 listen 8201;
 server_name localhost;
 location ~ /edu/ { 
 proxy_pass http://localhost:8101;
 }
 }

讲师修改与新增公用一套组件,修改的url为/edit/{id} . 新增url为/add。

因此可以通过URl判断是修改还是新增

存在的问题:

vue-router导航切换 时,如果两个路由都渲染同个组件(从修改跳转到新增),组件会重(chong)用,
组件的生命周期钩子(created)不会再被调用, 使得组件的一些数据无法根据 path的改变得到更新
因此:
1、我们可以在watch中监听路由的变化,当路由变化时,重新调用created中的内容
2、在init方法中我们判断路由的变化,如果是修改路由,则从api获取表单数据,
如果是新增路由,则重新初始化表单数据

qa

1、spring boot 会默认加载org.springframework.boot.autoconfigure.jdbc.DataSourceAutoConfiguration这个
类,而DataSourceAutoConfiguration类使用了@Configuration注解向spring注入了dataSource bean,又因为项目(oss模块)中并没有关于dataSource相关的配置信息,所以当spring创建dataSource bean时因缺少相关的信息就会报错。
解决办法:
方法1、在@SpringBootApplication注解上加上exclude,解除自动加载DataSourceAutoConfiguration

2、读取配置文件问题

@Component
@ConfigurationProperties(prefix = "aliyun.oss.file")
@Data
// a-b  可以转换为aB        ++>驼峰规则
public class ConstantPropertiesUtils implements InitializingBean {
    //读取配置文件内容
    private String endPoint;

    public static String END_POINT;

    @Override
    public void afterPropertiesSet() throws Exception {
        END_POINT = endPoint;
    }

或者

@Component
@PropertySource("classpath:application.properties") // 也可以省略,主要是为了找到配置文件地址
@Data
// a-b  可以转换为aB        ++>驼峰规则
public class ConstantPropertiesUtils implements InitializingBean {
    //读取配置文件内容
    @Value("${aliyun.oss.file.endpoint}")
    private String endPoint;

    public static String END_POINT;

    @Override
    public void afterPropertiesSet() throws Exception {
        END_POINT = endPoint;
    }

主要区别在于是否使用@Value注解

添加课程分类功能

形如前端标签下面有JS、HTML、CSS. 存储二级分类数据库设计为:
parent_Id表示为一级分类。

id title parent_Id
123 前端 0
124 JS 123
125 HTML 123
998 后端 0
999 goLang 998

使用Excel实现添加课程分类功能

一级分类 二级分类
前端开发 React
前端开发 Vue
前端开发 JS
后端开发 R
数据库开发 Mysql
数据库开发 Oracle

引入easyexcel依赖还得引入poi依赖,二者具有强依赖的版本。

easyExcel详细介绍:https://github.com/alibaba/easyexcel。

业务流程:

SubjectExcelListener不能交给Spring管理(调用EasyExcel.read()方法的时候,自己手动new出来了),需要自己new,不能注入其它对象,所以也不能进行数据库操作。

课程分类树形展示

前端要求格式为数组嵌套数组的形式展示树。[{}.[{}.{}]]

因此Java对象为

@Data
public class EduSubjectTree {
    private String id;
    private String title;
    private List<EduSubjectTree> children;

    public EduSubjectTree() {
        this.children = new ArrayList<>();
    }
}

核心代码如下:

    @Override
    public List<EduSubjectTree> getAllOneTwoSubject() {
        QueryWrapper<EduSubject> wrapperOne = new QueryWrapper<>();
        wrapperOne.eq("parent_id","0");
        List<EduSubject> oneSubjectList = baseMapper.selectList(wrapperOne);

        QueryWrapper<EduSubject> wrapperTwo = new QueryWrapper<>();
        wrapperTwo.ne("parent_id","0");
        List<EduSubject> twoSubjectList = baseMapper.selectList(wrapperTwo);

        List<EduSubjectTree> finalSubjectList = new ArrayList<>();

        for (EduSubject eduSubject : oneSubjectList) { //遍历oneSubjectList集合
            EduSubjectTree oneSubject = EduObjectConverter.INSTANCE.map(eduSubject);
            finalSubjectList.add(oneSubject);
            List<EduSubjectTree> twoFinalSubjectList = new ArrayList<>();
            for (EduSubject tSubject : twoSubjectList) {
                if (tSubject.getParentId().equals(eduSubject.getId())) {
                    EduSubjectTree twoSubject = EduObjectConverter.INSTANCE.map(tSubject);
                    twoFinalSubjectList.add(twoSubject);
                }
            }
            oneSubject.setChildren(twoFinalSubjectList);
        }
        return finalSubjectList;
    }

Nginx

反向代理服务器,功能有如下:

  • 请求转发

客户端浏览器发送一个请求,请求到nginx对外暴露的端口,再根据规则(可以根据路径匹配)转发到不同的服务器。

  • 负载均衡

nginx把请求平均分散到不同的服务器(集群)中。轮询、请求时间、权重等策略

  • 动静分离

当访问java代码就访问tomcat服务器,如果是图片就访问静态资源

conf/nginx.conf 下进行配置

配置案例如下:

server{
   listen 8888;
   server_name localhost;
   location ~ /eduoss/ { 
   proxy_pass http://localhost:9001;
}
    //写到http{}中

配置课程

数据表之间的关系

添加课程基本信息细节问题:1、创建Vo类用于表单数据三步封装

2、把表单提交过来的数据添加到数据库

3、把讲师 做成下拉列表,课程分类做成二级联动效果(选一级分类的时候,触发change,显示对应的二级分类)

//点击某个一级分类,触发change,显示对应二级分类
subjectLevelOneChanged(value) {
//value就是一级分类id值
//遍历所有的分类,包含一级和二级
this.getOneSubject();
this.subjectTwoList = this.subjectOneList.filter(subject => subject.id === value)[0].children
this.courseInfo.subjectId = '' 
},

填写课程基本信息->创建课程大纲->提交审核三步 = course/info ->course/chapter/{id}/course/publish/{id}。 添加课程基本信息之后,返回课程id,通过id这样返回上一步时可以回显数据或者修改。上一步修改是根据url中是否有参数,如果有参数则回显数据,如果js对象中存在id,则下一步进行修改操作,否则进行添加。

删除章节时,先查看是否有从属的小节,如果有必须先把小节删除掉才能删章节。

删除小节时候,同时把里面阿里云视频给删掉 。

课程信息确认有封面、课程名称、课程价格、课程分类、课程简介、课程讲师等多表数据,需要多表连接查询。

发布课程其实是修改课程表,将课程表status字段置为normal。只有status为normal的才会在用户前端显示。

课程删除步骤:

  • 删除小节
  • 删除章节
  • 删除本身

出现的问题

dao层编译后只有class文件,没有mapper.xml,因为maven工程在默认情况下src/main/java目录下的所
有资源文件是不发布到target目录下的,

解决办法二步

1、pom中配置

    <build>
        <resources>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.xml</include>
                </includes>
                <filtering>false</filtering>
            </resource>
        </resources>
    </build>

2、Spring Boot配置文件中配置

mybatis-plus.mapper-locations=classpath:com/guli/edu/mapper/xml/*.xml

阿里云VOD

视频点播是集音视频采集、编辑、上传、自动化转码处理、媒体资源管理、分发加速于一体的一站式音视频点播解决方案

API与SDK的区别:

你可以把SDK想象成一个虚拟的程序包,在这个程序包中有一份做好的软件功能,这份程序包几乎是全封闭的,只有一个小小接口可以联通外界,这个接口就是API。
有一杯密封饮料,它的名字叫做“SDK”。
饮料上插着吸管,吸管的名字叫“API”。

小功能

  • 获取视频播放地址
  • 获取视频播放凭证

视频需要加密,加密过后不能通过视频地址播放,数据库存储的是云端视频Id,而不是视频地址。

凭证整个阿里视频播放器完成视频播放。

  • 上传视频到阿里云视频点播

出现的问题,上传大文件tomcat报错,解决办法。同时,如果使用了nginx,也要配置上传文件大小限制。

spring.servlet.multipart.max-file-size=1024MB
# 设置最大上传单个文件大小
spring.servlet.multipart.max-request-size=1024MB
  • 删除小节-> 删除掉阿里云存储的视频

edu远程调用vod删除视频。

NUXT框架

什么是服务端渲染

服务端渲染又称SSR (Server Side Render)是在服务端完成页面的内容,而不是在客户端通过AJAX获取数据。
服务器端渲染(SSR)的优势主要在于:更好的 SEO,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。如果你的应用程序初始展示 loading 菊花图,然后通过 Ajax 获取内容,抓取工具并不会等待异步完成后再进行页面内容的抓取。也就是说,如果 SEO 对你的站点至关重要,而你的页面又是异步获取内容,则你可能需要服务器端渲染(SSR)解决此问题。
另外,使用服务器端渲染,我们可以获得更快的内容到达时间(time-to-content),无需等待所有的
JavaScript 都完成下载并执行,产生更好的用户体验,对于那些「内容到达时间(time-to-content)与转化率直接相关」的应用程序而言,服务器端渲染(SSR)至关重要。

什么是NUXT

Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎
生成静态站点应用,具有优雅的代码结构分层和热加载等特性。

一、功能简介

谷粒学院,是一个B2C模式的职业技能教育系统,分为前台用户系统和后台运营平台。

二、项目描述

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

使用了微服务技术架构,前后端分离开发。

前台用户系统包括:首页数据显示、课程列表和详情、名师详情、登录与注册、微信扫码登录、课程支付、课程播放.

后台管理系统包括:讲师管理、课程分类管理、课程管理、统计分析、轮播图管理、订单管理、权限管

理等功能。

后端的主要技术架构是:SpringBoot + SpringCloud + SpringSecurity + MyBatis-Plus + MySQL +

Maven+EasyExcel.

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

其他涉及到的中间件包括Redis、阿里云OSS、阿里云视频点播, 阿里云短信服务、微信支付与微信扫码登录.

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

一句话总结:

前端部分,使用主流的前端框架Vue,使用Es6的开发规范,采用模块化的开发模式。 后端部分,使用目前流行的SpringBoot+SpringCloud进行微服务架构,使用Feign、Gateway、Hystrix,以及阿里巴巴的Nacos等组件搭建了项目的基础环境。

三、业务架构图

后台系统功能

1、登录功能(Spring security框架)
2、权限管理
	1、菜单管理:列表,添加、修改、删除
	2、角色管理:列表、添加、修改、删除、为角色分配菜单
	3、用户管理:列表、添加、修改、删除、为用户分配角色
	4、权限管理表和关系:五张表(权限、角色、用户、权限-角色、角色-用户). 多对多需要第三张表连接.
3、讲师管理模块
	条件查询分页列表、添加、修改、删除
4、课程分类模块
	1、添加课程分类
		读取excel里面分类数据、通过eastExcel添加到数据库.
	2、显示课程分类
		使用树形结构显示课程分类.
5、课程管理模块(核心)
	1、课程列表功能
	2、添加课程(课程发布的流程)
		1)填写课程基本信息
		2)添加课程大纲(章节和小节)
		3)课程信息的确认,最后发布->表中有个字段status-> normal.课程显示的是status为normal.
	问题:课程添加过程中,中途把课程停止添加,重新去添加新的课程,如何找到之前没有发布完成课程,继续进行发布呢?* 在课程列表中可以查询未发布课程, 找到想要继续发布的课程,点击课程右边超链接把课程继续发布完成,
	如何判断课程已经发布?
	* 通过给数据库设置字段status来判断他现在的状态.
	3、添加小节上传课程视频
6、统计分析模块
	1、后台定时任务统计每日登录、注册、课时浏览数进行统计.
	2、统计数据图表显示(echarts)
7、轮播图管理
	添加与删除
8、订单管理
	查看已支付 和未支付的情况.

前台系统功能

1、系统首页数据显示
	1、banner 幻灯片功能.
	幻灯片什么时候显示->? 根据id排序, 找最新的二条显示.
	2、显示热门课程.
	根据播放量降序显示.
	3、显示名师大咖.
2、注册功能
	1、获取手机验证码注册.
3、登录功能(单点登录sso实现)
	1、普通登录
	2、微信扫码登录 重要
	oauth2:一种解决方案
	* sso(单点登录如何实现的)
		我使用的是token的方式,用户登录成功后,根据相关的信息生成token,然后返回给cookie,他每次访问的时候		都会从请求头中获取token的值,并解析获取用信息,判断是否已经登录
4、名师列表
5、名师详情功能
6、课程列表
	1、条件查询分页功能
7、课程详情页
	1、课程信息显示(包含课程基本信息、分类、讲师、课程大纲(章节小节))
	2、判断视频是否购买
8、课程视频在线播放
9、课程支付功能
	1、生成课程订单.
	2、生成微信支付二维码
	3、微信最终支付.
	*微信支付实现流程

image-20220201230915693

四 、技术架构图

1、前端技术点

前后端分离开发
前端前台系统使用Nuxt(vue),服务端渲染技术,便于seo
前端后台系统使用vue-admin-template(基于vue+elementui)
前端:
	1、vue
		基本语法
		指令:v-bind,v-for,v-if,v-html,绑定事件@click
		生命周期:created(页面渲染之前)、mounted(页面挂载之前)
	ES6规范
	2、element-ui
	3、环境:nodejs, (js允许环境)
	4、NPM包管理器, 类似于maven; npm init 、 npm install \
	5、babel 转码器、es6->es5.
	6、前端模块化. api中定义方法、vue页面引入js文件.
	ES6使用 export 和 import 来导出、导入模块。
	问题:es6的模块化无法在node.js中运行,需要用babel转成es5才能运行.无需手动转,vue框架自动帮我们做了
	7、webpack
	Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的
请求。
	8、echarts 图表工具,使用了折线图.

2、后端技术点

1、微服务架构
2、springboot
	springboot本质就是spring,只是快速构建spring工程脚手架
	细节:包扫描:启动类同级包下面, 还可以手动设置扫描规则:@ComponentScan("")
	配置类:@Configuration
	配置文件:properties、yaml、yml. bootstrap配置文件优先级最高
3、Spring cloud
	是很多框架总称,使用这些框架实现微服务框架、基于springboot.
	组成框架:1、如下图
	项目中使用了阿里巴巴Nacos,代替springcloud一些组件
	使用nacos作为配置中心,使用nacos作为配置中心.
	Feign:服务调用,一个微服务调用宁外一个微服务,实现远程调用。
	熔断器Hystrix.
	springcloud 之前使用的zuul网关,目前gateway网关
	springcloud版本对应	
* spring security
	在项目中整合权限框架实现权限管理功能
	spring security框架组成:认证和授权
	spring security登录认证过程
	spring securoty代码执行过程
	
* redis
	1、首页数据进行缓存.
	2、redis数据类型:字符串、list 、set、hash 、zset
	3、不太重要或者不经常改变但经常访问的数据适合做缓存.
* nginx
	1、反向代理服务器
	2、请求转发、负载均衡、动静分离
* Oauth2 + JWT
	1、Othau2针对特点问题解决方案
	2、jwt包含三部分
* httpClient
	1、发送请求返回响应的工具,不需要浏览器完成请求和访问的过程
	2、应用场景:wx登录获取扫码人信息、微信支付查询支付信息
* cookie
	1、cookie特点:客户端技术,每次你发送请求都会带着cookie值进行发送. cookie有默认有效时长,关闭浏览器cookie就不存在了.通过setMaxAge可以设置.

4、mybatis-plus
	what:mp就是mybatis的增强.
	自动填充
	乐观锁
	逻辑删除
	代码生成器
5、easyexcel
	alibaba操作excel的工具, 读写速度高.(对poi进行封装,采用sax方式解析.poi是把数据全部装进内存,现在sax是一行一行解析,不会产生内存溢出的情况)
6、阿里云oss
	1、对象存储, 上传讲师头像.
7、阿里云视频点播,视频上传.
	1、视频上传,删除,播放
	2、整合阿里云视频播放器进行视频播放
		视频地址和凭证播放区别, 加密了视频使用视频地址是不可以播放的,只要凭证才能。
* 阿里云短信服务
	注册发送手机验证码.
8、微信扫码登录
*流程
9、微信支付
*流程
10、maven
11、git

image-20220201230915693

End、遇到的问题

1、统一返回的json时间格式问题

默认情况下json时间格式带有时区, 并且是世界标准时间, 和我们的时间差了8个小时.

在application.prperties里面配置

spring.jackson.date-format=yyyy-MM-dd HH:mm:ss
spring.jackson.time-zone=GMT+8

2、跨域问题

什么是跨域:浏览器从一个域名的网页去请求另一个域名的资源时, 域名、端口、协议任一不同. 就会产生跨域问题.

解决办法:

  • controller上加上@CrosOrigin注解
  • 通过配置类CorsConfiguration配置allowMethod、allowOrigin、allowheader解决.

3、路由切换问题

vue-router导航切换 时,如果两个路由都渲染同个组件,组件会重(chong)用,

组件的生命周期钩子(created)不会再被调用, 使得组件的一些数据无法根据 path的改变得到更新

因此:

1、我们可以在watch中监听路由的变化,当路由变化时,重新调用created中的内容

watch: {  //监听
    $route(to, from) { //路由变化方式,路由发生变化,方法就会执行
        this.courseInfo={}
}

2、在init方法中我们判断路由的变化,如果是修改路由,则从api获取表单数据,

如果是新增路由,则重新初始化表单数据(通过param判断)

init() {
//判断路径有id值,做修改
if(this.$route.params && this.$route.params.id) {
//从路径获取id值
const id = this.$route.params.id
//调用根据id查询的方法
this.getInfo(id)
} else { //路径没有id值,做添加
//清空表单
this.teacher = {}
}
},

4、oss模块中有数据库的依赖, 但配置文件没有配置数据源,导致启动报错

spring boot 会默认加载org.springframework.boot.autoconfigure.jdbc.DataSourceAutoConfiguration这个类,而DataSourceAutoConfiguration类使用了@Configuration注解向spring注入了dataSource bean,又因为项目(oss模块)中并没有关于dataSource相关的配置信息,所以当spring创建dataSource bean时因缺

少相关的信息就会报错。

解决:

@SpringBootApplication(exclude = DataSourceAutoConfiguration.class)

5、oss模块上传图片413错误(Request Entity Too large)报错

使用了nginxweb服务器,并且上传到文件比较大时, 会爆413 Request Entity Too large 的错误.

解决办法:修改nginx的最大上传限制

client_max_body_size  1024m;  #最大限制为1024M

之后测试再上传一个大一点的图片, 爆:

org.springframework.web.multipart.MaxUploadSizeExceededException

是因为springboot 自动配置了对上传文件大小的限制, 默认单个文件最大1Mb,单次请求文件总数大小最大10Mb

修改为

spring.servlet.multipart.max-file-size = 20MB
spring.servlet.multipart.max-request-size=20MB

6、properties文件中 '=' 右边不能加空格,末尾也是.

7、maven打包问题

问题一:

Maven 加载的时候,把Java文件夹里面.java文件类型文件进行编译,如果有其他类型文件不会加载.

解决办法:

  • 将xml复制到target目录下

  • 配置。

    • mybatis-plus.mapper-locations=classpath:com/atguigu/educenter/mapper/xml/*.xml

    • pom.xml 中配置将打包时会将java目录中的*.xml文件也进行打包

问题二

Maven package打jar包的时候, 默认不会将resources下的文件打入classes文件夹, 导致启动jar包无法加载配置文件.

解决办法:

<resource>
    <directory>src/main/resources</directory>
    <includes>
        <include>**.*</include>
        <include>**/*.*</include>
        <include>**/*/*.*</include>
    </includes>
</resource>

问题三

多模块打包问题:多个模块具有依赖, 常规的打包方式不实用了.

解决办法:

parent pom下加入

<configuration>
    <executable>true</executable>
    <includeSystemScope>true</includeSystemScope>
</configuration>

common pom 下加入

<configuration>
	<skip>true</skip>
</configuration>

其他pom文件把标签删掉!

8、前端问题:es6模块化运行问题:

问题:import 外部 js 文件问题 报错

解决:Nodejs使用Babel把Es6代码转换Es5代码执行

9、Mybatis-plus id问题

mp生成id值长度为19位, js处理数字类型的时候只能处理到16位, 所以将id类型改为字符串类型.

413:请求体过大

403:跨域

302:访问一个Url时,被重定向到另一个url上。常用于页面跳转

微服务

一、什么是微服务

微服务最早由Martin Fowler与James Lewis于2014年共同提出,微服务架构风格是一种使用一套小服务来开发单个应用的方式途径,每个服务运行在自己的进程中,并使用轻量级机制通信,通常是HTTP API,这些服务基于业务能力构建,并能够通过自动化部署机制来独立部署,这些服务使用不同的编程语言实现,以及不同数据存储技术,并保持最低限度的集中式管理。

二、为什么需要微服务

在传统的IT行业软件大多都是各种独立系统的堆砌,这些系统的问题总结来说就是扩展性差,可靠性不高,维护成本高。到后面引入了SOA(Service Oriented Architecture)服务化,但是,由于 SOA 早期均使用了总线模式,这种总线模式是与某种技术栈强绑定的,比如:J2EE。这导致很多企业的遗留系统很难对接,切换时间太长,成本太高,新系统稳定性的收敛也需要一些时间。

三、微服务与单体架构的区别

(1)单体架构所有的模块全都耦合在一块,代码量大,维护困难。

微服务每个模块就相当于一个单独的项目,代码量明显减少,遇到问题也相对来说比较好解决。

(2)单体架构所有的模块都共用一个数据库,存储方式比较单一。

微服务每个模块都可以使用不同的存储方式(比如有的用redis,有的用mysql等),数据库也是单

个模块对应自己的数据库。

(3)单体架构所有的模块开发所使用的技术一样。

微服务每个模块都可以使用不同的开发技术,开发模式更灵活。

什么样的项目适合微服务

微服务可以按照业务能力本身的独立性来划分,如果系统提供的功能是非常底层的,如:操作系统内核、存储系统、网络系统、数据库系统等等,这类系统都偏底层,功能和功能之间有紧密的配合关系,如果强制拆分为较小的服务单元,会让集成工作量急剧上升,并且这种人为的切割无法带来业务上真正的隔离,所以无法做到独立部署和运行,也就不适合做成微服务了。

四、微服务开发框架

目前微服务的开发框架,最常用的有以下四个:

Spring Cloud:http://projects.spring.io/spring-cloud(现在非常流行的微服务架构)

Dubbo:http://dubbo.io

Dropwizard:http://www.dropwizard.io (关注单个微服务的开发)

Consul、etcd&etc.(微服务的模块)

五、什么是springcloud

Spring Cloud是微服务系统架构的一站式解决方案。它利用Spring Boot的开发便利性简化了分布式系统基础设施的开发,如服务发现与注册、配置中心、消息总线、负载均衡、 熔断器、数据监控等,都可以用SpringBoot的开发风格做到一键启动和部署。Spring并没有重复制造轮子,它只是将目前各家公司开发的比较成熟、经得起实际考验的服务框架组合起来,通过SpringBoot风格进行再封装屏蔽掉了复杂的配置和实现原理,最终给开发者留出了一套简单易懂、易部署和易维护的分布式系统开发工具包

六、springcloud 与springboot的区别

Spring Boot 是 Spring 的一套快速配置脚手架,可以基于Spring Boot 快速开发单个微服务。

Spring Cloud是一个基于Spring Boot实现的开发工具;Spring Boot专注于快速、方便集成的单个微服务个体,Spring Cloud关注全局的服务治理框架; Spring Boot使用了默认大于配置的理念,很多集成方案已经帮你选择好了,能不配置就不配置,Spring Cloud很大的一部分是基于Spring Boot来实现,必须基于Spring Boot开发。可以单独使用Spring Boot开发项目,但是Spring Cloud离不开 Spring Boot。

七、spring cloud相关基础组件

服务发现——Netflix Eureka[2.0遇到性能瓶颈,停止维护] (Nacos)

服务调用——Netflix Feign

熔断器——Netflix Hystrix

服务网关——Spring Cloud GateWay

分布式配置——Spring Cloud Config (Nacos)

消息总线 —— Spring Cloud Bus (Nacos)

八、springcloud 小版本

Spring Cloud 小版本分为:

SNAPSHOT: 快照版本,随时可能修改

M: MileStone,M1表示第1个里程碑版本,一般同时标注PRE,表示预览版版。

SR: Service Release,SR1表示第1个正式版本,一般同时标注GA:(GenerallyAvailable),表示稳定版

本。

九、项目中使用的微服务组件

九.一 Nacos注册中心

1、基本概念

Nacos 致力于帮助您发现、配置和管理微服务, 属于阿里巴巴

2、本地启动

nacos/conf 下执行nacos-mysql.sql 脚本, 在本地生成数据库表.

修改applicaiton.properties配置文件, 修改数据库连接用户名、密码等.

启动:bin 目录下

./startup.sh -m standalone

3、nacos功能

  • 服务发现和服务健康检测
  • 动态配置服务

4、nacos结构图

image-20220522184107712

九.二 Feign

1、基本概念

Feign是Netflix开发的声明式、模板化的HTTP客户端, Feign可以帮助我们更快捷、优雅地调用HTTP API。
RestTemplate是Spring提供的一个访问 Http 服务的客户端类,
转化请求Feign是一个http请求调用的轻量级框架,可以以Java接口注解的方式调用Http请求,封装了Http调用流程。

2、导入依赖

spring-cloud-starter-openfeign

3、启动类添加注解

@EnableFeignClients

4、创建包和接口

@FeignClient注解用于指定从哪个服务中调用功能 ,名称与被调用的服务名保持一致。

@DeleteMapping注解用于对被调用的微服务进行地址映射。

@PathVariable注解一定要指定参数名称,否则出错

@Component注解防止,在其他位置注入vodClient时idea报错

@FeignClient("service-vod")
@Component
public interface VodClient {
@DeleteMapping(value = "/eduvod/vod/video/{videoId}")
public R removeVideo(@PathVariable("videoId") String videoId);

原理: 根据服务名称可以得到服务注册里面的ip+端口,再拼接下面的Delete 请求,就可以完整的定位到里面的方法了

九.三 Hystrix

Spring Cloud 在接口调用上,大致会经过如下几个组件配合:

Feign ----->Hystrix —>Ribbon —>Http Client(apache http components 或者 Okhttp) 具体交互流程上,如下

图所示:

pic3

(1)接口化请求调用当调用被@FeignClient注解修饰的接口时,在框架内部,将请求转换成Feign的请求实例feign.Request,交由Feign框架处理。

(2)Feign :转化请求Feign是一个http请求调用的轻量级框架,可以以Java接口注解的方式调用Http请求,封装了Http调用流程。

(3)Hystrix:熔断处理机制 Feign的调用关系,会被Hystrix代理拦截,对每一个Feign调用请

求,Hystrix都会将其包装成HystrixCommand,参与Hystrix的流控和熔断规则。如果请求判断需要熔断,则Hystrix直接熔断,抛出异常或者使用FallbackFactory返回熔断Fallback结果;如果通过,则将调用请求传递给Ribbon组件。

(4)Ribbon:服务地址选择 当请求传递到Ribbon之后,Ribbon会根据自身维护的服务列表,根据服务的服务质量,如平均响应时间,Load等,结合特定的规则,从列表中挑选合适的服务实例,选择好机器之后,然后将机器实例的信息请求传递给Http Client客户端,HttpClient客户端来执行真正的Http接口调用;
其工作原理就是 server 端获取到了所有的服务列表之后,在其内部使用负载均衡算法,进行对多个系统的调用。
nginx与ribbon的区别:前者将所有的请求都集中起来,然后再进行负载均衡,而后者在消费端获取到了所有的服务列表之后,在其内部使用负载均衡。(先在客户端进行负载均衡再请求)此外,nginx采用加权+加权轮询的方式负载均衡,ribbon默认采用轮询,除了轮询还有随机策略

(5)HttpClient :Http客户端,真正执行Http调用根据上层Ribbon传递过来的请求,已经指定了服务地址,则HttpClient开始执行真正的Http请求

1、Hystrix概念

Hystrix就是一个能进行熔断和降级的库,通过使用它能提高系统的弹性。
服务熔断和降级详情请看:https://javaguide.cn/system-design/framework/springcloud/springcloud-intro.html#什么是-hystrix-之熔断和降级
2、引入依赖

spring-cloud-starter-netflix-hystrix

3、配置文件

#开启熔断机制
feign.hystrix.enabled=true
# 设置hystrix超时时间,默认1000ms
hystrix.command.default.execution.isolation.thread.timeoutInMilliseconds=6000

4、开始兜底

@FeignClient(name = "service-vod", fallback = VodFileDegradeFeignClient.class)
指定VodFileDegradeFeignClient这个类兜底

九、四sprincloud gateway

API 网关是介于客户端和服务器端之间的中间层,所有的外部请

求都会先经过 API 网关这一层。也就是说,API 的实现方面更多的考虑业务逻辑,而安全、性能、监控

可以交由 API 网关来做

九、五spring cloud config

Spring Cloud Config 为分布式系统的外部配置提供了服务端和客户端的支持方案.server提供配置文件的存储、以接口的形式将配置文件的内容提供出去,client通过接口获取数据、并依据此数据初始化自己的应用。

使用nacos替换config

系统配置的集中管理(编辑、存储、分发)、动态更新不重启、回滚配置(变更管理、

历史版本管理、变更审计)等所有与配置相关的活动

十、Redis

1、介绍

Redis是当前比较热门的NOSQL系统之一,它是一个开源的使用ANSI c语言编写的key-value存储系统(区别于MySQL的二维表格的形式存储)。和Memcache类似,但很大程度补偿了Memcache的不

足。和Memcache一样,Redis数据都是缓存在计算机内存中,不同的是,Memcache只能将数据缓存到内存中,无法自动定期写入硬盘,这就表示,一断电或重启,内存清空,数据丢失。所以Memcache的应用场景适用于缓存无需持久化的数据。而Redis不同的是它会周期性的把更新的数据写入磁盘或者把修改操作写入追加的记录文件,实现数据的持久化

2、Redis特点

  • Redis读取的速度是110000次/s,写的速度是81000次/s;

  • 原子 。Redis的所有操作都是原子性的,同时Redis还支持对几个操作全并后的原子性执行。

  • 支持多种数据结构:string(字符串);list(列表);hash(哈希),set(集合);zset(有序集合)

  • 持久化,集群部署

  • 支持过期时间,支持事务,消息订阅

3、maven依赖

spring-boot-starter-data-redis

commons-pool2

4、redis使用场景

  • 热点数据的缓存
    • 对于访问量大但不经常修改的数据适合进行缓存 例如首页数据
  • 限时业务的运用
    • 短信验证码
  • 计算器相关问题
    • incrby命令可以实现原子性的递增. 可用于分布式id的生成

5、spingboot缓存注解

  • @Cacheable
    • 根据方法对其返回结果进行缓存,下次请求时,如果缓存存在,则直接读取缓存数据返回;如果缓存不存在,则执行方法,并把返回的结果存入缓存中。一般用在查询方法上。
    • @Cacheable(key="banner",value="selectIndexList")
    • 在redis-cli中查看即为"banner::selectIndexList"
  • @CachePut
    • 使用该注解标志的方法,每次都会执行,并将结果存入指定的缓存中。其他方法可以直接从响应的缓存中读取缓存数据,而不需要再去查询数据库。一般用在新增方法上。
  • CacheEvict
    • 使用该注解标志的方法,会清空指定的缓存。一般用在更新或者删除方法上
    • @CacheEvict(value="banner",allEntries=true) 后面这个参数表明删除所有

除了使用注解,使用redisTemplate也可以

redisTemplate.opsForValue().set(key,value)

6、redis启动

  • 1、关闭linux防火墙
  • 2、找到redis.conf, 注释掉 #bind 127.0.0.1

7、整合redis

  • 1、导入starter与commons-pools2
  • 2、创建配置类

每日统计数据

使用定时任务, 每日凌晨执行.

配合Echarts使用.

🌟权限管理

不同角色的用户登录后台管理系统拥有不同的菜单权限与功能权限,权限管理包含三个功能模块:菜单

管理、角色管理和用户管理.

rbac:Role-Based Access Control 基于角色的访问控制. like persona.
RBAC 认为 “授权”实际上是Who、What、How三元组之间的关系, 也就是Who对What进行How的操作.

数据库五张表

pic4

菜单(权限)管理

使用树形结构显示..

给角色分配权限

角色管理

角色的CRUD.

用户管理

用户CRUD.

给用户分配角色.

🌟Spring Security

介绍

Spring Security 基于 Spring 框架,提供了一套Web 应用安全性的完整解决方案。一般来说,Web 应用的安全性包括用户认证(Authentication)和用户授权(Authorization)两个部分。

(1)用户认证指的是:验证某个用户是否为系统中的合法主体,也就是说用户能否访问该系统。用户认证一般要求用户提供用户名和密码。系统通过校验用户名和密码来完成认证过程。

(2)用户授权指的是验证某个用户是否有权限执行某个操作。在一个系统中,不同用户所具有的权限是不同的。比如对一个文件来说,有的用户只能进行读取,而有的用户可以进行修改。一般来说,系统会为不同的用户分配不同的角色,而每个角色则对应一系列的权限。

Spring Security其实就是用filter,多请求的路径进行过滤。

(1)如果是基于Session,那么Spring-security会对cookie里的sessionid进行解析,找到服务器存储

的sesion信息,然后判断当前用户是否符合请求的要求。

(2)如果是token,则是解析出token,然后将当前请求加入到Spring-security管理的权限信息中去

认证与授权实现

如果系统的模块众多,每个模块都需要就行授权与认证,所以我们选择基于token的形式进行授权与认

证,用户根据用户名密码认证成功,然后获取当前用户角色的一系列权限值,并以用户名为key,权限列

表为value的形式存入redis缓存中,根据用户名相关信息生成token返回,浏览器将token记录到cookie中,

每次调用api接口都默认将token携带到header请求头中,Spring-security解析header头获取token信息,解

析token获取当前用户名,根据用户名就可以从redis中获取权限列表,这样Spring-security就能够判断当前

请求是否有权限访问.

代码实现:

核心配置类继承WebSecurityConfigurerAdapter, 并加上@EnableWebSecurity注解.

Spring-security 有专门的实体类UserDetails, 我们可以继承这个类.

我们需要继承一个UserDetailSevice接口并且加入到容器中,实现loadUserByUsername方法,里面的逻辑通常是从数据库查找出对应用户名的密码然后构造一个UserDetail对象,spring security会根据返回的这个带有正确用户信息的对象和前台传过来的用户名密码进行比对来判断是否认证通过。

⭐用户登录

1、用户登录业务介绍

1.1、单一服务器模式

早期单一服务器, 用户认证。


缺点:单点性能压力, 无法扩展.

使用session对象实现,登录成功后,把用户数据放到session里面,判断是否登录,从session获取数据,可以获取到登录
session.setAttribute("user",user)
session.getAttribute("user")

1.2、SSO(single sign on)模式

分布式:sso模式
SSO是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统

优点:用户身份信息独立管理,更好的分布式管理

​ 可以自己拓展安全策略

缺点:认证服务器访问压力比较大

1、session广播 就是session的复制。把登录的session复制到其他服务器中
缺点:资源浪费、数据重复
早已经被淘汰.此外session过期时间为30mins、下面的redis也能通过使某个key过期实现过期时间
2、cookie + redis
cookie是客户端技术,存到浏览器中,每次发请求带着cookie发送。
1、在项目中任何一个模块登录,在登录之后,把数据放到二个地方
(1)redis在key中放唯一随机值(以ip地址或者特定的算法),在value中放用户数据
(2)cookie中把redis里面生成的key存放到cookie中。
2、访问项目其他模块,发送带着cookie进行发送,获取cookie值,把cookie中获取中的值到redis中进行查询,根据key进行get。

3、使用token
token是按照一定规则生成字符串,字符串可以包含用户信息。
1、在项目中某个模块进行登录,登录之后,按照规则生成字符串,把登录之后用户包含到生产字符串里面,把字符串返回。
(1)可以把字符串通过cookie返回
(2)把字符串通过地址栏返回 127.0.0.1?token=XXX
此外token又叫做自包含令牌

### 1.3、Token模式

业务流程图:
![](./pics/pic7.png)
优点:token无状态、session有状态

基于标准化:你的API可以采用标准化的JSON Web Token(JWT)

缺点:占用带宽, 无法在服务器端销毁.

基于微服务开发,选择token的形式相对较多,因此我使用token作为用户认证的标准

#### 1.3.1 使用JWT进行跨域身份验证

##### 1、传统用户身份验证

![](./pics/pic8.png)
### 1.4、项目会员登录、注册业务流程

#### 1.4.1、登录

后台获取mobile、password二个字段, 校验数据库的加盐字段是否和password匹配. -> 返回jwt token.

#### 1.4.2、注册

获取到nickname、mobile、password、code四个字段. 从redis获取发送到验证码, 查询数据库中是否存在相同的手机号码, 如果存在说明这个手机号已经注册过了. --> 添加信息到数据库

#### 1.4.3、微信登录

***微信登录使用的是OAuth2授权机制, 使用的是具体的授权码方式实现.***

第一步:用户点击网站微信登录图标.

后端带上AppId 和 AppSecret和回调域名参数请求微信OAuth2授权.

String baseUrl = "https://open.weixin.qq.com/connect/qrconnect" +
"?appid=%s" + // 让微信知道是谁在请求
"&redirect_uri=%s" + // 是微信接受或拒绝请求后的跳转地址
"&response_type=code" + // response_type 表示要求返回授权码(code)
"&scope=snsapi_login" + // 表示要请求的授权范围
"&state=%s" +
"#wechat_redirect";
//对redirect_url进行URLEncoder编码
String redirectUrl = localhost:8160/api/ucenter/wx/callback;


上面 URL 中,`response_type`参数表示要求返回授权码(`code`),`appid`参数让 微信 知道是谁在请求,`redirect_uri`参数是 微信 接受或拒绝请求后的跳转网址,`scope`参数表示要求的授权范围(这里是登录)。scope也表示资源分配着额外指定的细分权限. 这里是只能做登录.

第二步: 微信返回二维码供用户扫码

返回到字符串如下

https://open.weixin.qq.com/connect/qrconnect?appid=wxed9954c01bb89b47&redirect_uri=http%3A%2F%2Flocalhost%3A8160%2Fapi%2Fucenter%2Fwx%2Fcallback&response_type=code&scope=snsapi_login&state=atguigu#wechat_redirect


前端使用qrxxx组件将字符串转换为微信二维码.

第三步:会员扫码确认登录 , 也就是授权, **微信带上code回调redirect_uri**, 后端再带上code和appId和appSecret请求微信相关地址. 如下图

```java
        String baseAccessTokenUrl = "https://api.weixin.qq.com/sns/oauth2/access_token" +
                "?appid=%s" +
                "&secret=%s" +
                "&code=%s" +
                "&grant_type=authorization_code";  // 表示采用的方式是授权码

使用httpClient调用地址, 返回accessToken.

  • HttpClient 服务器发送请求
  • Gson json转换工具, 第三步返回的字符串是map字符串,我们需要将字符串转为map
    最后一步:根据微信信息使用jwt,生成token字符串,把token字符串通过路径传递到首页面.
    前端通过this.$route.query.token获取到token,将其存入cookie,再调用接口通过token获取用户信息。
    前端有请求拦截器,每次请求都会带上token

第四步: 获取accessToken中的appid(每个微信唯一标识), feign调用接口, 通过appid查询ucenter_member这张表是否有存在此appid.

  • 该用户第一次登录:拿着accessToken和appid请求微信相关地址, 得到该用户的名称, 头像等参数. 并将其加入到数据库中. 并生成jwt token, 重定向到前端页面.
return "redirect:http://localhost:3000?token="+jwtToken;
  • 改用户数据库里已经存在, 直接返回token + 重定向.

再次总结:
oauth2是一种协议
OAuth2主要解决二个问题
(1)、开放系统间授权(社交联合登录)。
(2)、分布式访问问题(单点登录)。 令牌机制,按照一定规则生成字符串,包含用户信息。只是一种方案,并没有规定字符串生成细节,可以用JWT也可以用其他规则。
微信扫码登录准备

https://open.weixin.qq.com/connect/qrconnect?appid=APPID&redirect_uri=8160/api/ucenter/wx/callback&response_type=code&scope=snsapi_login&state="atguigu"#wechat_redirect

code的超时时间为10分钟,一个 code 只能成功换取一次access_token即失效。code的临时性和一次保障了微信授权登录的安全性。第三方可通过使用 https 和state参数,进一步加强自身授权登录的安全性。
第二步:扫描同意之后,执行本地的callback方法,在callback获取到二个值,在跳转的时候传递得到即为code和state。

localhost:8160/api/ucenter/wx/callback?code=XXX&state="atguigu"
 在上面方法的response_type=code, 微信会返回授权码code

第三步:拿到code(临时票据)和state,请求微信提供固定地址获取到access_token(访问凭证)和openId(微信唯一标识)
第四步步:拿着access_token 和openId再去请求微信资源服务器,获取用户信息,获取到微信昵称、微信头像等。
用到的技术

1.5、项目管理员登录、注册业务流程

执行流程

使用spring-security 做用户的认证与授权.

认证流程:


我们自己写了个类继承PasswordEncoder, 重写encode和matches 方法. 使用的是md5加密。

授权流程:

用户登出流程:

通过request中的header的token, 获取到token到body到username, 清楚掉redis中username的key.

自定义生成token:TokenManager 类. token 生成,token解析, token过期时间.

⭐微信支付

课程分为免费课程和付费课程,如果是免费课程可以直接观看,如果是付费观看的课程,用户需下

单支付后才可以观看

1、发起生成订单的请求, 我们拿到courseId和HttpServletRequest二个参数, request的header里面携带有token, 我们使用JWt工具类解析出用户id(我们使用jwt生成token时往token的body里面存放了id字段, 所有我们可以解析).根据courseId 和 userId 远程调用获取信息,存到order表里面,使用工具类生成订单id, 返回订单id.
2、前端跳转到订单去支付页面, 通过返回的订单id 调用api, 回显订单信息, 比如课程名称,支付金额 etc.
3、点击去支付, 后台生成微信支付二维码接口,需要商户appId, partnerkey,notifyurl准备条件。微信固定的api. 前端qriously组件解析二维码接口里面的code_url, 生成图片.
4、扫码支付:每隔5秒,通过订单id查询支付状态, 如果status=已支付,后台会将order表的状态改为1(已经支付),同时还会在pay_log表中新增一条记录。前台清除前端定时器,跳转到课程页面。

点击收费课程进入详情页面,点击立即购买会生成订单信息,同时向数据库持久化一条订单记录,点击订单页面的去支付,生成微信二维码,支付,向支付日志表追加记录,回到课程详情页面即可观看。
准备工作:

  • 公众号appId
  • 商户号
  • 商户key
  • 回调地址
    步骤:
    1、根据订单号查询订单信息,得到金额、和购买的课程信息。
    2、使用map设置生成二维码所需参数
    3、发送HttpClient请求,传递参数为xml格式,请求微信支付官方api
    4、 得到发送请求返回结果,包含二维码地址和其他额外支付信息。
    5、前端定时器根据订单号查询支付状态,如果状态为支付成功则向pay_log表中追加记录,修改支付表将字段改为已支付,支付成功跳转到相应页面。支付成功再清楚定时器

🌟 面试题

一、HTTP协议是有状态还是无状态的

1、1定义

Http无状态协议,是指协议对于交互性场景没有记忆能力.

1.2、举个例子

在点击一个纯的html网页,请求获取服务器的html文件资源时,每次http请求都会返回同样的信息,因为这个是没有交互的,每一次的请求都是相互独立的。第一个请求和第二个请求也没有先后顺序,返回处理哪个,结果都是同样的资源页面,因为这种场景是无交互的,无论是什么人请求这个地址,服务器都是返回那个相同的响应。

1.3、具体场景

如在购物网站上买一个书包:

  • 输入用户名登录
  • 选择一款你喜欢的书包加入到购物车中 /cart 用户信息,产品信息
  • 购买支付 /pay 用户信息,商品信息,金额信息

所谓的登录只是验证你是否是一个合法用户,若是合法则跳转到信息的页面,不合法则告知用户名密码错误。但是我们在第一步给服务器发完/login接口后,服务器就忘记了。。。忘记了你这个人,到底有没有经过认证。所以在添加商品时/cart 你还是需要将你的账号密码和商品信息一起提交给 addCart接口,再让服务器做验证。

1.4、总结

上面的无状态是指的,无登录状态,即服务器不知道某个用户是否已登录过了。因为愚蠢的服务器不知道客户端是否已登录过了,所以每次都要在交互场景(会话)中请求中带上上一次的请求信息,如账号、密码。明明只需要在/login接口中,才需要对比数据库中的账号密码和客户端传的是否一致来确定合法性。这下在添加购物车中也需要再一次的进行同样的重复且没有必要的操作,即降低了响应速度,又对用户不友好(因为每次都需要填账号,密码)

二、cookie、session、token

对于http无状态的解决方案:

两种用于保持HTTP状态的技术就应运而生了,一个是 Cookie,而另一个则是Session.

2.1、Cookie

Cookie 是客户端的存储空间,由浏览器来维持。具体来说 cookie 机制采用的是在客户端保持状态的方案

实现过程:

cookie 是一个非常具体的东西,指的就是浏览器里面能永久存储的一种数据,仅仅是浏览器实现的一种数据存储功能。cookie由服务器生成,发送给浏览器,浏览器把cookie以kv形式保存到某个目录下的文本文件内,下一次请求同一网站时会把该cookie发送给服务器。由于cookie是存在客户端上的,所以浏览器加入了一些限制确保cookie不会被恶意使用,同时不会占据太多磁盘空间,所以每个域的cookie数量是有限的

Cookie在客户端是由浏览器来管理的。浏览器能够保证Google只会操作Google的Cookie而不会操作Baidu的Cookie,从而保证用户的隐私安全

Cookie的应用案例:
1、我们在 Cookie 中保存已经登录过的用户信息,下次访问网站的时候页面可以自动帮你登录的一些基本信息给填了。除此之外,Cookie 还能保存用户首选项,主题和其他设置信息。
2、使用 Cookie 保存 SessionId 或者 Token ,向后端发送请求的时候带上 Cookie,这样后端就能取到 Session 或者 Token 了。这样就能记录用户当前的状态了,因为 HTTP 协议是无状态的。
3、Cookie 还可以用来记录和分析用户行为。举个简单的例子你在网上购物的时候,因为 HTTP 协议是没有状态的,如果服务器想要获取你在某个页面的停留状态或者看了哪些商品,一种常用的实现方式就是将这些信息存放在 Cookie。

如何在springBoot中使用cookie呢
https://javaguide.cn/system-design/security/basis-of-authority-certification.html#如何在项目中使用-cookie-呢

2.2、Session

  • Session,中文经常翻译为会话,其本来的含义是指有始有终的一系列动作/消息,比如打电话是从拿起电话拨号到挂断电话这中间的一系列过程可以称之为一个 Session。然而当 Session 一词与网络协议相关联时,它又往往隐含了“面向连接”或“保持状态”这样两个含义。

  • Session 是另一种记录客户状态的机制,不同的是 Cookie 保存在客户端浏览器中,而 Session 保存在服务器上。

  • 客户端浏览器访问服务器的时候,服务器把客户端信息以某种形式记录在服务器上,这就是 Session。客户端浏览器再次访问时,只需要从该 Session 中查找该客户的状态就可以了。

  • 可是session有一个缺陷:如果web服务器做了负载均衡,那么下一个操作请求到了另一台服务器的时候session会丢失(需要用到sessiion共享的知识)。

那么session-Cookie是如何进行身份认证的?
很多时候我们都是通过 SessionID 来实现特定的用户,SessionID 一般会选择存放在 Redis 中。举个例子:

1、用户成功登陆系统,然后返回给客户端具有 SessionID 的 Cookie
2、当用户向后端发起请求的时候会把 SessionID 带上,这样后端就知道你的身份状态了。
具体流程如下:
1、用户向服务器发送用户名、密码、验证码用于登陆系统。
2、服务器验证通过后,服务器为用户创建一个 Session,并将 Session 信息存储起来。
3、服务器向用户返回一个 SessionID,写入用户的 Cookie。
4、当用户保持登录状态时,Cookie 将与每个后续请求一起被发送出去。
5、服务器可以将存储在 Cookie 上的 SessionID 与存储在内存中或者数据库中的Session 信息进行比较,以验证用户的身份,返回给用户客户端响应信息的时候会附带用户当前的状态。
没有cookie的话session还能用吗
一般是通过 Cookie 来保存 SessionID ,假如你使用了 Cookie 保存 SessionID 的方案的话, 如果客户端禁用了 Cookie,那么 Session 就无法正常工作。

但是,并不是没有 Cookie 之后就不能用 Session 了,比如你可以将 SessionID 放在请求的 url 里面https://javaguide.cn/?Session_id=xxx 。这种方案的话可行,但是安全性和用户体验感降低。当然,为了你也可以对 SessionID 进行一次加密之后再传入后端。
为什么cookie无法防止CSRF攻击,而Token可以?
注销登录等场景下token还有效 解决办法
1、token存入内存数据库
2、黑名单机制,redis维护一个黑名单,如果想让某个token失效就直接将该token加入到黑名单即可。然后每次使用token进行请求的话都会先判断该token是否存在于黑名单中。
3、保持令牌的有效期限短并经常轮换。很简单的一种方式。但是,会导致用户登录状态不会被持久记录,而且需要用户经常登录。

对于修改密码后 token 还有效问题的解决还是比较容易的,说一种我觉得比较好的方式:使用用户的密码的哈希值对 token 进行签名。因此,如果密码更改,则任何先前的令牌将自动无法验证。

token的续签问题
1、类似session的做法,快过期了就重新生成token给客户端,客户端每次请求检查新旧token,不一致则更新本地的token。
2、每次请求返回新token。 bad idea
3、用户登录返回两个 token :第一个是 accessToken ,它的过期时间 token 本身的过期时间比如半个小时,另外一个是 refreshToken 它的过期时间更长一点比如为1天。客户端登录后,将 accessToken和refreshToken 保存在本地,每次访问将 accessToken 传给服务端。服务端校验 accessToken 的有效性,如果过期的话,就将 refreshToken 传给服务端。如果有效,服务端就生成新的 accessToken 给客户端。否则,客户端就重新登录即可。该方案的不足是:1) 需要客户端来配合;2) 用户注销的时候需要同时保证两个 token 都无效;3) 重新请求获取 token 的过程中会有短暂 token 不可用的情况(可以通过在客户端设置定时器,当accessToken 快过期的时候,提前去通过 refreshToken 获取新的accessToken)。

2.3、cookie 与session的区别

  • cookie 是一个实际存在的、具体的东西,http 协议中定义在 header 中的字段。
  • Session是另一种记录客户状态的机制,不同的是Cookie保存在客户端浏览器中,而Session保存在服务器上。
  • 客户端浏览器访问服务器的时候,服务器把客户端信息以某种形式记录在服务器上。这就是Session。客户端浏览器再次访问时只需要从该Session中查找该客户的状态就可以了。
  • 如果说Cookie机制是通过检查客户身上的“通行证”来确定客户身份的话,那么Session机制就是通过检查服务器上的“客户明细表”来确认客户身份。Session相当于程序在服务器上建立的一份客户档案,客户来访的时候只需要查询客户档案表就可以了。
  • Cookie 不是很安全,别人可以分析存放在本地的COOKIE并进行COOKIE欺骗,考虑到安全应当使用 Session ;
  • session 传输数据少,数据结构灵活:相较于 cookie 来说,session 存储在服务端,客户端仅保留换取 session 的用户凭证。因此传输数据量小,速度快。
  • session 更安全:检验、生成、验证都是在服务端按照指定规则完成,而 cookie 可能被客户端通过 js 代码篡改。
  • session 的不足:服务器是有状态的。多台后端服务器无法共享 session。解决方法是,专门准备一台 session 服务器,关于 session 的所有操作都交给它来调用。而服务器之间的调用,可以走内网 ip,走 RPC 调用(不走 http)。

2.4、Token

Token是服务端生成的一串字符串,以作客户端进行请求的一个令牌,当第一次登录后,服务器生成一个Token便将此Token返回给客户端,以后客户端只需带上这个Token前来请求数据即可,无需再次带上用户名和密码。

  • token是无状态的,支持移动设备,跨程序调用,安全

基于Token的身份验证的过程如下:

  1. 用户通过用户名和密码发送请求。
  2. 程序验证。
  3. 程序返回一个签名的token 给客户端。
  4. 客户端储存token,并且每次用于每次发送请求。
  5. 服务端验证token并返回数据。

token优点:
1、无状态,token 自身包含了身份验证所需要的所有信息,使得我们的服务器不需要存储 Session 信息,这显然增加了系统的可用性和伸缩性,大大减轻了服务端的压力
2、有效避免CSRF(Cross Site Request Forgery)跨站请求伪造攻击。一般情况下我们使用 JWT 的话,在我们登录成功获得 token 之后,一般会选择存放在 local storage 中。然后我们在前端通过某些方式会给每个发到后端的请求加上这个 token,这样就不会出现 CSRF 漏洞的问题。因为,即使你点击了非法链接发送了请求到服务端,这个非法请求是不会携带 token 的,所以这个请求将是非法的。
3、适合移动设备,因为cookie不适合移动端
4、单点登录友好,分布式情况下session需要共享

2.5、JWT令牌

JWT是token的一种实现。

JWT的组成:


该对象为一个很长的字符串,字符之间通过"."分隔符分为三个子串。

每一个子串表示了一个功能块,总共有以下三个部分:JWT头、有效载荷和签名

JWT头

JWT头部分是一个描述JWT元数据的JSON对象,通常如下所示。在上面的代码中,alg属性表示签名使用的算法,默认为HMAC SHA256(写为HS256);typ属性表示令

{
"alg": "HS256",
"typ": "JWT"
}

牌的类型,JWT令牌统一写为JWT。最后,使用Base64 URL算法将上述JSON对象转换为字符串保存。

有效载荷

有效载荷部分,是JWT的主体内容部分,也是一个JSON对象,包含需要传递的数据。

{
"sub": "1234567890",
"name": "Helen",
"admin": true
}

请注意,默认情况下JWT是未加密的,任何人都可以解读其内容,因此不要构建隐私信息字段,存放保密

信息,以防止信息泄露。

JSON对象也使用Base64 URL算法转换为字符串保存

签名哈希

签名哈希部分是对上面两部分数据签名,通过指定的算法生成哈希,以确保数据不会被篡改。

首先,需要指定一个密码(secret)。该密码仅仅为保存在服务器中,并且不能向用户公开。然后,使用标头中指定的签名算法(默认情况下为HMAC SHA256)根据以下公式生成签名。

HMACSHA256(base64UrlEncode(header) + "." + base64UrlEncode(claims), secret)

在计算出签名哈希后,JWT头,有效载荷和签名哈希的三个部分组合成一个字符串,每个部分用"."分隔,就构成整个JWT对象。

Base64URL算法
如前所述,JWT头和有效载荷序列化的算法都用到了Base64URL。该算法和常见Base64算法类似,稍有
差别。
作为令牌的JWT可以放在URL中(例如api.example/?token=xxx)。 Base64中用的三个字符
是"+","/"和"=",由于在URL中有特殊含义,因此Base64URL中对他们做了替换:"="去掉,"+"用"-"替
换,"/"用"_"替换,这就是Base64URL算法。
替换

JWT原则
JWT的原则是在服务器身份验证之后,将生成一个JSON对象并将其发送回用户,之后,当用户与服务器通信时,客户在请求中发回JSON对象。服务器仅依赖于这个JSON对象来标识用
户。为了防止用户篡改数据,服务器将在生成对象时添加签名。
服务器不保存任何会话数据,即服务器变为无状态,使其更容易扩展。
将header和body结合签名算法+密钥生成的签名与JWT三部分中的签名进行比对,如果不一样说明JSON对象被修改过了。不安全
项目中使用到了JWT工具类,可以设置过期时间,根据id和name设置为荷载以生成token。判断token是否存在与有效可以根据http请求的header取得token获取荷载
前台用户登录之后,首页头像和昵称如何回显?
前端发送请求在header中携带token,后台根据HttpServletRequest获取到header中携带的token,使用JwtUtils解析token字符串。得到荷载中的id,再查数据库即可得到用户全部信息。一句话总结:根据token获取用户信息。

JWT的用法

客户端接收服务器返回的JWT,将其存储在Cookie或localStorage中。

此后,客户端将在与服务器交互中都会带JWT。如果将它存储在Cookie中,就可以自动发送,但是不会

跨域,因此一般是将它放入HTTP请求的Header Authorization字段中。当跨域时,也可以将JWT被放置

于POST请求的数据主体中。

JWT问题与趋势

  • JWT不仅可用于认证,还可用于信息交换。善用JWT有助于减少服务器请求数据库的次数。

  • 生产的token可以包含基本信息,比如id、用户昵称、头像等信息,避免再次查库

  • 存储在客户端,不占用服务端的内存资源

  • JWT默认不加密,但可以加密。生成原始令牌后,可以再次对其进行加密。

  • 当JWT未加密时,一些私密数据无法通过JWT传输。

  • JWT的最大缺点是服务器不保存会话状态,所以在使用期间不可能取消令牌或更改令牌的权限。也就

  • 是说,一旦JWT签发,在有效期内将会一直有效。

  • JWT本身包含认证信息,token是经过base64编码,所以可以解码,因此token加密前的对象不应该

  • 包含敏感信息,一旦信息泄露,任何人都可以获得令牌的所有权限。为了减少盗用,JWT的有效期不宜设置太长。对于某些重要操作,用户在使用时应该每次都进行进行身份验证。

  • 为了减少盗用和窃取,JWT不建议使用HTTP协议来传输代码,而是使用加密的HTTPS协议进行传

输。

2.6、OAuth2

1)介绍:OAuth2是目前最流行的一种授权机制,它的最终目的是为第三方应用颁发一个有时效性的令牌 Token,使得第三方应用能够通过该令牌获取相关的资源。

2)快递员问题:我住在一个小区,小区有门禁系统,进入的时候需要输入密码,我经常网购,每天都有快递员来送货,我必须找到一个办法,让快递员通过门禁系统.

如果我告诉他密码,他就拥有了我同样的权限,好像不太合适。于是

  • 1、门禁系统下面增加一个按钮,叫做获取授权, 快递员需要按这个按钮,去申请授权.
  • 2、按下按钮, 我手机上会跳出谈话框-> 快递员xx正在申请授权.
  • 3、我点击确定, 门禁得到允许, 向快递员显示一个进入小区的令牌(access token). 在有效时间内有效.
  • 4、快递员向门禁系统输入令牌, 进入小区.

有人可能会问,为什么不是远程为快递员开门,而要为他单独生成一个令牌?这是因为快递员可能每天都会来送货,第二天他还可以复用这个令牌。另外,有的小区有多重门禁,快递员可以使用同一个令牌通过它们。

3)互联网场景

首先,居民小区就是储存用户数据的网络服务。比如,微信储存了我的好友信息,获取这些信息,就必须经过微信的"门禁系统"。

其次,快递员(或者说快递公司)就是第三方应用,想要穿过门禁系统,进入小区。

最后,我就是用户本人,同意授权第三方应用进入小区,获取我的数据。

简单说,OAuth 就是一种授权机制。数据的所有者告诉系统,同意授权第三方应用进入系统,获取这些数据。系统从而产生一个短期的进入令牌(token),用来代替密码,供第三方应用使用。

4)令牌与密码区别

(1)令牌是短期的,到期会自动失效,用户自己无法修改。密码一般长期有效,用户不修改,就不会发生变化。

(2)令牌可以被数据所有者撤销,会立即失效。以上例而言,屋主可以随时取消快递员的令牌。密码一般不允许被他人撤销。

(3)令牌有权限范围(scope),比如只能进小区的二号门。对于网络服务来说,只读令牌就比读写令牌更安全。密码一般是完整权限。

OAuth 2.0 是一种授权机制,主要用来颁发令牌(token)

OAuth2 如何解决分布式访问的?
1、登录成功之后,按照一定规则生成字符串,字符串包含用户信息
2、把字符串通过路径传递、或者cookie
3、后面再发请求的时候,每次都带着字符串进行发送,获取字符串,从字符串里面获取用户信息登录。

到这里是不是和token很相似. 对的. jwt是OAuth2的一种具体的实现。

OAuth2 主要解决二个问题:

  • 开放间系统授权
  • 分布式访问问题

2.7、OAuth2的四种方式

  • 授权码(authorization-code)
  • 隐藏式(implicit)
  • 密码式(password)
  • 客户端凭证(client credentials)

以上四种方式, 第三方应用申请令牌,都必须先到系统备案, 说明自己的身份. 然后会拿到二个识别码

客户端ID(client ID) 和 客户端密钥(client secret)

2.7.1、授权码

授权码(authorization code)方式,指的是第三方应用先申请一个授权码,然后再用该码获取令牌。

第一步,A 网站提供一个链接,用户点击后就会跳转到 B 网站,授权用户数据给 A 网站使用。下面就是 A 网站跳转 B 网站的一个示意链接。

OAuth 2.0 的四种方式

三、可能追问的问题

你项目中登录时怎么实现的?


你使用什么方式生成token的*

使用Jwt生成token字符串

Jwt有几部分组成,分别为什么?

三部分组成,分别为:jwt头、有效载荷(用户信息)、签名哈希(防伪标志)

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

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

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

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

系统中都有那些角色?数据库是怎么设计的?前台:会员(学员)

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

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

视频点播是怎么实现的(流媒体你们是怎么实现的)

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

计等。

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

微信支付的流程

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

分布式系统的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不满足

结论:

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

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

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

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

****前端渲染和后端渲染有什么区别

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

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

snowflake 算法:

使用41bit作为毫秒数,10bit作为机器的ID(5个bit是数据中心,5个bit的机器ID),12bit作为毫秒内的流水号(意味着每个节点在每毫秒可以产生 4096 个 ID),最后还有一个符号位,永远是0。64bit 8 byte.
基于新浪、具有自增点策略.

id字段使用主键策略:分布式系统唯一ID生成方案汇总

EasyExcel

Java领域解析、生成Excel比较有名的框架有Apache poi、jxl等。但他们都存在一个严重的问题就是

非常的耗内存。如果你的系统并发量不大的话可能还行,但是一旦并发上来后一定会OOM或

者JVM频繁的full gc。

EasyExcel是阿里巴巴开源的一个excel处理框架,以使用简单、节省内存著称。EasyExcel能大大减

少占用内存的主要原因是在解析Excel时没有将文件数据一次性全部加载到内存中,而是从磁盘上一

行行读取数据,逐个解析。

EasyExcel采用一行一行的解析模式,并将一行的解析结果以观察者的模式通知处理

(AnalysisEventListener)。

IDEA自动生成序列号iD

Perference->Editor->Inspections->Serialization issues->Serializable class without 'serialVersionUUID'

阿里数据库必有三字段

Gmt: 格林威治时间

id , gmt_create, gtm_modified.

text 类型 , 要提出来单独一张表

禁止使用物理外键.

pom

使用maven分模块管理,都会有一个父级项目,pom文件一个重要的属性就是packaging(打包类型),一般来说所有的父级项目的packaging都为pom,packaging默认类型jar类型,如果不做配置,maven会将该项目打成jar包。

@RequestBody 与 @ResponseBody 和 @RequestParam区别

  • @Responsebody注解表示该方法的返回的结果直接写入 HTTP 响应正文中,一般在异步获取数据时使用;
  • 在使用@RequestMapping后,返回值通常解析为跳转路径,加上@Responsebody后返回结果不会被解析为跳转路径,而是直接写入HTTP 响应正文中。例如,异步获取json数据,加上@Responsebody注解后,就会直接返回json数据。
  • @RequestBody注解则是将 HTTP 求正文插入方法中,使用适合的HttpMessageConverter将请求体写入某个对象。
  • @RequestParam用来处理 Content-Typeapplication/x-www-form-urlencoded 编码的内容,Content-Type默认为该属性****。@RequestParam也可用于其它类型的请求,例如:POST、DELETE等请求

ps: @RequestBody 不能被get 使用.

reference doc: POST、GET、@RequestBody和@RequestParam区别

@PathVariable

@PathVariable注解,其用来获取请求路径(url)中的动态参数

@RequestMapping(value = "person/profile/{id}/{name}/{status}")
@ResponseBody
public Person porfile(@PathVariable int id, @PathVariable String name, @PathVariable boolean status) {
    return new Person(id, name, status);
}

项目中使用的异常处理

@RestControllerAdvice + @ExceptionHandler(GuliException.class) 处理特定的异常.

通过日志打印到指定文件中.

Mybatis-plus 只查询指定列

wrapper.select("video_source_id");

Stream流

List<String> videoIdList = eduVideoList.stream().map(EduVideo::getVideoSourceId).filter(Objects::nonNull).collect(Collectors.toList());

SEO: search engine optimization 搜索引擎优化

cms: campaign management system 活动管理系统.

redis 启动

redis-server /usr/local/etc/redis.conf

redis-cli -h 127.0.0.1 -p 6379

什么是RBAC
系统权限控制最常采用的访问控制模型就是 RBAC 模型 。
rbac:Role-Based Access Control 基于角色的访问控制. like persona.
RBAC 认为 “授权”实际上是Who、What、How三元组之间的关系, 也就是Who对What进行How的操作.
本系统的权限设计相关的表如下(一共 5 张表,2 张用户建立表之间的联系):

阿里云OSS

为了解决海量数据存储与弹性扩容,项目中我们采用云存储的解决方案-云计算基础的对象存储服务阿里云OSS.

开通阿里云账号(最好使用支付宝),实名认证,开始对象存储OSS服务,进入 管理控制台

使用OSS,首先创建Bucket,类似一个文件夹.然后获取accesskey,accesssecret.

准备环境

1、申请阿里云账号

2、实名认证

3、开通“对象存储OSS服务”

4、进入管理控制台

开始操作

1、创建Bucket

2、引入公共maven的sdk -->

aliyun-sdk-oss

aliyun-sdk-core

3、配置文件

endpoint、bucketName、accessKeyId、accessKeySecret

我们使用MultipartFile 接受文件

    public String uploadFileAvatar(MultipartFile file) {
        String endpoint = ConstantPropertiesUtils.END_POINT;
        String accessKeyId = ConstantPropertiesUtils.KEY_ID;
        String accessKeySecret = ConstantPropertiesUtils.KEY_SECRET;
        String bucketName = ConstantPropertiesUtils.BUCKET_NAME;
        // 获取文件名。 如果文件名一致会被覆盖
        String uuid =  UUID.randomUUID().toString().replaceAll("-","");
        String objectName = file.getOriginalFilename();
        objectName = uuid+objectName;
        // joda time 得到简易日期格式
        String dataPath = new DateTime().toString("yyyy/MM");
        objectName = dataPath +"/"+ objectName;

        OSS ossClient;
        // 创建OSSClient实例。
        ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret);
        try (InputStream inputStream = file.getInputStream()) {
            ossClient.putObject(bucketName, objectName, inputStream);
        } catch (Exception e) {
            e.printStackTrace();
        }
        String url = "https://" + bucketName + "."+endpoint+"/"+objectName;
        return url;
    }

阿里云vod

视频点播(ApsaraVideo for VoD)是集音视频采集、编辑、上传、自动化转码处理、媒体资源管理、分

发加速于一体的一站式音视频点播解决方案。

  • 用户获取上传授权
  • vod下发 上传地址和凭证以及VideoId
  • 用户上传视频保存地址ID(VideoId)
  • 用户服务端获取播放凭证
  • Vod下发带时效的播放凭证
  • 用户服务端将播放凭证下发给客户端完成视频播放

maven包

Aliyun-java-sdk-vod

Aliyun-java-sdk-core

plus:aliyun-java-vod-upload-1.4.11 并未开源

所以我们使用maven命令在本地仓库安装jar包. 进入到官方demo-lib目录下

mvn install:install-file 
-DgroupId=com.aliyun 
-DartifactId=aliyun-sdk-vod-upload 
-Dversion=1.4.11 
-Dpackaging=jar 
-Dfile=aliyun-java-vod-upload-1.4.11.jar

阿里云短信服务

SMS:short message service 短信服务

调用官方api.

生成短信验证码, 将手机号与短信验证码作为K-V存到Redis. 设置过期时间为5mins.

posted @ 2022-06-19 01:49  能借我十块钱吗  阅读(96)  评论(1编辑  收藏  举报