1.关于Redis集群用法说明

1.1 Redis集群工作原理

原理说明:
Redis的所有节点都会保存当前redis集群中的全部主从状态信息.并且每个节点都能够相互通信.当一个节点发生宕机现象.则集群中的其他节点通过PING-PONG检测机制检查Redis节点是否宕机.当有半数以上的节点认为宕机.则认为主节点宕机.同时由Redis剩余的主节点进入选举机制.投票选举链接宕机的主节点的从机.实现故障迁移.
在这里插入图片描述

1.2 Redis集群宕机的条件

说明:当redis主节点宕机之后.没有从节点进行替补,则整个redis集群崩溃!!!
特点:集群中如果主机宕机,那么从机可以继续提供服务,
当主机中没有从机时,则向其它主机借用多余的从机.继续提供服务.如果主机宕机时没有从机可用,则集群崩溃.
答案:9个redis节点,节点宕机5-7次时集群才崩溃.
在这里插入图片描述

1.2 Redis数据存储的原理(分区)

知识准备:
1.当用户操作redis主机时,从机会自动的实现数据的同步!!! (主从复制)
2.Redis集群搭建的主要的目的2个 1.实现内存扩容 2.可以实现Redis的高可用.
3.redis中的主机所保存的数据都是不相同的!!!.
4.redis集群中的数据存储,不是随机存储,内部有算法的支持. hash槽算法(分区算法)

Redis集群搭建的划分:
在这里插入图片描述

存储的原理:
说明: RedisCluster采用此分区，所有的键根据哈希函数(CRC16[key]%16384)映射到0－16383槽内，共16384个槽位，每个节点维护部分槽及槽所映射的键值数据.根据主节点的个数,均衡划分区间.
算法:哈希函数: Hash()=CRC16[key]%16384

在这里插入图片描述
当向redis集群中插入数据时,首先将key进行计算.之后将计算结果匹配到具体的某一个槽的区间内,之后再将数据set到管理该槽的节点中.
如图-27所示

2 京淘项目前端搭建

2.1 京淘项目分布式项目架构设计

在这里插入图片描述

2.1 构建JT-WEB服务器

2.1.1设计思想

说明:根据分布式的规则.jt-web服务器只负责数据的展现.如果需要后端数据的支持,则需要通过远程访问的形式动态的获取数据.之后将数据通过js填充到页面中即可,实现了前后端分离.
目的: 实现了系统的解耦!!!
注意事项: web项目打包类型: war

2.1.2创建项目

在这里插入图片描述

2.1.3 选择war包

在这里插入图片描述

2.1.4 添加继承/依赖/插件

<parent>
		<groupId>com.jt.huanan</groupId>
		<artifactId>jt</artifactId>
		<version>0.0.1-SNAPSHOT</version>
	</parent>
	
	<!--2.添加依赖 jt-common -->
	<dependencies>
		<dependency>
			<groupId>com.jt.huanan</groupId>
			<artifactId>jt-common</artifactId>
			<version>0.0.1-SNAPSHOT</version>
		</dependency>
	</dependencies>

	<!--3.添加插件 -->
	<!--build是负责项目打包部署 一般将项目开发完成之后,需要进行服务器部署(Linux) -->
	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>
		</plugins>
	</build>

2.1.5添加静态资源文件

复制文件的路径:
在这里插入图片描述
将上述的src文件导入到jt-web项目中即可.

2.1.6关于主启动类的说明

//在jt-web服务器启动时,不会加载数据源的配置.
@SpringBootApplication(exclude=DataSourceAutoConfiguration.class)
public class SpringBootRun {
	
	public static void main(String[] args) {
		
		SpringApplication.run(SpringBootRun.class,args);
	}
}

2.1.7项目访问测试

说明:通过localhost:8092服务器访问jt-web服务器.
在这里插入图片描述

2.1.8配置nginx实现反向代理

说明: 用户通过www.jt.com:80的方式访问localhost:8092服务器.

1).配置hosts文件

	
#配置Linux环境下的服务
#192.168.126.129       image.jt.com
#192.168.126.129       manage.jt.com

# 京淘电商环境
127.0.0.1       image.jt.com
127.0.0.1       manage.jt.com
127.0.0.1       www.jt.com
127.0.0.1       sso.jt.com

2).配置nginx配置文件

#配置jt-web服务器
	server {

		listen 80;
		server_name  www.jt.com;

		location / {

			proxy_pass http://localhost:8092;
		}
	}

配置文件之后,重启nginx服务器即可

