京淘后端商品管理-Day17

1.用户退出操作

1.1 业务说明

说明:当用户单击退出按钮之后, 页面应该重定向到系统首页,同时删除cookie和redis的登录信息.

1.2 页面分析

说明:当用户点击退出操作之后,应该利用jt-web服务器中的UserController完成该业务.

1.2 编辑jt-web的UserController

/**
	 * 完成用户退出操作
	 * 1.url: http://www.jt.com/user/logout.html
	 * 2.没有传递参数
	 * 3.返回值: string  重定向到系统首页
	 * 业务实现思路:
	 * 	 0.先获取cookie中的数据 NAME=JT_TICKET
	 * 	 1.删除redis中的数据     key-value    key=cookie中的value   
	 * 	 2.删除cookie记录	   根据cookie名称  设置存活时间即可.
	 * 
	 * 注意事项: request对象中只能传递cookie的name和value.不能传递其他数据参数.
	 * 所以如果需要再次操作cookie则最好设定参数,否则可能导致操作失败
	 */
	@RequestMapping("/logout")
	public String  logout(HttpServletRequest request,HttpServletResponse response) {

		Cookie[] cookies = request.getCookies();
		if(cookies !=null && cookies.length >0) {
			for (Cookie cookie : cookies) {
				if("JT_TICKET".equalsIgnoreCase(cookie.getName())) {
					String ticket = cookie.getValue();
					//1.删除redis数据
					jedisCluster.del(ticket);

					//2.删除cookie   立即删除cookie 0  ,  暂时不删,关闭浏览器时删除 -1
					cookie.setDomain("jt.com");
					cookie.setPath("/");
					cookie.setMaxAge(0);
					response.addCookie(cookie);
					break;
				}
			}
		}
		//重定向到系统首页
		return "redirect:/";
	}

2.商品数据展现

2.1 业务描述

当用户看中某一个商品时,点击该商品,应该展现的是商品的详情信息.

2.2 商品页面取值描述item.jsp

2.3 将JT-MANAGE项目改造为Dubbo项目

2.3.1 编辑业务实现类

2.3.2 编辑业务实现类

说明:编辑manage.jt.com的yml配置文件, 注意duubo端口号及dubbo服务名称.

server:
  port: 8091
  servlet:
    context-path: /
spring:
  datasource:
    #引入druid数据源
    #type: com.alibaba.druid.pool.DruidDataSource
    #driver-class-name: com.mysql.cj.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

    
#关于Dubbo配置   
dubbo:
  scan:
    basePackages: com.jt    #指定dubbo的包路径
  application:              #应用名称
    name: provider-item     #一个接口对应一个服务名称
  registry:
    address: zookeeper://192.168.126.129:2181?backup=192.168.126.129:2182,192.168.126.129:2183
  protocol:  #指定协议
    name: dubbo  #使用dubbo协议(tcp-ip)  web-controller直接调用sso-Service
    port: 20881  #每一个服务都有自己特定的端口 不能重复.    

2.3.3 编辑JT-WEB ItemController

	@Controller
@RequestMapping("/items")
public class ItemController {
	
	@Reference(check = false) //启动时暂时不校验提供者
	private DubboItemService itemService;
	
	/**
	 * http://www.jt.com/items/562379.html  跳转到商品页面
	 * ${item.title }  商品信息
	 * ${itemDesc.itemDesc } 商品详情信息
	 * 
	 * 业务说明: 根据商品id查询执行的商品/商品详情信息,之后在页面中展现.
	 * @param itemId
	 * @return
	 */
	@RequestMapping("/{itemId}")
	public String findItemById(@PathVariable Long itemId,Model model) {
		
		Item item = itemService.findItemById(itemId);
		ItemDesc itemDesc = itemService.findItemDescById(itemId);
		model.addAttribute("item", item);
		model.addAttribute("itemDesc", itemDesc);
		return "item";  //item.jsp
	}
}

2.3.4 编辑JT-MANAGE ItemService

	@Service
public class DubboItemServiceImpl implements DubboItemService {
	
	@Autowired
	private ItemMapper itemMapper;
	@Autowired
	private ItemDescMapper itemDescMapper;
	
