谷粒商城基础篇
Feign远程调用
先将服务加入nacos注册中心
1)、引入open-feign
2)、编写一个接口,告诉SpringCloud这个接口需要调用远程服务
1、声明接口的每一个方法都是调用哪个远程服务的哪个请求
3)、开启远程调用功能
以gulimall-member
调用gulimall-coupon
为例
gulimall-coupon:
1)导包
2)controller
3)主启动类加上开启feign注解
gulimall-member
1)导包
2)编写接口,接口的方法与coupon被调用方法一致,路径写全
3)同调用serverice一致
4)主启动类加上注解
basepackage表明远程调用方法所在的包
远程调用不必保证收发双方传输对象一致,@RequestBody注解会将传输数据转换为json,只需要保证json中含有该数据即可
Nacos作为配置中心
一、基本操作
1、引入依赖
2、创建一个bootstrap.properties
spring.application.name=gulimall-coupon
spring.cloud.nacos.config.server-addr=127.0.0.1:8848
3、需要给配置中心默认添加一个叫数据集(Data Id)gulimall-coupon.properties。默认规则,
应用名.properties
4、给应用名.properties添加任何配置
5、动态获取配置。
@RefresScope:动态获取并刷新配置
@Value("${配置项的名}"):获取到配置
如果配置中心和当前应用的配置文件中都配置了相同的项,优先使用配置中心的配置。
二、细节
1)、命名空间:配置隔离
默认:public(保留空间);默认新增的所有配置都在public空间。
1、开发,测试,生产:利用命名空间来做环境隔离。
注意:在bootstrap.properties;配置上,需要使用哪个命名空间下的配置,
spring.cloud.nacos.config.namespace=…
2、每一个微服务之间互相隔离配置,每一个微服务都创建自己的命名空间,只加载自己命名空间下的所有配置
2)、配置集:所有的配置的集合
3)、配置集ID:类似文件名
Data ID:类似文件名
4)、配置分组:
默认所有的配置集都属于:DEFAULT_GROUP;
每个微服务创建自己的命名空间,使用配置分组区分环境,dev,test,prod
三、同时加载多个配置集合
1)、微服务任何配置信息,任何配置文件都可以放在配置中心中
2)、只需要在bootstrap.properties说明加载配置中心中哪些配置文件即可
3)、@Value,@ConfigurationProperties。。。。。。。
以前SpringBoot任何方法从配置文件中获取值,都能使用
配置中心有的优先使用配置中心中的。
网关
1、开启服务注册发现
配置nacos的注册中心地址
2、引入配置中心,文件命名为bootstrap.properties
3、网关配置拦截请求
请求路径的配置规则(https://docs.spring.io/spring-cloud-gateway)
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2dA3z6Xu-1638931880320)(C:\Users\Gyf\AppData\Roaming\Typora\typora-user-images\image-20211127153317175.png)]
前端基础
var与let的作用域
<script>
//var 声明的变量往往会越狱
//let 声明的变量有严格局部作用域
{
var a = 1;
let b = 2;
}
console.log(a); //1
console.log(b); //
</script>
详见前端开发笔记
前端网关调用后台模块
在前端 “项目名\static\config\index.js”中配置后台网关路径
gulimall-gateway模块:
RewritePath通过前端发送的/api重写为/rennren-fast,在nacos中寻找到renren-fast的路径,路由成功
没有RewritePath,路径将会是
没有网关会发生什么
没有网关,前端要写完整的路径,每一个模块都要写相应的端口号
跨域问题
跨域:指的是浏览器不能执行其他网站的脚本。它是有浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。
报此错误需要解决跨域问题
nginx跨域开发较复杂
解决方案
服务器响应允许跨域即可
gulimall-gateway统一配置解决跨域
package com.atguigu.gulimall.gateway.config;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.reactive.CorsConfigurationSource;
import org.springframework.web.cors.reactive.CorsWebFilter;
import org.springframework.web.cors.reactive.UrlBasedCorsConfigurationSource;
@Configuration
public class GulimallCorsConfiguration {
@Bean
public CorsWebFilter corseWebFilter() {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
CorsConfiguration corsConfiguration = new CorsConfiguration();
//1.配置跨域
corsConfiguration.addAllowedHeader("*");
corsConfiguration.addAllowedMethod("*");
corsConfiguration.addAllowedOrigin("*");
corsConfiguration.setAllowCredentials(true);
source.registerCorsConfiguration("/**",corsConfiguration);
return new CorsWebFilter(source);
}
}
Mybatis-plus逻辑删除
逻辑删除区别于物理删除,物理删除是将对应行数据删除,物理删除是将设置为@TableLogic的字段设置为1或0
OSS对象存储实现
1.图片经过服务端上传到OSS
一、阿里云创建OSS Bucket,创建accesskey子账号,生成id和secret
二、pom.xml导包
<dependency>
<groupId>com.alibaba.cloud</groupId>
<artifactId>spring-cloud-starter-alicloud-oss</artifactId>
</dependency>
三、yml配置
spring:
cloud:
alicloud:
access-key: LTAI5tXXXXXXXXXXXkBx
secret-key: GYGuexxxxxxxxxxxxxfwY
oss:
endpoint: oss-cnxxxxxxxxs.com
nacos oss.yml配置中心
四、文件上传
@Resource
OSSClient ossClient;
@Test
public void testUpload() throws FileNotFoundException {
InputStream inputStream = new FileInputStream("D:\\Pictures\\杂七杂八\\tea.jpg");
ossClient.putObject("gulimall-gyf","tea.jpg",inputStream);//bucket名称 图片名称
//关闭OSSClient
ossClient.shutdown();
System.out.println("上传完成...");
}
2.服务端签名后直传
后端请求返回policy
package com.atguigu.gulimall.thirdparty.controller;
import com.aliyun.oss.OSS;
import com.aliyun.oss.OSSClient;
import com.aliyun.oss.OSSClientBuilder;
import com.aliyun.oss.common.utils.BinaryUtil;
import com.aliyun.oss.model.MatchMode;
import com.aliyun.oss.model.PolicyConditions;
import com.atguigu.common.utils.R;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import javax.annotation.Resource;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.LinkedHashMap;
import java.util.Map;
@RestController
public class OssController {
@Resource
OSS ossClient;
@Value("${spring.cloud.alicloud.oss.endpoint}")
private String endpoint;
@Value("${spring.cloud.alicloud.oss.bucket}")
private String bucket;
@Value("${spring.cloud.alicloud.access-key}")
private String accessId;
@RequestMapping("/oss/policy")
public R policy() {
String host = "https://" + bucket + "." + endpoint; // host的格式为 bucketname.endpoint
// callbackUrl为上传回调服务器的URL,请将下面的IP和Port配置为您自己的真实信息。
// String callbackUrl = "http://88.88.88.88:8888";
String format = new SimpleDateFormat("yyyy-MM-dd").format(new Date());
String dir = format+"/"; // 用户上传文件时指定的前缀。
Map<String, String> respMap = null;
// 创建OSSClient实例。
try {
long expireTime = 30;
long expireEndTime = System.currentTimeMillis() + expireTime * 1000;
Date expiration = new Date(expireEndTime);
// PostObject请求最大可支持的文件大小为5 GB,即CONTENT_LENGTH_RANGE为5*1024*1024*1024。
PolicyConditions policyConds = new PolicyConditions();
policyConds.addConditionItem(PolicyConditions.COND_CONTENT_LENGTH_RANGE, 0, 1048576000);
policyConds.addConditionItem(MatchMode.StartWith, PolicyConditions.COND_KEY, dir);
String postPolicy = ossClient.generatePostPolicy(expiration, policyConds);
byte[] binaryData = postPolicy.getBytes("utf-8");
String encodedPolicy = BinaryUtil.toBase64String(binaryData);
String postSignature = ossClient.calculatePostSignature(postPolicy);
respMap = new LinkedHashMap<String, String>();
respMap.put("accessid", accessId);
respMap.put("policy", encodedPolicy);
respMap.put("signature", postSignature);
respMap.put("dir", dir);
respMap.put("host", host);
respMap.put("expire", String.valueOf(expireEndTime / 1000));
} catch (Exception e) {
// Assert.fail(e.getMessage());
System.out.println(e.getMessage());
} finally {
ossClient.shutdown();
}
return R.ok().put("data",respMap);
}
}
前端点击上传文件,先请求后台获取签名
接着链接携带dataObj签名数据到阿里云OSS,需要设置跨域访问
前端提交给后台的数据校验
使用JSR303
1)、给Bean添加校验注解:javax.validation.constrains,并定义自己的message提示
2)、对controller方法开启校验功能@Valid
效果:校验错误以后会有默认的响应
3)、给校验的bean后紧跟一个BindingResult,就可以获取到校验的结果
4)、分组校验,给校验注解标注什么情况进行校验
@NotBlank(message = "品牌名必须提交",groups = {AddGroup.class, UpdateGroup.class})
5)、自定义校验
不声明BindingResult,错误将向上抛出
统一异常处理
方法的BindingResult注掉。
声明一个类,加上@ControllerAdvice
注解,basePackage表明处理哪个包下的异常
@ExceptionHandler
表明处理哪一类异常
JSR303分组校验
1、创建分组接口
2、对controller方法指定分组
3、对Entity字段指定分组
4、不符合要求的字段抛出异常,给标有@ControllerService类统一异常处理
自定义校验
1、编写自定义校验注解
2、编写一个自定义校验器
3、关联自定义校验器和自定义校验注解,可以指定多个校验器
Vue父子组件传递
attribute.vue引用了category.vue
点击category组件,传递给当前的attribute
被点击的组件使用$emit(),向引用的组件发送数据
模块Feign远程调用可以选择是否经过网关
枚举方式获取条件码
package com.atguigu.common.constant;
public class WareConstant {
public enum PurchaseStatusEnum {
CREATED(0,"新建"),ASSIGNED(1,"已分配"),
RECEIVED(2,"已领取"),FINISHED(3,"已完成"),
HASEERROE(4,"有异常");
private int code;
private String msg;
PurchaseStatusEnum(int code,String msg) {
this.code = code;
this.msg = msg;
}
public int getCode() {
return code;
}
public String getMsg() {
return msg;
}
}
public enum PurchaseDetailStatusEnum {
CREATED(0,"新建"),ASSIGNED(1,"已分配"),
BUYING(2,"正在采购"),FINISHED(3,"已完成"),
HASEERROE(4,"采购失败");
private int code;
private String msg;
PurchaseDetailStatusEnum(int code,String msg) {
this.code = code;
this.msg = msg;
}
public int getCode() {
return code;
}
public String getMsg() {
return msg;
}
}
}