3).访问效果
在这里插入图片描述

2.2 关于浏览器https转化问题

说明:个别谷歌浏览器会将http请求默认转化为https请求方式,如果采用https的请求方式,则必然会出现如下的问题.
在这里插入图片描述
解决方案:应该告知谷歌浏览器,禁止将http请求的方式自动转化为https即可.

解决方法:
1).在浏览器地址栏中输入 “chrome://net-internals/#hsts:“
2).编辑谷歌浏览器配置
在这里插入图片描述
3).之后将浏览器缓存清空,之后重启浏览器即可.

2.3用户登陆注册页面跳转

2.3.1 登陆页面跳转的业务说明

说明:当用户点击登陆/注册页面时,应该跳转到指定的页面.
url1:http://www.jt.com/user/register.html
http://www.jt.com/user/login.html

2.3.2 SpringMVC开启后缀类型匹配

@Controller
@RequestMapping("/user")
public class UserController {
	
	/**
	 * 实现页面跳转
	 * 1.http://www.jt.com/user/login.html
	 * 2.要求跳转的页面是 login.jsp
	 * 
	 * 业务说明:一般利用springMVC进行请求拦截时,不会拦截后缀.
	 * 要求: 用户通过www.jt.com/user/login的方式同样可以实现页面跳转.
	 *核心: 告知springMVC框架,要求拦截后缀.
	 */
	
	@RequestMapping("/login")
	public String login() {
		
		return "login";
	}
}

编辑配置类:
在这里插入图片描述

2).开启后缀类型匹配

@Configuration				          //web.xml配置文件
public class MvcConfigurer implements WebMvcConfigurer{
	
	//开启匹配后缀型配置
	@Override
	public void configurePathMatch(PathMatchConfigurer configurer) {
		
		configurer.setUseSuffixPatternMatch(true);
	}
}

2.3.3 利用RestFul实现通用页面跳转

@Controller
@RequestMapping("/user")
public class UserController {
	
	/**
	 * 实现页面跳转
	 * 1.http://www.jt.com/user/login.html
	 * 		                要求跳转的页面是 login.jsp
	 * 3.http://www.jt.com/user/register.html
	 * 				要求跳转的页面是 register.jsp
	 * 	
	 * 
	 * 业务说明:一般利用springMVC进行请求拦截时,不会拦截后缀.
	 * 要求: 用户通过www.jt.com/user/login的方式同样可以实现页面跳转.
	 *核心: 告知springMVC框架,要求拦截后缀.
	 */
	
	@RequestMapping("/{moduleName}")
	public String login(@PathVariable String moduleName) {
		
		return moduleName;
	}
}

3.京淘项目JT-SSO系统创建

3.1创建JT-SSO

3.1.1创建说明

说明:jt-sso主要负责的是用户的相关操作注册/登陆/登出等操作.
打包方式: jar包项目.

3.1.2创建jt-sso项目

在这里插入图片描述

3.1.2选择打包类型

在这里插入图片描述

3.1.3添加继承/依赖/插件

<parent>
		<groupId>com.jt.huanan</groupId>
		<artifactId>jt</artifactId>
		<version>0.0.1-SNAPSHOT</version>
	</parent>
	<!--2.添加依赖 jt-common -->
	<dependencies>
		<dependency>
			<groupId>com.jt.huanan</groupId>
			<artifactId>jt-common</artifactId>
			<version>0.0.1-SNAPSHOT</version>
		</dependency>
	</dependencies>

	<!--3.添加插件 -->
	<!--build是负责项目打包部署 一般将项目开发完成之后,需要进行服务器部署(Linux) -->
	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>
		</plugins>
	</build>

3.2 项目模块创建

3.2.1 User 表定义

在这里插入图片描述

create table tb_user
(
   id                   bigint not null auto_increment,
   username             varchar(50),
   password             varchar(32) comment 'MD5加密',
   phone                varchar(20),
   email                varchar(50),
   created              datetime,
   updated              datetime,
   primary key (id)
);

3.2.1 User POJO创建

@TableName("tb_user")
@Data
@Accessors(chain=true)
public class User extends BasePojo{
	
	@TableId(type=IdType.AUTO)
	private Long id;	//主键自增
	private String username;
	private String password;
	private String phone;
	private String email;	//暂时用电话代替邮箱
	
}

3.2.2 创建UserMapper

	//@Mapper
public interface UserMapper extends BaseMapper<User>{
	
	//java规定: interface不允许直接new对象
}

3.2.3 创建UserService和实现类

	@Service
