乐趣区

关于java:购物车模块实现

jiezi

创立服务提供者

创立我的项目 CART

增加继承 / 依赖 / 插件 

 <!--2. 增加依赖信息 -->
    <dependencies>
        <!-- 依赖本质依赖的是 jar 包文件 -->
        <dependency>
            <groupId>com.jt</groupId>
            <artifactId>jt-common</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
    </dependencies>

    <!--3. 增加插件 -->
    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

编辑 POJO 对象 

@TableName("tb_cart")
@Data
@Accessors(chain = true)
public class Cart extends BasePojo{  // 应用包装类型

    @TableId(type = IdType.AUTO)
    private Long id;
    private Long uesrId;        // 用户 ID 号
    private Long itemId;        // 商品 ID 号
    private String itemTitle;   // 商品题目
    private String itemImage;   // 图片
    private Long itemPrice;     // 商品价格
    private Integer num;        // 商品数量

}

编辑 CartService

cart 代码构造

购物车列表页面展示

页面 url 剖析

阐明：当用户点击购物车按钮时，须要跳转到购物车展示页面 cart.jsp
页面取值：${cartList}
要求：只查问 userId= 7 的购物车列表信息，之后进行页面展示

编辑 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(timeout = 3000,check = false)
    private DubboCartService cartService;

    /**
     * 业务需要: 依据 userId 查问购物车数据
     * url 地址: http://www.jt.com/cart/show.html
     * 申请参数: 动静获取 userId
     * 返回值后果:  cart.jsp 页面
     * 页面取值形式: ${cartList}
     */
    @RequestMapping("/show")
    public String findCartListByUserId(Model model){
        Long userId = 7L;
        List<Cart> cartList = cartService.findCartListByUserId(userId);
        model.addAttribute("cartList",cartList);
        return "cart";
    }
}

编辑 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;


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

页面成果展现

购物车数量的批改

业务阐明

页面 JS 剖析


编辑 CartController

/**
     * 业务: 实现购物车数量的更新
     * url: http://www.jt.com/cart/update/num/562379/12
     * 参数: itemId/num
     * 返回值: void
     */
    @RequestMapping("/update/num/{itemId}/{num}")
    @ResponseBody  //1. 返回值转化为 json 2.ajax 完结标识
    public void updateCartNum(Cart cart){ //key 名称必须与属性的名称统一.

        Long userId = 7L;
        cart.setUserId(userId);
        cartService.updateCartNum(cart);
    }

编辑 CartService

 @Override
    public void updateCartNum(Cart cart) {//cartMapper.updateCartNum(cart);
        //1. 筹备批改的数据  依据对象中不为 null 的元素当做 set 条件
        Cart cartTemp = new Cart();
        cartTemp.setNum(cart.getNum());

        //2. 依据对象中不为 null 的元素当做 where 条件
        UpdateWrapper<Cart> updateWrapper =
                        new UpdateWrapper<>(cart.setNum(null));
        /*updateWrapper.eq("user_id", cart.getUserId())
                     .eq("item_id", cart.getItemId());*/
        cartMapper.update(cartTemp,updateWrapper);

    }

编辑 CartMapper

 @Override
    public void updateCartNum(Cart cart) {//cartMapper.updateCartNum(cart);
        //1. 筹备批改的数据  依据对象中不为 null 的元素当做 set 条件
        Cart cartTemp = new Cart();
        cartTemp.setNum(cart.getNum());

        //2. 依据对象中不为 null 的元素当做 where 条件
        UpdateWrapper<Cart> updateWrapper =
                        new UpdateWrapper<>(cart.setNum(null));
        /*updateWrapper.eq("user_id", cart.getUserId())
                     .eq("item_id", cart.getItemId());*/
        cartMapper.update(cartTemp,updateWrapper);

    }

购物车新增

购物车新增业务

当用户点击购物车按钮时实现购物车入库操作，如果用户反复加购，则应该批改购物车商品的数量，加购胜利后应该重定向到购物车列表页面。

页面剖析

页面表单提交 

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

页面 JS 解析 

<a class="btn-append" id="InitCartUrl" onclick="addCart();" clstag="shangpin|keycount|product|initcarturl"> 退出购物车 <b></b></a>
// 利用 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 表单提交}

编辑 CartController

/**
     * 实现购物车新增
     * url: http://www.jt.com/cart/add/562379.html
     * 参数: form 表单提交  对象接管
     * 返回值: 重定向到购物车列表页面中
     */
    @RequestMapping("/add/{itemId}")
    public String saveCart(Cart cart){

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

编辑 CartService

/**
     *  如果反复加购则更新数量
     * 1. 查问是否曾经有改数据 user_id/item_id
     */
    @Override
    public void saveCart(Cart cart) {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 = cart.getNum() + cartDB.getNum();
            cart.setNum(num);
            cartMapper.updateCartNum(cart);
        }
    }

