加入购物车（springboot项目）

白敬亭的鞋44ma

已于 2022-11-10 18:29:15 修改

阅读量800

点赞数

分类专栏： redis idea 文章标签： spring boot java servlet

于 2022-11-08 00:20:58 首次发布

本文链接：https://blog.csdn.net/qq_66924116/article/details/127738380

版权

本文档详细介绍了使用SpringBoot实现购物车系统的过程，包括用户登录、参数解析、购物车后台处理、商品详情展示、购物车查询与增删改功能。用户登录后，通过UUID生成token保存在cookie和redis中，购物车功能受限于登录状态，商品详情页面展示，购物车数据绑定及删除、编辑操作均有涵盖。

摘要由CSDN通过智能技术生成

一、用户登录跳转界面

$(function () {
    alert(233);
//    给登录按钮添加事件
    $("#login").click(function () {
        let mobile = $("#mobile").val();
        let password = $("#password").val();

        console.log("mobile=%s,password=%s",mobile,password);

        //1.密码加密
        //1) 定义固定盐
        let salt='f1g2h3j4';
        //2) 固定盐混淆
        let temp=salt.charAt(1)+""+salt.charAt(5)+password+salt.charAt(0)+""+salt.charAt(3);
        //3) 使用MD5完成前端第一次加密
        let pwd=md5(temp);

        //2.向后台发起登录ajax请求
        $.post('/user/toLogin',{
            mobile:mobile,
            password:pwd
        },function(rs){
            if(rs.code!=200){//登录失败
                alert(rs.msg);
            }else
                //alert(rs.msg);
              location.href="/";//登录成功跳转index.html
        },'json');
    });
});

user.java

package com.zking.spbootpro.model;

import com.baomidou.mybatisplus.annotation.TableName;
import java.time.LocalDateTime;
import java.io.Serializable;
import java.util.Date;

import lombok.Data;
import lombok.EqualsAndHashCode;

/**
 * <p>
 * 用户信息表
 * </p>
 *
 * @author zking
 * @since 2022-11-05
 */
@Data
@EqualsAndHashCode(callSuper = false)
@TableName("t_user")
public class User implements Serializable {

        private  long id;

    /**
     * 昵称
     */
    private String nickname;

    /**
     * MD5(MD5(pass明文+固定salt)+salt)
     */
    private String password;

    /**
     * 随机salt
     */
    private String salt;

    /**
     * 注册时间
     */
    private Date registerDate;

    /**
     * 最后一次登录时间
     */
    private LocalDateTime lastLoginDate;

    /**
     * 登录次数
     */
    private Integer loginCount;


}

package com.zking.spbootpro.service.impl;

import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.zking.spbootpro.exception.BusinessException;
import com.zking.spbootpro.mapper.UserMapper;
import com.zking.spbootpro.model.User;
import com.zking.spbootpro.model.dto.UserDto;
import com.zking.spbootpro.service.IRedisService;
import com.zking.spbootpro.service.IUserService;
import com.zking.spbootpro.utils.CookieUtils;
import com.zking.spbootpro.utils.JsonResponseBody;
import com.zking.spbootpro.utils.JsonResponseStatus;
import com.zking.spbootpro.utils.MD5Utils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.UUID;