public class UserServiceImpl implements UserService {
	
	@Autowired
	private UserMapper userMapper;

	@Override
	public List<User> findAll() {
		
		return userMapper.selectList(null);
	}
}

3.2.4 创建UserController

	//是否需要跳转页面   true:@Controller   false:@RestController
@RestController
public class UserController {
	
	@Autowired
	private UserService userService;
	
	
	//测试方法 ,查询所有的用户信息
	@RequestMapping("/findAll")
	public List<User> findAll(){
		
		return userService.findAll();
	}
}

3.2.5 创建主启动类

//标识该启动类是SpringBoot的方式
@SpringBootApplication
@MapperScan("com.jt.mapper") //mapper的包路径 之后根据指定的接口包路径创建代理对象
public class SpringBootRun {
	
	public static void main(String[] args) {
		
		SpringApplication.run(SpringBootRun.class, args);
	}
}

3.2.6 编辑YML配置文件

	server:
  port: 8093
  servlet:
    context-path: /
spring:
  datasource:
    #引入druid数据源
    #type: com.alibaba.druid.pool.DruidDataSource
    driver-class-name: com.mysql.jdbc.Driver
    url: jdbc:mysql://127.0.0.1:3306/jtdb?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=true
    username: root
    password: root

  mvc:
    view:
      prefix: /WEB-INF/views/
      suffix: .jsp
#mybatis-plush配置
mybatis-plus:
  type-aliases-package: com.jt.pojo
  mapper-locations: classpath:/mybatis/mappers/*.xml
  configuration:
    map-underscore-to-camel-case: true

logging:
  level: 
    com.jt.mapper: debug

3.2.7 效果测试

在这里插入图片描述

3.3 用户数据校验说明

3.3.1 业务需求

说明:当用户进行信息注册时,当用户输入完成用户名/手机号之后,需要将用户信息获取之后发送到后端服务器JT-SSO中实现数据的校验, 如果数据库中已经存在该数据,则通知用户,用户名或电话已存在.

3.3.2 如何实现远程数据访问

1.服务器A: www.jt.com
2.服务器B: sso.jt.com
服务器A与服务器B如何通信???
常见方式:
1.httpClient
2.ajax 的跨域访问

3.4 HttpClient

3.4.1 HttpClient说明

HTTP 协议可能是现在 Internet 上使用得最多、最重要的协议了，越来越多的 Java 应用程序需要直接通过 HTTP 协议来访问网络资源。虽然在 JDK 的 java net包中已经提供了访问 HTTP 协议的基本功能，但是对于大部分应用程序来说，JDK 库本身提供的功能还不够丰富和灵活。HttpClient 是 Apache Jakarta Common 下的子项目，用来提供高效的、最新的、功能丰富的支持 HTTP 协议的客户端编程工具包，并且它支持 HTTP 协议最新的版本和建议。HttpClient 已经应用在很多的项目中，比如 Apache Jakarta 上很著名的另外两个开源项目 Cactus 和 HTMLUnit 都使用了 HttpClient。现在HttpClient最新版本为 HttpClient 4.5 .6（2015-09-11）

总结: httpClient是支持http协议的客户端编程工具包.

3.4.2 引入jar包

	<!--添加httpClient jar包 -->
		<dependency>
			<groupId>org.apache.httpcomponents</groupId>
			<artifactId>httpclient</artifactId>
		</dependency>

3.4.2 HttpClient入门案例

案例说明: 要求在jt-web的服务器中,获取jt-sso服务器中的user数据. url请求地址如下:http://localhost:8093/findAll

	public class TestHttpClient {
	
	/**
	 * 目的: jt-web 访问jt-sso获取服务器数据
	 *url:http://localhost:8093/findAll
	 *实现步骤:
	 *	1.新建httpClient工具API对象
	 *	2.确定请求的网址
	 *	3.封装请求方式    get/post/put/delete
	 *	4.发起请求     
	 *	5.判断用户的请求是否正确.
	 *	6.如果请求正确,则获取返回值结果
	 *	
	 *	总结: httpClient相当于在java程序内部内置了一个浏览器.通过http请求协议
	 *   动态获取远程服务器资源. 该用法是一种万能的用法.
	 */
	@Test
	public void testGet() {
		CloseableHttpClient client = HttpClients.createDefault();	//实例化对象
		//String url = "http://localhost:8093/findAll";
		String url = "https://www.baidu.com";
		HttpGet httpGet = new HttpGet(url);
		try {
			CloseableHttpResponse response = client.execute(httpGet);
			//判断状态码信息是否为200
			int status = response.getStatusLine().getStatusCode();
			if(status == 200) {
				System.out.println("客户端请求服务端正常");
				//表示服务端响应正常.
				HttpEntity httpEntity = response.getEntity();	//获取服务端响应数据
				//将实体对象转化为字符串输出.
				String result = EntityUtils.toString(httpEntity,"UTF-8");
				System.out.println(result);
			}else {
				System.out.println("客户端请求服务器异常:"+status);
			}
		} catch (IOException e) {
			
			System.out.println("客户端请求服务器异常");
		}
	}
}

