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

1.关于Redis集群用法说明

1.1 Redis集群工作原理

原理说明:
Redis的所有节点都会保存当前redis集群中的全部主从状态信息.并且每个节点都能够相互通信.当一个节点发生宕机现象.则集群中的其他节点通过PING-PONG检测机制检查Redis节点是否宕机.当有半数以上的节点认为宕机.则认为主节点宕机.同时由Redis剩余的主节点进入选举机制.投票选举链接宕机的主节点的从机.实现故障迁移.
京淘实训Day15-Redis高级用法2-web前端服务器_第1张图片

1.2 Redis集群宕机的条件

说明:当redis主节点宕机之后.没有从节点进行替补,则整个redis集群崩溃!!!
特点:集群中如果主机宕机,那么从机可以继续提供服务,
当主机中没有从机时,则向其它主机借用多余的从机.继续提供服务.如果主机宕机时没有从机可用,则集群崩溃.
答案:9个redis节点,节点宕机5-7次时集群才崩溃.
京淘实训Day15-Redis高级用法2-web前端服务器_第2张图片

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

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

Redis集群搭建的划分:
京淘实训Day15-Redis高级用法2-web前端服务器_第3张图片
京淘实训Day15-Redis高级用法2-web前端服务器_第4张图片
存储的原理:
说明: RedisCluster采用此分区,所有的键根据哈希函数(CRC16[key]%16384)映射到0-16383槽内,共16384个槽位,每个节点维护部分槽及槽所映射的键值数据.根据主节点的个数,均衡划分区间.
算法:哈希函数: Hash()=CRC16[key]%16384

京淘实训Day15-Redis高级用法2-web前端服务器_第5张图片
当向redis集群中插入数据时,首先将key进行计算.之后将计算结果匹配到具体的某一个槽的区间内,之后再将数据set到管理该槽的节点中.
如图-27所示
京淘实训Day15-Redis高级用法2-web前端服务器_第6张图片

2 京淘项目前端搭建

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

京淘实训Day15-Redis高级用法2-web前端服务器_第7张图片

2.1 构建JT-WEB服务器

2.1.1设计思想

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

2.1.2创建项目

京淘实训Day15-Redis高级用法2-web前端服务器_第8张图片

2.1.3 选择war包

京淘实训Day15-Redis高级用法2-web前端服务器_第9张图片

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添加静态资源文件

复制文件的路径:
京淘实训Day15-Redis高级用法2-web前端服务器_第10张图片
将上述的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服务器.
京淘实训Day15-Redis高级用法2-web前端服务器_第11张图片

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).访问效果
京淘实训Day15-Redis高级用法2-web前端服务器_第12张图片

2.2 关于浏览器https转化问题

说明:个别谷歌浏览器会将http请求默认转化为https请求方式,如果采用https的请求方式,则必然会出现如下的问题.
京淘实训Day15-Redis高级用法2-web前端服务器_第13张图片
解决方案:应该告知谷歌浏览器,禁止将http请求的方式自动转化为https即可.

解决方法:
1).在浏览器地址栏中输入 “chrome://net-internals/#hsts:“
2).编辑谷歌浏览器配置
京淘实训Day15-Redis高级用法2-web前端服务器_第14张图片
3).之后将浏览器缓存清空,之后重启浏览器即可.
京淘实训Day15-Redis高级用法2-web前端服务器_第15张图片

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";
	}
}

编辑配置类:
京淘实训Day15-Redis高级用法2-web前端服务器_第16张图片

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项目

京淘实训Day15-Redis高级用法2-web前端服务器_第17张图片

3.1.2选择打包类型

京淘实训Day15-Redis高级用法2-web前端服务器_第18张图片

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 表定义

京淘实训Day15-Redis高级用法2-web前端服务器_第19张图片

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 效果测试

京淘实训Day15-Redis高级用法2-web前端服务器_第20张图片

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协议是当下最为主要的通信方式.
京淘实训Day15-Redis高级用法2-web前端服务器_第21张图片

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 同源策略说明

京淘实训Day15-Redis高级用法2-web前端服务器_第22张图片

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 +(JSON)数据
	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请求格式

京淘实训Day15-Redis高级用法2-web前端服务器_第23张图片

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 findAll(){
		
		return userService.findAll();
	}*/
	
	/*
	 * 利用跨域的形式获取user数据
	 *
	 **/
	/*@RequestMapping("/findAll")
	public String findAll(String callback) {
		
		 List 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文档 总结什么是跨域 ,跨域的种类有多少种(多多益善)
最好简述 每种跨域的优点和缺点.

你可能感兴趣的:(实训,redis,java)