/**
* <p>
* 用户信息表服务实现类
* </p>
*
* @author zking
* @since 2022-11-04
*/
@Service
public class UserServiceImpl extends ServiceImpl<UserMapper, User> implements IUserService {
@Autowired
private UserMapper userMapper;
@Autowired
private IRedisService redisService;

@Override
public JsonResponseBody toLogin(UserDto userDto, HttpServletRequest req, HttpServletResponse resp) {
// 1.5.1）判断mobile和password是否为空
// 1.5.2）判断mobile格式是否正确
// 1.5.3）根据用户手机号码查询用户是否存在
User user = userMapper.selectOne(new QueryWrapper<User>()
.eq("id", userDto.getMobile()));

// 1.5.4）校验账号
if (user == null)
throw new BusinessException(JsonResponseStatus.USER_USERNAME_ERROR);

// 前台传递到后台的密码，要进过工具类md5加密一次，才有可能跟数据库密码匹配上
String pwd = MD5Utils.formPassToDbPass(userDto.getPassword(), user.getSalt());
// 1.5.5）校验密码
if(!pwd.equals(user.getPassword()))
throw new BusinessException(JsonResponseStatus.USER_PASSWORD_ERROR);

//6.将登陆用户对象与token令牌进行绑定保存到cookie和redis
//创建登陆令牌token
String token= UUID.randomUUID().toString().replace("-","");
//将token令牌保存到cookie中
CookieUtils.setCookie(req,resp,"token",token,7200);
//将登陆token令牌与用户对象user绑定到redis中
redisService.setUserToRedis(token,user);
//将用户登陆的昵称设置到cookie中
CookieUtils.setCookie(req,resp,"nickname",user.getNickname());
return new JsonResponseBody<>();
}
}

二、参数解析器以及购物车后台

代码

<!--返回顶部-->
<div class="gotop">
    <a href="javascript:void(0)" οnclick="check()">
        <dl>
            <dt><img src="img/gt1.png"/></dt>
            <dd>去购<br />物车</dd>
        </dl>
    </a>
    <a href="#" class="dh">
        <dl>
            <dt><img src="img/gt2.png"/></dt>
            <dd>联系<br />客服</dd>
        </dl>
    </a>
    <a href="${ctx}/page/mygxin.html">
        <dl>
            <dt><img src="img/gt3.png"/></dt>
            <dd>个人<br />中心</dd>
        </dl>
    </a>
    <a href="#" class="toptop" style="display: none">
        <dl>
            <dt><img src="img/gt4.png"/></dt>
            <dd>返回<br />顶部</dd>
        </dl>
    </a>
    <p>400-800-8200</p>
</div>

<!-------------------login-------------------------->
<!--footer-->
<div class="footer">
    <div class="top">
        <div class="wrapper">
            <div class="clearfix">
                <a href="#2" class="fl"><img src="img/foot1.png"/></a>
                <span class="fl">7天无理由退货</span>
            </div>
            <div class="clearfix">
                <a href="#2" class="fl"><img src="img/foot2.png"/></a>
                <span class="fl">15天免费换货</span>
            </div>
            <div class="clearfix">
                <a href="#2" class="fl"><img src="img/foot3.png"/></a>
                <span class="fl">满599包邮</span>
            </div>
            <div class="clearfix">
                <a href="#2" class="fl"><img src="img/foot4.png"/></a>
                <span class="fl">手机特色服务</span>
            </div>
        </div>
    </div>
    <p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br />
        违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
</div>
<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script>
    function check() {
        $.get('/shopCar/check',{},function(rs){
            if(rs.code!=200){
                alert('请先登录后再购买商品！');
            }else
                location.href='/shopCar/queryShopCar';
        },'json');
    }
</script>

UserArgumentResovler  参数解析器

package com.zking.spbootpro.config;

import com.zking.spbootpro.exception.BusinessException;
import com.zking.spbootpro.model.User;
import com.zking.spbootpro.service.IredisService;
import com.zking.spbootpro.utils.CookieUtils;
import com.zking.spbootpro.utils.JsonResponseStatus;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.core.MethodParameter;
import org.springframework.stereotype.Component;
import org.springframework.web.bind.support.WebDataBinderFactory;
import org.springframework.web.context.request.NativeWebRequest;
import org.springframework.web.method.support.HandlerMethodArgumentResolver;
import org.springframework.web.method.support.ModelAndViewContainer;
import org.springframework.web.servlet.HandlerExceptionResolver;

import javax.servlet.http.HttpServletRequest;

