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

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: 毕业设计|基于Spring Boot和Vue.js的前后端分离商城系统

项目编号:ZJL

一,环境介绍

语言环境:Java:  jdk1.8

数据库:Mysql: mysql5.7

应用服务器:Tomcat:  tomcat8.5.31

开发工具:IDEA或eclipse

二,项目简介

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

功能列表描述:

基础模块:

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

商城功能:

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

手机端: 在手机端,具备完整的商城购物功能,用户可以通过手机浏览器或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);
    }
}

五,相关作品展示

基于Java开发、Python开发、PHP开发、C#开发等相关语言开发的实战项目

基于Nodejs、Vue等前端技术开发的前端实战项目

基于微信小程序和安卓APP应用开发的相关作品

基于51单片机等嵌入式物联网开发应用

基于各类算法实现的AI智能应用

基于大数据实现的各类数据管理和推荐系统

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
25天前
|
Web App开发 JavaScript 前端开发
2024年5月node.js安装(winmac系统)保姆级教程
本篇博客为2024年5月版Node.js安装教程,适用于Windows和Mac系统。作者是一名熟悉JavaScript与Vue的大一学生,分享了Node.js的基本介绍、下载链接及简单安装步骤。安装完成后,通过终端命令`node -v`验证版本即可确认安装成功。欢迎关注作者,获取更多技术文章。
26 2
2024年5月node.js安装(winmac系统)保姆级教程
|
9天前
|
Java 数据库 数据安全/隐私保护
轻松掌握Spring依赖注入:打造你的登录验证系统
本文以轻松活泼的风格,带领读者走进Spring框架中的依赖注入和登录验证的世界。通过详细的步骤和代码示例,我们从DAO层的创建到Service层的实现,再到Spring配置文件的编写,最后通过测试类验证功能,一步步构建了一个简单的登录验证系统。文章不仅提供了实用的技术指导,还以口语化和生动的语言,让学习变得不再枯燥。
23 2
|
22天前
|
开发框架 JavaScript 前端开发
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势。通过明确的类型定义,TypeScript 能够在编码阶段发现潜在错误,提高代码质量;支持组件的清晰定义与复用,增强代码的可维护性;与 React、Vue 等框架结合,提供更佳的开发体验;适用于大型项目,优化代码结构和性能。随着 Web 技术的发展,TypeScript 的应用前景广阔,将继续引领 Web 开发的新趋势。
35 2
|
1月前
|
JavaScript NoSQL Java
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
40 0
|
2月前
|
缓存 JSON JavaScript
Node.js模块系统
10月更文挑战第4天
43 2
|
2月前
|
JSON JavaScript 前端开发
vue尚品汇商城项目-day00【项目介绍:此项目是基于vue2的前台电商项目和后台管理系统】
vue尚品汇商城项目-day00【项目介绍:此项目是基于vue2的前台电商项目和后台管理系统】
47 1
|
2月前
|
JavaScript 前端开发
vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】
vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】
39 2
|
2月前
|
JavaScript 前端开发
vue尚品汇商城项目-day01【3.项目路由的分析】
vue尚品汇商城项目-day01【3.项目路由的分析】
32 1
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
vue尚品汇商城项目-day01【5.路由组件的搭建】
vue尚品汇商城项目-day01【5.路由组件的搭建】
30 0
vue尚品汇商城项目-day01【5.路由组件的搭建】
|
2月前
|
JavaScript 前端开发
前端js,vue系统使用iframe嵌入第三方系统的父子系统的通信
前端js,vue系统使用iframe嵌入第三方系统的父子系统的通信