页面成果展现

购物车删除操作

页面剖析

编辑 CartController

 /**
     * 购物车删除操作
     * url 地址: http://www.jt.com/cart/delete/562379.html
     * 参数:    获取 itemId
     * 返回值:  重定向到购物车的展示页面
     */
    @RequestMapping("/delete/{itemId}")
    public String deleteCarts(@PathVariable Long itemId){

        Long userId = 7L;
        cartService.deleteCarts(userId,itemId);
        return "redirect:/cart/show.html";
    }

编辑 CartService

 @Override
    public void deleteCarts(Long userId, Long itemId) {QueryWrapper<Cart> queryWrapper = new QueryWrapper<>();
        queryWrapper.eq("user_id", userId);
        queryWrapper.eq("item_id", itemId);
        cartMapper.delete(queryWrapper);
    }

购物车的实现代码 

package com.jt.controller;
import com.alibaba.dubbo.config.annotation.Reference;
import com.jt.pojo.Cart;
import com.jt.pojo.User;
import com.jt.service.DubboCartService;
import com.jt.theardLocal.UserTheardLocal;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import javax.servlet.http.HttpServletRequest;
import java.util.List;
@Controller
@RequestMapping("/cart")
public class CartController {@Reference(timeout = 3000,check = false)
    private DubboCartService dubboCartService;
    /**
 * 依据 userId 查问购物车数据
 * url：http://www.jt.com/cart/show.html
 * 参数：动静获取 userId
 * @return 返回的是 cart.jsp 页面
 *
 * 页面取值形式：${cartList}
 * */ @RequestMapping("/show")
    public String findCartListById(Model model,HttpServletRequest request){
        /*// 用 request 取出拦截器传来的对象
 User user = (User) request.getAttribute("JT_USER"); // 在对象中取出用户信息
 Long userId=user.getId();*/
 // 利用线程变量 ThreadLoacl 获取参数
 Long userId=UserTheardLocal.get().getId();
        List<Cart> cartList=dubboCartService.findCartListUserId(userId);
        model.addAttribute("cartList",cartList);
        return "cart";
    }
    /**
 * 业务：实现购物车数量的更新
 * url:http://www.jt.com/cart/update/num/562379/8
 * 参数：itemId/num
 * 返回值:void
 * */ @RequestMapping("/update/num/{itemId}/{num}")
    @ResponseBody//@ResponseBody 作用：1. 返回值转化为 json 2.ajax 完结的标识
 public void updateCartNum(Cart cart,HttpServletRequest request){// 这里间接用对象接管参数。key 名称必须与属性的名称统一
 /*// 用 request 取出拦截器传来的对象
 User user = (User) request.getAttribute("JT_USER"); // 在对象中取出用户信息
 Long userId=user.getId();*/ // 利用线程变量 ThreadLoacl 获取参数
 Long userId=UserTheardLocal.get().getId();
        cart.setUserId(userId);
        dubboCartService.updateCartNum(cart);
    }
    /**
 * 删除购物车商品信息
 * url：http://www.jt.com/cart/delete/562379.html
 * 参数：获取 itemId
 * 返回值：重定向到购物车展示页面
 */
 @RequestMapping("/delete/{itemId}")
    public String deleteCart(@PathVariable Long itemId,HttpServletRequest request){
        // 获取以后用户 id
 // 获取商品 id   itemId
 /*// 用 request 取出拦截器传来的对象
 //User user = (User) request.getAttribute("JT_USER"); User user=UserTheardLocal.get(); // 在对象中取出用户信息
 Long userId=user.getId();*/
 // 利用线程变量 ThreadLoacl 获取参数
 Long userId=UserTheardLocal.get().getId();
        dubboCartService.delectCarts(userId,itemId);
        return "redirect:/cart/show.html";
    }
    /**
 * 购物车的新增
 * 当用户点击购物车按钮时实现购物车入库操作，如果用户反复加购则应该批改购物车商品数量
 * 加购胜利后应该重定向到购物车列表页面
 *   url:http://www.jt.com/cart/add/562379.html
 * 参数：form 表单提交，所以用对象接管
 * 返回值：重定向到购物车列表页面中
 */
 @RequestMapping("/add/{itemId}")
    public String saveCart(Cart cart, HttpServletRequest request){// 参数是 form 表单和 itemId，所以间接用 cart 对象来接管
 /*// 用 request 取出拦截器传来的对象
 User user = (User) request.getAttribute("JT_USER"); // 在对象中取出用户信息
 Long userId=user.getId();*/
 // 利用线程变量 ThreadLoacl 获取参数
 Long userId=UserTheardLocal.get().getId();
        cart.setUserId(userId);// 将 userId 封装到对象中
 dubboCartService.saveCart(cart);
        return "redirect:/cart/show.html";
    }
}
退出移动版