/**
 * 参数解析器
 * @author 锦鲤
 * @site www.lucy.com
 * @company xxx公司
 * @create  2022-11-07 18:25
 */

@Component
public class UserArgumentResovler implements HandlerMethodArgumentResolver {

    @Autowired
     private IredisService  iredisService;

    /**
     * supportsParameter的方法返回值
     * true:会使用下面resolveArgument
     * false：则不调用
     * @param methodParameter
     * @return
     */
    @Override
    public boolean supportsParameter(MethodParameter methodParameter) {
        return methodParameter.getParameterType()== User.class;
    }

    /**
     * resolveArgument；
     * 具体的业务代码处理
     * @param methodParameter
     * @param modelAndViewContainer
     * @param nativeWebRequest
     * @param webDataBinderFactory
     * @return
     * @throws Exception
     */
    @Override
    public Object resolveArgument(MethodParameter methodParameter, ModelAndViewContainer modelAndViewContainer, NativeWebRequest nativeWebRequest, WebDataBinderFactory webDataBinderFactory) throws Exception {
       HttpServletRequest request =(HttpServletRequest) nativeWebRequest.getNativeRequest();
       String token = CookieUtils.getCookieValue(request,"token");
        if(token==null){
            throw  new BusinessException(JsonResponseStatus.TOKEN_EEROR);
        }
        User user=  iredisService.getUserToRedis(token);
        if(user ==null){
            throw  new BusinessException(JsonResponseStatus.TOKEN_EEROR);
        }

        return user;
    }
}

WebConfig

package com.zking.spbootpro.config;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.method.support.HandlerMethodArgumentResolver;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

import java.util.List;

/**
 * @author 锦鲤
 * @site www.lucy.com
 * @company xxx公司
 * @create  2022-11-07 18:42
 *
 */
@Configuration
public class WebConfig  implements WebMvcConfigurer {

    @Autowired
    private UserArgumentResovler userArgumentResovler;

    /**
     * 配置静态资源访问映射，使用了WebMvcConfigurer会覆盖原有的application.yml文件中的静态资源配置
     * @param registry
     */
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**")
                .addResourceLocations("classpath:/static/");
    }

    /**
     * 添加自定义的参数解析器
     * @param resolvers
     */
    @Override
    public void addArgumentResolvers(List<HandlerMethodArgumentResolver> resolvers) {
        resolvers.add(userArgumentResovler);
    }
}

购物车后台搭建

实体类ShopCar 、ShopCarItem

package com.zking.spbootpro.model.vo;

import java.util.*;

/**
 * @author 锦鲤
 * @company xxx公司
 * @create  2022-11-07 10:36
 * <p>
 * view object
 * 购物车对象
 */
public class ShopCar {
   private List<ShopCarItem> items= new ArrayList<ShopCarItem>();

    public List<ShopCarItem> getItems() {
        return items;
    }

    public void setItems(List<ShopCarItem> items) {
        this.items = items;
    }

    //    增加
    public void add(ShopCarItem shopCarItem) {
//        1.当购物车存在该商品时
        for (ShopCarItem item : items) {
            if (Objects.equals(shopCarItem.getGid(), item.getGid())) {
                item.setQuantity(item.getQuantity() + 1);
                return;
            }
        }
//        2.当购物车不存在该商品时
        items.add(shopCarItem);
    }

    //    删除    1,2,3
    public void delete(String gids) {
        List<String> gidList = Arrays.asList(gids.split(","));
        Iterator<ShopCarItem> it = items.iterator();
        while (it.hasNext()) {
            ShopCarItem next = it.next();
            if (gidList.contains(next.getGid()+"")) {
                it.remove();
            }
        }
    }

    //    修改
    public void update(ShopCarItem shopCarItem) {
        for (ShopCarItem item : items) {
            if (Objects.equals(shopCarItem.getGid(), item.getGid())) {
                item.setQuantity(shopCarItem.getQuantity());
            }
        }
    }


//    查询



//    小计
}