	@Override
	public Item findItemById(Long itemId) {
		
		return itemMapper.selectById(itemId);
	}
	@Override
	public ItemDesc findItemDescById(Long itemId) {
		
		return itemDescMapper.selectById(itemId);
	}
}

2.3.5 页面效果展现

3 创建购物车项目

3.1 表设计

说明: 通过userID和商品ID标识唯一的购物行为.

3.2编辑Cart pojo对象

	@TableName("tb_cart")
@Data
@Accessors(chain = true)
public class Cart extends BasePojo{
	
	@TableId(type = IdType.AUTO)
	private Long id;
	private Long userId;
	private Long itemId;
	private String itemTitle;
	private String itemImage;
	private Long itemPrice;
	private Integer num;
	  
	
}

3.3 构建jt-cart 服务提供者

3.3.1 创建项目jt-cart

3.3.2 编辑POM.xml文件

说明: 添加继承/依赖/插件

	<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <parent>
    <groupId>com.jt.vip</groupId>
    <artifactId>jt</artifactId>
    <version>0.0.1-SNAPSHOT</version>
  </parent>
  <artifactId>jt-cart</artifactId>
  
  <!--添加依赖  -->
  <dependencies>
		<dependency>
			<groupId>com.jt.vip</groupId>
			<artifactId>jt-common</artifactId>
			<version>0.0.1-SNAPSHOT</version>
		</dependency>
	</dependencies>

	<!--3.添加插件 -->
	<!--负责项目打包 更新 maven操作相关的配置 必须添加 -->
	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>
		</plugins>
	</build>
</project>

3.3.3 编辑YML配置文件

	server:
  port: 8094
  servlet:
    context-path: /
spring:
  datasource:
    #引入druid数据源
    #type: com.alibaba.druid.pool.DruidDataSource
    #driver-class-name: com.mysql.cj.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
    
#关于Dubbo配置   
dubbo:
  scan:
    basePackages: com.jt    #指定dubbo的包路径
  application:              #应用名称
    name: provider-cart     #一个接口对应一个服务名称
  registry:
    address: zookeeper://192.168.126.129:2181?backup=192.168.126.129:2182,192.168.126.129:2183
  protocol:  #指定协议
    name: dubbo  #使用dubbo协议(tcp-ip)  web-controller直接调用sso-Service
    port: 20882  #每一个服务都有自己特定的端口 不能重复.    

3.3.4 定义购物车项目结构

4.购物车列表页面展现

4.1页面分析

1).url分析: 当用户发起请求时应该跳转/cart/show.html页面 将来展现的页面名称为:cart.jsp

4.2 编辑jt-web CartController

	@Controller
@RequestMapping("/cart")
public class CartController {
	
	@Reference(check = false)
	private DubboCartService cartService;
	
	/**
	 * 业务思路: 当用户点击购物车按钮时,应该根据userId查询购物车信息,之后在列表页面中展现.
	 * 页面数据展现:  利用${cartList}展现数据
	 * @return
	 */
	@RequestMapping("/show")
	public String show(Model model) {
		
		//1.获取userId  利用单点登录方式动态获取userID  暂时定死
		Long userId = 7L;
		//2.根据userId查询购物车数据
		List<Cart> cartList = cartService.findCartListByUserId(userId);
		//利用model对象将数据填充到域对象中request域
		model.addAttribute("cartList", cartList);
		return "cart";	//跳转到购物车展现页面
	}
}

4.3 编辑jt-web CartService

	@Service
public class DubboCartServiceImpl implements DubboCartService {
	
	@Autowired
	private CartMapper cartMapper;

	@Override
	public List<Cart> findCartListByUserId(Long userId) {
		
		QueryWrapper<Cart> queryWrapper = new QueryWrapper<>();
		queryWrapper.eq("user_id", userId);
		return cartMapper.selectList(queryWrapper);
	}
}

4.4 编辑jt-web 页面效果展现

5.购物车商品数量的修改

5.1 业务分析

1).页面url分析 /cart/update/num/商品ID/数量

