CGB2004-京淘项目Day19

时间:2020-8-23 作者:admin


1.用户模块操作

1.1 用户退出操作

1.1.1 业务需求

CGB2004-京淘项目Day19
当用户点击退出操作时,应该删除Cookie和Redis中的数据.并且重定向到系统首页.

1.1.2 页面URL分析

CGB2004-京淘项目Day19

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 定义接口

CGB2004-京淘项目Day19

2.1.2 编辑业务实现类

CGB2004-京淘项目Day19

2.1.3 编辑YML配置文件

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://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: 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.2 商品详情展现业务说明

2.2.1 页面url跳转

说明:当用户点击商品时,会跳转到商品的详情页面中.其中562379表示商品的ID信息.之后需要通过ID利用RPC通讯向远程服务器获取数据,.之后在页面中展现即可.
CGB2004-京淘项目Day19

2.2.2 编辑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
    private DubboItemService itemService;

    /**
     * 知识点: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 findItemById(@PathVariable Long itemId, Model model){

        //1.远程访问获取商品信息
        Item item = itemService.findItemById(itemId);
        //2.远程访问获取商品描述信息
        ItemDesc itemDesc = itemService.findItemDescById(itemId);
        //3.将数据传到页面中
        model.addAttribute("item",item);
        model.addAttribute("itemDesc",itemDesc);
        return "item";
     }
}

2.2.2 编辑ItemService

package com.jt.web.service;

import com.alibaba.dubbo.config.annotation.Service;
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
public class DubboItemServiceImpl implements DubboItemService {

    @Autowired
    private ItemMapper itemMapper;
    @Autowired
    private ItemDescMapper itemDescMapper;

    @Override
    @CacheFind(key = "ITEM_ID")
    public Item findItemById(Long itemId) {

        return itemMapper.selectById(itemId);
    }

    @Override
    @CacheFind(key = "ITEM_DESC_ID")
    public ItemDesc findItemDescById(Long itemId) {

        return itemDescMapper.selectById(itemId);
    }
}

2.2.3 页面效果展现

CGB2004-京淘项目Day19

3.京淘项目购物车实现

3.1 创建购物车项目

3.1.1 创建购物车项目

CGB2004-京淘项目Day19

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对象

@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.1.4 创建购物车层级代码

CGB2004-京淘项目Day19

3.1.5 编辑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://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: 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.2 购物车列表页面展现

3.2.1 购物车列表页面分析

业务说明:当用户点击购物车按钮时,需要跳转到购物车展现页面cart.jsp中.并且在其中展现购物车列表数据.${cartList}
CGB2004-京淘项目Day19

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 show(Model model){
        //自定义userID 后期维护
        Long userId = 7L;
        List<Cart> cartList = cartService.findCartList(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.jt.mapper.CartMapper;
import com.jt.pojo.Cart;
import org.springframework.beans.factory.annotation.Autowired;

import java.util.List;

@Service
public class DubboCartServiceImpl implements  DubboCartService{

    @Autowired
    private CartMapper cartMapper;

    //根据userId 查询购物车记录
    @Override
    public List<Cart> findCartList(Long userId) {

        QueryWrapper<Cart> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("user_id", userId);
        return cartMapper.selectList(queryWrapper);
    }
}

3.2.4 页面效果展现

CGB2004-京淘项目Day19

3.3 购物车数量修改

3.3.1 页面分析

1).url地址信息
CGB2004-京淘项目Day19
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();
			});
		});

3.3.2 编辑CartController

 /**
     * 业务需求: 修改购物车数量
     * 1.url地址:http://www.jt.com/cart/update/num/562379/8
     * 2.参数:  itemId/num
     * 3.返回值: void
     * 条件: userId = 7 暂时写死.
     */
    @RequestMapping("/update/num/{itemId}/{num}")
    @ResponseBody
    public void updateCartNum(Cart cart){ //restFul中的参数与对象的属性名称一致,可以简化
        //1.获取userId
        Long userId = 7L;
        cart.setUserId(userId);
        cartService.updateCartNum(cart);
    }

3.3.3 编辑CartService

 /**
     * 目的: 修改购物车数量
     * @param cart
     */
    @Override
    public void updateCartNum(Cart cart) {
        //1.晚上自己完成手写sql  注意时间的修改

        Cart cartTemp = new Cart();
        cartTemp.setNum(cart.getNum());
        UpdateWrapper updateWrapper = new UpdateWrapper();
        //根据itemId和userId可以唯一确定购物行为
        updateWrapper.eq("user_id", cart.getUserId());
        updateWrapper.eq("item_id", cart.getItemId());
        cartMapper.update(cartTemp, updateWrapper);
    }

3.4 购物车删除

3.4.1 购物车删除页面说明

说明:当用户点击删除操作时.应该删除jt-cart中的购物车记录. 传递的参数562379 itemId/userId,删除成功之后,应该重定向到购物车列表页面
CGB2004-京淘项目Day19

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){

        //1.动态获取userId
        Long userId = 7L;
        cart.setUserId(userId);
        //2.执行删除业务
        cartService.deleteCart(cart);
        return "redirect:/cart/show.html";
    }

3.4.3 编辑CartService

 //cart对象 {itemId,userId  null....null}
    @Override
    public void deleteCart(Cart cart) {
        //将对象中不为null的元素当做where条件
        cartMapper.delete(new QueryWrapper<>(cart));
    }

3.5 购物车新增业务操作

3.5.1 新增购物车url请求地址

说明:当用户点击新增购物车时,跳转到购物车展现页面.
要求: 当用户重复添加购物车时,只修改购物车数量即可.
CGB2004-京淘项目Day19
参数说明:
CGB2004-京淘项目Day19
页面JS分析:
1).页面HTML标签
加入购物车

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.返回值: 新增购物车完成之后,应该重定向到购物车展现页面
     * 注意事项:  如果用户重复添加购物车则只修改数量即可.
     * 10分钟  A  有思路没写 A- 良好
     */
    @RequestMapping("/add/{itemId}")
    public String saveCart(Cart cart){

        Long userId = 7L;
        cart.setUserId(userId);
        cartService.saveCart(cart);
        return "redirect:/cart/show.html";
    }

3.5.3 编辑CartService

//如果重复添加,则更新数量
    //如何判断是否为重复添加  item_id/user_id
    @Override
    public void saveCart(Cart cart) {

        //1.查询数据 检查是否已经加购
        QueryWrapper<Cart> queryWrapper = new QueryWrapper();
        queryWrapper.eq("user_id", cart.getUserId())
                    .eq("item_id", cart.getItemId());
        Cart cartDB = cartMapper.selectOne(queryWrapper);
        if(cartDB ==null){
            //表示用户第一次新增,直接入库即可
            cartMapper.insert(cart);
        }else{
            //表示用户重复加购 只修改数量
            int num = cartDB.getNum() + cart.getNum();
            //主键充当where条件,对象中其他不为null的属性当做set的值.
            Cart cartTemp = new Cart();
            cartTemp.setId(cartDB.getId())
                    .setNum(num);
            cartMapper.updateById(cartTemp);
            //sql简单  面向对象的方式实现
        }

    }
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。