3.4.3 HttpClient程序调用的业务流程

说明:根据图中路径发现使用httpClient的方式调用的层级较多.开发效率低.但是该方法是万能用法.
例如: 自己的项目中需要调用支付宝的接口/微信接口/第三方公司的接口.一般都会使用httpClient.
因为http协议是当下最为主要的通信方式.
在这里插入图片描述

3.5 跨域测试

3.5.1跨域测试A

说明:
域名: http://manage.jt.com/test.html
ajax网址: http://manage.jt.com/test.json
现象:如果域名相同,则可以正确的完成ajax请求,获取返回值结果.

3.5.2跨域测试B

说明:
域名:http://www.jt.com/test.html
ajax网址:ajax网址: http://manage.jt.com/test.json

现象: ajax请求无法正确的获取服务端数据. 请求失败.

3.6 同源策略说明

3.6.1 概念

说明:浏览器出于安全性的考虑,要求请求必须满足同源策略.
规定: 1.请求协议名称 http/https/tcp等
2. 请求网址 manage.jt.com…等
3. 请求的端口 :80
如果上述的三项都一致则满足同源策略.浏览器可以正确的解析ajax请求.并且解析返回值.
如果上述的三项有一项不同则违反了同源策略的规定.这时的请求为跨域请求.浏览器默认条件下不予解析返回值.(除非特殊配置)

3.6.2 同源策略说明

在这里插入图片描述

3.7 JSONP

3.7.1 JSONP介绍

JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的

3.7.2 JSONP原理说明(了解)

1.利用javaScript中的src的开放策略实现跨域

	<script type="text/javascript" src="http://manage.jt.com/test.json"></script>

2.自定义回调函数

	function hello(data){
			alert(data.name);
		}

3.将返回值进行特殊的格式处理
	callback +(ＪＳＯＮ)数据

	hello({"id":"1","name":"tom"})

3.7.3 JQuery实现JSONP跨域访问

	<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSONP测试</title>
<script type="text/javascript" src="http://manage.jt.com/js/jquery-easyui-1.4.1/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){	//让页面加载完成之后 执行.
		alert("测试访问开始!!!!!")
		$.ajax({
			url:"http://manage.jt.com/web/testJSONP",
			type:"get",				//jsonp只能支持get请求
			dataType:"jsonp",       //dataType表示返回值类型
			//jsonp: "callback",    //指定参数名称
			//jsonpCallback: "hello",  //指定回调函数名称
			success:function (data){   //data经过jQuery封装返回就是json串
				alert(data.id);
				alert(data.name);
				//转化为字符串使用
				//var obj = eval("("+data+")");
				//alert(obj.name);
			}	
		});	
	})
</script>
</head>
<body>
	<h1>JSON跨域请求测试</h1>
</body>
</html>

3.7.4JSONP请求格式

在这里插入图片描述

3.7.5 jt-manage实现jsonp跨域

	package com.jt.web.controller;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

/**
 * 该类的主要的作用是实现JSONP跨域访问.
 * @author LYJ
 *
 */
@RestController	//返回的数据要求是json
public class JSONPController {
	/**
	 * 1. 网址:http://manage.jt.com/web/testJSONP?callback=jQuery1111 自动生成自动拼接
	 * 2.返回值的格式要求:  callback(JSON)  规定!!!!!
	 * @return
	 */
	@RequestMapping("/web/testJSONP")
	public String jsonp(String callback) {
		
		String json = "{'name':'jsonp跨域调用成功!!!!!'}";
		return callback + "("+json+")";
	}
}

3.8 JT-WEB跨域访问JT-SSO

3.8.1 业务说明

要求在jt-web服务器向jt-sso发起请求,获取user用户信息.
url地址: http://localhost:8093/findAll

3.8.2 页面JS

	<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSONP测试</title>