2). 页面JS分析
$(".increment") 代表class选择器. 识别标签元素 class=“increment” 的元素

	$(".increment").click(function(){//＋
			var _thisInput = $(this).siblings("input");  //找到input框
			//_thisInput.val() 获取input框中的元素    
			//eval 进行算数运算
			//_thisInput.val(14);  赋值操作
			_thisInput.val(eval(_thisInput.val()) + 1);
			$.post("/cart/update/num/"+_thisInput.attr("itemId")+"/"+_thisInput.val(),function(data){
				TTCart.refreshTotalPrice();
			});
		});

5.2 编辑jt-web CartController

	/**
	 * 业务需求:  完成购物车更新操作
	 * 1.url地址: http://www.jt.com/cart/update/num/562379/13
	 * 2.请求参数: 562379-itemId  /13-num
	 * 3.返回值结果: void
	 * 
	 */
	@RequestMapping("/update/num/{itemId}/{num}")  
	@ResponseBody
	public void updateCart(Cart cart) { //参数如果和属性名称一致,则可以直接赋值.
		//userId和itemId
		Long userId = 7L;
		cart.setUserId(userId);
		cartService.updateCartNum(cart);
	}

5.3 编辑jt-web CartService

	//update tb_cart set num = #{num},updated = #{updated} where user_id=#{userId} and 
	//item_id =#{itemId}
	@Override
	@Transactional
	public void updateCartNum(Cart cart) {
		Cart cartTemp = new Cart();
		cartTemp.setNum(cart.getNum())
				.setUpdated(cart.getUpdated());
		UpdateWrapper<Cart> updateWrapper = new UpdateWrapper<>();
		updateWrapper.eq("item_id", cart.getItemId())
					 .eq("user_id", cart.getUserId());
		cartMapper.update(cartTemp, updateWrapper);
	}

6.购物车新增

6.1 业务说明

当查询商品之后,点击新增购物车时.应该跳转到购物车展现页面. 之后完成购物车新增操作.
强调:
1.当用户第一次新增购物车时,应该入库保存
2.当用户重复添加时,应该只更新商品的数量.

6.2 编辑jt-web CartController

	/**
	 * url地址:http://www.jt.com/cart/add/562379.html
	 * 参数: 表单数据提交  cart
	 * 返回值: 重定向到购物车展现页面
	 */
	@RequestMapping("/add/{itemId}")
	public String saveCart(Cart cart) {
		
		Long userId = 7L;
		cart.setUserId(userId);
		cartService.saveCart(cart);
		
		return "redirect:/cart/show.html"; //维护伪静态策略
	}

6.3 编辑jt-web CartService

	//1.第一次架构 入库
	//2.第N次架构 更新数据库
	@Override
	@Transactional
	public void saveCart(Cart cart) {
		
		//1.先查询数据库中是否有该记录  itemId和userId
		QueryWrapper<Cart> queryWrapper = new QueryWrapper<Cart>();
		queryWrapper.eq("user_id", cart.getUserId());
		queryWrapper.eq("item_id", cart.getItemId());
		Cart cartDB = cartMapper.selectOne(queryWrapper);
		//cartDB几乎所有的数据都不为null 将来可能被当做条件使用.
		if(cartDB == null) {
			//说明第一次加购
			cart.setCreated(new Date())
				.setUpdated(cart.getCreated());
			cartMapper.insert(cart);
		}else {
			//只更新商品数量
			int num = cart.getNum() + cartDB.getNum();
			/**Cart cartTemp = new Cart();
			cartTemp.setId(cartDB.getId())
					.setNum(num)
					.setUpdated(new Date());
			cartMapper.updateById(cartTemp); //根据主键更新数据库.
			**/
			//自己手动操作Sql
			cartMapper.updateCartNum(cartDB.getId(),num,new Date());
		}
		
	}

作业

1.完成购物车删除操作   执行删除之后应该重定向到购物车首页
2.不使用其他的框架 控制不登录时不允许访问购物车操作   只有登录之后才能访问  权限控制  ------拦截器
3.如何动态的获取userId

来源：oschina

链接：https://my.oschina.net/u/4418565/blog/4439220