毕业设计｜基于Spring Boot和Vue.js的前后端分离商城系统

作者简介：Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师

主要内容：Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助

收藏点赞不迷路关注作者有好处

文末获取源码

项目编号：ZJL

一，环境介绍

语言环境：Java: jdk1.8

数据库：Mysql: mysql5.7

应用服务器：Tomcat: tomcat8.5.31

开发工具：IDEA或eclipse

二，项目简介

基于Spring Boot和Vue.js的前后端分离商城系统是一套完整的电商平台，旨在为用户提供便捷的购物体验和丰富的商品选择。该系统采用前后端分离的架构，通过Spring Boot提供后端接口支持，使用Vue.js构建前端界面，实现了良好的用户交互和高性能的响应速度。

功能列表描述：

基础模块：

部门管理：管理员可以添加、编辑和删除部门，实现组织架构管理。
用户管理：管理员可以管理用户的账号信息，包括添加、编辑和删除用户。
角色管理：管理员可以创建不同的角色，并分配不同的权限给角色。
菜单管理：管理员可以管理系统菜单，包括添加、编辑和删除菜单。
权限分配：管理员可以将权限分配给用户和角色，控制用户对系统功能的访问权限。
参数管理：管理员可以管理系统的参数配置，包括系统的基本设置、数据源配置等。
数据字典管理：管理员可以管理系统的数据字典，包括添加、编辑和删除字典项。
定时任务管理：管理员可以配置和管理系统的定时任务。
操作日志：记录用户的操作日志，方便管理员进行系统的监控和审计。
登录日志：记录用户的登录日志，包括登录时间、IP地址等信息，提高系统的安全性。
CMS内容管理：管理员可以管理网站的内容，包括发布、编辑和删除文章、页面等。
消息管理：管理员可以配置消息模板，发送短信、邮件等消息给用户。
基于IDEA插件的代码生成：提供代码生成功能，加快开发效率。

商城功能：

会员管理：用户可以注册会员账号，包括个人信息管理、订单查询等功能。
商品类别：管理员可以管理商品的类别，包括添加、编辑和删除商品类别。
商品管理：管理员可以管理商品，包括添加、编辑和删除商品，支持多种商品属性设置。
订单管理：管理员可以管理用户的订单，包括订单查询、发货、退货等功能。
购物车：用户可以将商品加入购物车，进行批量购买和结算。
banner管理：管理员可以管理商城首页的banner，设置广告和推广活动。
收藏列表：用户可以将喜欢的商品加入收藏列表，方便后续查看和购买。

手机端：在手机端，具备完整的商城购物功能，用户可以通过手机浏览器或App进行商品浏览、购买、支付等操作，实现了移动端的便捷购物体验。

以上是基于Spring Boot和Vue.js的前后端分离商城系统的简介和功能列表描述。通过这些功能，商城系统可以提供全面的商品管理、用户管理、订单管理等功能，为用户提供便捷、安全、个性化的购物体验。

三，系统展示

3.1 管理端演示

3.2 小程序端

四，核心代码展示

4.1 购物车核心代码


@Service
public class CartService extends BaseService<Cart,Long,CartRepository>  {
    private Logger logger = LoggerFactory.getLogger(getClass());
    @Autowired
    private GoodsSkuRepository goodsSkuRepository;
    @Autowired
    private GoodsRepository goodsRepository;

    /**
     * 添加到购物车<br>
     * 1,这里需要考虑库存管控的问题
     * 2，实际项目中如果需要部署服务集群，那么下面synchronized关键字一点用是没有的，可以考虑使用分布式锁（zookeeper，redis等）来处理
     * @param cartVo
     * @return，添加新商品，返回1，添加购物车已经存在的商品，返回0
     */
    @Transactional
    public synchronized  Integer add(CartVo cartVo) {
        Integer count = cartVo.getCount();

        Long idSku = cartVo.getIdSku();

        List<SearchFilter> searchFilters = Lists.newArrayList(
                SearchFilter.build("idUser",cartVo.getIdUser()),
                SearchFilter.build("idGoods",cartVo.getIdGoods())
        );

        if(idSku!=null){
            searchFilters.add(SearchFilter.build("idSku",idSku));

        }
        Cart old  = get(searchFilters);
        Integer result = 0;
        if(old!=null){
            //判断之前是否添加到购物车，如果已添加，则在原有基础上增加购买数量即可
            old.setCount(old.getCount()+count);
            update(old);

        }else {
            //购物车新增商品
            Cart cart = new Cart();
            cart.setIdGoods(cartVo.getIdGoods());
            cart.setCount(count);
            cart.setIdUser(cartVo.getIdUser());
            cart.setIdSku(idSku);
            insert(cart);
            result = 1;
        }
        return result;
    }
}

4.2 商品核心代码



@Service
public class GoodsService extends BaseService<Goods,Long,GoodsRepository>  {
    private Logger logger = LoggerFactory.getLogger(getClass());
    @Autowired
    private GoodsRepository goodsRepository;
    @Autowired
    private GoodsSkuService goodsSkuService;
    @Autowired
    private FileInfoRepository fileInfoRepository;

    @Override
    public void deleteById(Long id) {
        Goods goods = get(id);
        goods.setIsDelete(true);
        update(goods);
    }
    public GoodsVo getDetail(Long id){
        Goods goods = get(id);
        List<GoodsSku> skuList = goodsSkuService.queryAll(Lists.newArrayList(
                SearchFilter.build("idGoods",id),
                SearchFilter.build("isDeleted",false)
        ));
        GoodsVo vo = new GoodsVo();
        vo.setGoods(goods);
        vo.setSkuList(skuList);
        return vo;
    }

    /**
     * 商品上架或者下架
     * @param id
     * @param isOnSale
     */
    public void changeIsOnSale(Long id, Boolean isOnSale) {
        Goods goods = get(id);
        goods.setIsOnSale(isOnSale);
        update(goods);
    }
}