<script type="text/javascript" src="http://manage.jt.com/js/jquery-easyui-1.4.1/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){	//让页面加载完成之后 执行.
		alert("测试访问开始!!!!!")
		$.ajax({
			//跨域url地址
			//url:"http://manage.jt.com/web/testJSONP",
			url:"http://localhost:8093/findAll",
			type:"get",				//jsonp只能支持get请求
			dataType:"jsonp",       //dataType表示返回值类型
			//jsonp: "callback",      //指定参数名称
			//jsonpCallback: "hello", //指定回调函数名称
			success:function (data){  //data经过jQuery封装返回就是json串
				console.log(data);
			}	
		});	
	})
</script>
</head>
<body>
	<h1>JSON跨域请求测试</h1>
</body>
</html>

3.8.3 编辑UserController

	//是否需要跳转页面   true:@Controller   false:@RestController
@RestController
public class UserController {
	
	@Autowired
	private UserService userService;
	
	
	//测试方法 ,查询所有的用户信息 
	/*@RequestMapping("/findAll")
	public List<User> findAll(){
		
		return userService.findAll();
	}*/
	
	/*
	 * 利用跨域的形式获取user数据
	 *
	 **/
	/*@RequestMapping("/findAll")
	public String findAll(String callback) {
		
		 List<User> userList = userService.findAll();
		 String json = ObjectMapperUtil.toJSON(userList);
		 return callback+"("+json+")";
	}*/
	
	/**
	 * JSONP 高级用法
	 * @param callback
	 * @return
	 */
	@RequestMapping("/findAll")
	public JSONPObject findAll(String callback) {
		 
		 //业务数据是什么
		 List<User> userList = userService.findAll();
		 return new JSONPObject(callback, userList);
		 //返回之后,可以将jsonpObject对象自动的封装为指定的格式
	}
}

3.9 总结

1.什么是跨域
浏览器解析页面JS,发起的ajax请求.但是该请求违反了同源策略,称之为跨域请求.

2.HttpClient 是万能的请求通讯方式,和浏览器无关. 主要的用途在java代码中发起http请求.

作业

1.通过代码编辑2个页面,发起2个跨域请求. 返回结果并且alert打印输出.
2.work文档总结什么是跨域 ,跨域的种类有多少种(多多益善)
最好简述每种跨域的优点和缺点.

京淘实训Day15-Redis高级用法2-web前端服务器

1.关于Redis集群用法说明

1.1 Redis集群工作原理

1.2 Redis集群宕机的条件

1.2 Redis数据存储的原理(分区)

2 京淘项目前端搭建

2.1 京淘项目分布式项目架构设计

2.1 构建JT-WEB服务器

2.1.1设计思想

2.1.2创建项目

2.1.3 选择war包

2.1.4 添加继承/依赖/插件

2.1.5添加静态资源文件

2.1.6关于主启动类的说明

2.1.7项目访问测试

2.1.8配置nginx实现反向代理

2.2 关于浏览器https转化问题

2.3用户登陆注册页面跳转

2.3.1 登陆页面跳转的业务说明

2.3.2 SpringMVC开启后缀类型匹配

2.3.3 利用RestFul实现通用页面跳转

3.京淘项目JT-SSO系统创建

3.1创建JT-SSO

3.1.1创建说明

3.1.2创建jt-sso项目

3.1.2选择打包类型

3.1.3添加继承/依赖/插件

3.2 项目模块创建

3.2.1 User 表定义

3.2.1 User POJO创建

3.2.2 创建UserMapper

3.2.3 创建UserService和实现类

3.2.4 创建UserController

3.2.5 创建主启动类

3.2.6 编辑YML配置文件

3.2.7 效果测试

3.3 用户数据校验说明

3.3.1 业务需求

3.3.2 如何实现远程数据访问

3.4 HttpClient

3.4.1 HttpClient说明

3.4.2 引入jar包

3.4.2 HttpClient入门案例

3.4.3 HttpClient程序调用的业务流程

3.5 跨域测试

3.5.1跨域测试A

3.5.2跨域测试B

3.6 同源策略说明

3.6.1 概念

3.6.2 同源策略说明

3.7 JSONP

3.7.1 JSONP介绍

3.7.2 JSONP原理说明(了解)

3.7.3 JQuery实现JSONP跨域访问

3.7.4JSONP请求格式

3.7.5 jt-manage实现jsonp跨域

3.8 JT-WEB跨域访问JT-SSO

3.8.1 业务说明

3.8.2 页面JS

3.8.3 编辑UserController

3.9 总结

作业

猜你喜欢