81--JT项目19(商品购物车/详情/用户退出)
1.用户模块操作
1.1 用户退出操作
1.1.1 业务需求
当用户点击退出操作时,应该删除Cookie和Redis中的数据.并且重定向到系统首页.
1.1.2 页面URL分析
1.1.3 编辑UserController
/**
* 实现用户退出操作
* url:http://www.jt.com/user/logout.html
* 返回值: 重定向到系统首页.
* 目的: 删除redis. 删除Cookie
* 前提: 需要获取cookie的key和value
*/
@RequestMapping("/logout")
public String logout(HttpServletRequest request,HttpServletResponse response){
String jtTicket = null;
//1.如何获取cookie中的数据?
Cookie[] cookies = request.getCookies();
//2.校验Cookie数据是否为null
if(cookies !=null && cookies.length>0){
for(Cookie cookie : cookies){
if(TICKET.equalsIgnoreCase(cookie.getName())){
jtTicket = cookie.getValue();
//业务需要提前删除Cookie
cookie.setMaxAge(0);
cookie.setPath("/");
cookie.setDomain("jt.com");
response.addCookie(cookie);
break;
}
}
}
//2.校验数据是否有效
if(!StringUtils.isEmpty(jtTicket)){
//如果数据不为null,则开始执行退出操作.
jedisCluster.del(jtTicket); //根据key,删除Redis中的记录
//删除cookie.
}
return "redirect:/";
}
1.2 编辑Cookie工具API
1.2.1关于API说明
说明:cookie工具API可以提供新增Cookie/删除Cookie/根据Cookie名称获取Cookie对象的操作.
位置:在jt-common中编辑
1.2.2编辑工具API
package com.jt.util;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class CookieUtil {
//1.新增cookie
public static void addCookie(String name, String value, String path, String domain, int maxAge, HttpServletResponse response){
//校验自己完成
Cookie cookie = new Cookie(name,value);
cookie.setPath(path);
cookie.setDomain(domain);
cookie.setMaxAge(maxAge);
response.addCookie(cookie);
}
//2.删除Cookie 0 -1 用枚举类型优化一下
public static void deleteCookie(String name, String path, String domain, HttpServletResponse response){
//校验自己完成
Cookie cookie = new Cookie(name,"");
cookie.setPath(path);
cookie.setDomain(domain);
cookie.setMaxAge(0); //后期维护使用枚举
response.addCookie(cookie);
}
//3.根据Cookie的name属性获取Cookie对象
public static Cookie getCookieByName(HttpServletRequest request,String name){
Cookie[] cookies = request.getCookies();
if(cookies !=null && cookies.length>0){
for(Cookie cookie : cookies){
if(name.equalsIgnoreCase(cookie.getName())){
return cookie;
}
}
}
return null;
}
}
1.2.3 重构cookie删除操作
/**
* 实现用户退出操作
* url:http://www.jt.com/user/logout.html
* 返回值: 重定向到系统首页.
* 目的: 删除redis. 删除Cookie
* 前提: 需要获取cookie的key和value
*/
@RequestMapping("/logout")
public String logout(HttpServletRequest request,HttpServletResponse response){
Cookie cookie = CookieUtil.getCookieByName(request,TICKET);
//1.校验cookie中是否有记录
if(cookie != null){
String jtTicket = cookie.getValue();
if(!StringUtils.isEmpty(jtTicket)){
//删除Redis数据
jedisCluster.del(jtTicket);
//删除cookie
CookieUtil.deleteCookie(TICKET, "/", "jt.com", response);
}
}
return "redirect:/";
}
2.Dubbo框架实现商品详情展现
2.1 JT-MANAGER改造.
2.1.1 定义接口
2.1.2 编辑业务实现类
说明:service注解要导入dubbo的包
2.1.3 编辑YML配置文件
server:
port: 8091
servlet:
context-path: /
spring:
datasource:
#引入druid数据源
#type: com.alibaba.druid.pool.DruidDataSource
#driver-class-name: com.mysql.jdbc.Driver
#url: jdbc:mysql://192.168.126.129:8066/jtdb?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=true
url: jdbc:mysql://127.0.0.1:3306/jtdb?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=true
username: root
password: 1234
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的包路径 扫描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.2 商品详情展现业务说明
2.2.1 页面url跳转
说明:当用户点击商品时,会跳转到商品的详情页面中.其中562379表示商品的ID信息.之后需要通过ID利用RPC通讯向远程服务器获取数据,.之后在页面中展现即可.由于通过id直接传值,所以适合restful风格
2.2.2 编辑jt-web中ItemController
package com.jt.controller;
import com.alibaba.dubbo.config.annotation.Reference;
import com.jt.pojo.Item;
import com.jt.pojo.ItemDesc;
import com.jt.service.DubboItemService;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
//需要跳转页面
@Controller
public class ItemController {
@Reference(check = false)
private DubboItemService dubboItemService;
/**
* 知识点:1.mvc页面跳转机制 2.restFul 3.jsp页面取值写法 4.dubbo
* 需求: 根据商品的id查询商品的信息(item/itemdesc)
* url地址:http://www.jt.com/items/562379.html
* 参数: 商品id
* 页面取值要求: ${item.title } ${itemDesc.itemDesc }
* 返回值: 页面逻辑名称 item
*/
@RequestMapping("/items/{itemId}")
public String queryItem(@PathVariable("itemId") Long itemId, Model model){
//1.远程访问获取商品信息
Item item= dubboItemService.queryItemById(itemId);
//2.远程访问获取商品描述信息
ItemDesc itemDesc =dubboItemService.queryItemDescById(itemId);
//3.将数据传到页面中
model.addAttribute("item",item);
model.addAttribute("itemDesc",itemDesc);
return "item";
}
}
2.2.2 编辑jt-manager中web下DubboItemServiceImpl
package com.jt.web.service;
import com.alibaba.dubbo.config.annotation.Service;
import com.jt.annotation.CacheFind;
import com.jt.mapper.ItemDescMapper;
import com.jt.mapper.ItemMapper;
import com.jt.pojo.Item;
import com.jt.pojo.ItemDesc;
import com.jt.service.DubboItemService;
import org.springframework.beans.factory.annotation.Autowired;
@Service //导入dubbo的包
public class DubboItemServiceImpl implements DubboItemService {
@Autowired
private ItemMapper itemMapper;
@Autowired
private ItemDescMapper itemDescMapper;
@Override
@CacheFind(key="ITEM_ID")
public Item queryItemById(Long itemId) {
Item item = itemMapper.selectById(itemId);
return item;
}
@Override
@CacheFind(key="ITEM_DESC_ID")
public ItemDesc queryItemDescById(Long itemId) {
ItemDesc itemDesc = itemDescMapper.selectById(itemId);
return itemDesc;
}
}
2.2.3 页面效果展现
3.京淘项目购物车实现
3.1 创建购物车项目
3.1.1 创建购物车项目
3.1.2 添加继承/依赖/插件
<?xml version="1.0" encoding="UTF-8"?>
<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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<parent>
<artifactId>jt</artifactId>
<groupId>com.jt</groupId>
<version>1.0-SNAPSHOT</version>
</parent>
<modelVersion>4.0.0</modelVersion>
<artifactId>jt-cart</artifactId>
<!--添加依赖-->
<dependencies>
<dependency>
<groupId>com.jt</groupId>
<artifactId>jt-common</artifactId>
<version>1.0-SNAPSHOT</version>
</dependency>
</dependencies>
<!-- maven项目指定的插件配置 该插件主要负责 maven项目相关操作 打包/test/clean/update等相关maven操作 注意事项:但凡是maven项目则必须添加
插件.否则将来项目部署必然出错 -->
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
</project>
3.1.3 编辑Cart POJO对象
package com.jt.pojo;
//购物车对象
@TableName("tb_cart")
@Data
@AllArgsConstructor
@NoArgsConstructor
@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.1.4 创建购物车层级代码
3.1.5 编辑YML配置文件
server:
port: 8094
servlet:
context-path: /
spring:
datasource:
#引入druid数据源
#type: com.alibaba.druid.pool.DruidDataSource
#driver-class-name: com.mysql.jdbc.Driver
#url: jdbc:mysql://192.168.126.129:8066/jtdb?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=true
url: jdbc:mysql://127.0.0.1:3306/jtdb?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=true
username: root
password: 1234
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的包路径 扫描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.2 购物车列表页面展现
3.2.1 购物车列表页面分析
业务说明:当用户点击购物车按钮时,需要跳转到购物车展现页面cart.jsp中.并且在其中展现购物车列表数据.${cartList},说明返回的是一个list集合,绑定到model中
3.2.2 编辑CartController
package com.jt.controller;
import com.alibaba.dubbo.config.annotation.Reference;
import com.jt.pojo.Cart;
import com.jt.service.DubboCartService;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import java.util.List;
//由于需要返回页面的逻辑名称所以使用
@Controller
@RequestMapping("/cart")
public class CartController {
@Reference(check = false)
private DubboCartService cartService;
/**
* 1.购物车列表数据展现
* url: http://www.jt.com/cart/show.html
* 参数: 无
* 返回值: cart 页面逻辑名称
* 页面取值数据: ${cartList}
* 核心业务流程: 根据userId查询购物车记录. userId = 7L;
*/
@RequestMapping("/show")
public String cartList(Model model){
Long userId =7L;
List<Cart> cartList =dubboCartService.findCartListByUserId(userId);
model.addAttribute("cartList",cartList);
return "cart";
}
}
3.2.3 编辑CartService
package com.jt.service;
import com.alibaba.dubbo.config.annotation.Service;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.core.conditions.update.UpdateWrapper;
import com.jt.mapper.CartMapper;
import com.jt.pojo.Cart;
import org.springframework.beans.factory.annotation.Autowired;
import java.util.List;
@Service //使用的是dubbo的注解
public class DubboCartServiceImpl implements DubboCartService {
@Autowired
private CartMapper cartMapper;
//根据userId 查询购物车记录
@Override
public List<Cart> findCartListByUserId(Long userId) {
QueryWrapper<Cart> queryWrapper = new QueryWrapper<>();
queryWrapper.eq("user_id",userId);
List<Cart> cartList = cartMapper.selectList(queryWrapper);
return cartList;
}
}
3.2.4 页面效果展现
3.3 购物车数量修改
3.3.1 页面分析
1).url地址信息
通过对url的分析,可以得知,使用restful分格实现页面的请求
2).页面JS
$(".increment").click(function(){//＋
var _thisInput = $(this).siblings("input");
_thisInput.val(eval(_thisInput.val()) + 1);
$.post("/cart/update/num/"+_thisInput.attr("itemId")+"/"+_thisInput.val(),function(data){
TTCart.refreshTotalPrice();
});
});
1234567
3.3.2 编辑CartController
/**
* 修改购物车商品数量
* url请求地址:http://www.jt.com/cart/update/num/562379/8
* 参数 itemId/num
* 返回值 void
* 条件 userId =7l;
*/
@RequestMapping("/update/num/{itemId}/{itemNum}")
@ResponseBody
//public void updateCartNum(@PathVariable("itemId") Long itemId,@PathVariable("itemNum") Integer itemNum){
public void updateCartNum(Cart cart){//restFul中的参数与对象的属性名称一致,可以简化
//获取用户id
Long userId =7L;
cart.setUserId(userId);
dubboCartService.updateCatNum(cart);
}
3.3.3 编辑CartService
//修改购物车数量
@Override
public void updateCatNum(Cart cart) {
Cart cart1 = new Cart();
cart1.setNum(cart.getNum());
UpdateWrapper<Cart> updateWrapper = new UpdateWrapper<>();
//根据itemId和userId确定唯一购物
updateWrapper.eq("user_id",cart.getUserId()).eq("item_id",cart.getItemId());
cartMapper.update(cart1,updateWrapper);
}
3.4 购物车删除
3.4.1 购物车删除页面说明
说明:当用户点击删除操作时.应该删除jt-cart中的购物车记录. 传递的参数562379 itemId/userId,删除成功之后,应该重定向到购物车列表页面
3.4.2 编辑CartController
/**
* 删除购物车
* 1.url地址:http://www.jt.com/cart/delete/562379.html
* 2.参数:itemId
* 3.返回值: 重定向到购物车列表页面
*/
@RequestMapping("/delete/{itemId}")
public String deleteCart(Cart cart){
//动态获取userId;
Long userId =7L;
cart.setUserId(userId);
//执行删除业务
dubboCartService.deleteCart(cart);
return "redirect:/cart/show.html";
}
3.4.3 编辑CartService
//删除购物车
@Override
public void deleteCart(Cart cart) {
//将对象中不为null的对象作为where条件
cartMapper.delete(new QueryWrapper<Cart>());
}
3.5 购物车新增业务操作
3.5.1 新增购物车url请求地址
说明:当用户点击新增购物车时,跳转到购物车展现页面.
要求: 当用户重复添加购物车时,只修改购物车数量即可.这就意味着我们必须先要根据id进行查询,看看是否存在已经加购的商品,如果没有则直接插入,如果已经架构,则只需要改变购物车商品的数量即可
参数说明:通过表单提交,
页面JS分析:
1).页面HTML标签
<a class="btn-append " id="InitCartUrl" onclick="addCart();" clstag="shangpin|keycount|product|initcarturl">加入购物车<b></b></a>
2).页面JS
//利用post传值 为以后扩展做好准备
function addCart(){
var url = "http://www.jt.com/cart/add/${item.id}.html";
document.forms[0].action = url; //js设置提交链接
document.forms[0].submit(); //js表单提交
}
3).定义form表单
<form id="cartForm" method="post">
<input class="text" id="buy-num" name="num" value="1" onkeyup="setAmount.modify('#buy-num');"/>
<input type="hidden" class="text" name="itemTitle" value="${item.title }"/>
<input type="hidden" class="text" name="itemImage" value="${item.images[0]}"/>
<input type="hidden" class="text" name="itemPrice" value="${item.price}"/>
</form>
3.5.2 编辑CartController
/**
* 业务需求: 完成购物车新增
* 1.url地址:http:/ /www. jt. com/cart/add/562379. htmL
* 2.参数:整 合cart的form表单
* 3. 返回值:新增购物车完成之后,应该重定向到购物车展现页面
* 注意事项:如果用户重复添加购物车则只修改数量即可.
*/
@RequestMapping("/add/{itemId}")
public String addCart(Cart cart){
//新增购物车的时候,需要根据用户的id进行
Long userId = 7L;
cart.setUserId(userId);
dubboCartService.addCart(cart);
return "redirect:/cart/show.html";
}
}
3.5.3 编辑CartService
//新增购物车
//如果重复添加,则更新数量
//如何判断为是否为重复添加?根据user_id/item_id
@Override
public void addCart(Cart cart) {
//先要查询用户是否已经加购
QueryWrapper<Cart> queryWrapper = new QueryWrapper<>();
queryWrapper.eq("item_id",cart.getItemId())
.eq("user_id",cart.getUserId());
Cart cartDB = cartMapper.selectOne(queryWrapper);
if (cartDB==null){
//表示用户第一次新增购物车,
cartMapper.insert(cart);
}else {
//表示重复加购,只做数量的修改
Cart cart1 = new Cart();
//如果用户已经加入过购物车,则需要在原有数量的基础上进行数量修改
cart1.setNum(cartDB.getNum()+cart.getNum()).setId(cartDB.getId());
//主键充当where条件,对象中其他不为null的属性当作set的值
cartMapper.updateById(cart1);
//sql
}
}
