BS1040-基于SpringBoot+vue.js+前后端分离+Mysql实现外卖小程序及管理系统

最新推荐文章于 2025-01-25 10:05:02 发布

转载最新推荐文章于 2025-01-25 10:05:02 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/qq_21745751/article/details/127628688

文章标签：

#spring boot #vue.js #mysql

程序设计专栏收录该内容

43 篇文章

订阅专栏

该博客介绍基于SpringBoot、vue.js、前后端分离和Mysql实现的外卖小程序及管理系统。采用多层B/S架构，用Java开发，实现商品、用户、订单等管理及线上下单、支付等流程，还提供订单数据可视化分析，涉及数据分析计算等算法，并给出部分核心代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本基于SpringBoot+vue.js+前后端分离+Mysql实现外卖小程序及管理系统，系统采用多层B/S软件架构，采用Java 编程语言开发技术实现外卖小程序前端、实现系统商品管理后端，实现商品管理，用户管理，订单管理，物流管理，用户管理，实现线上下单，线下配送，线上支付等一体化流程，并且提供针对用户订单的数据可视化分析等。

原文地址

一、程序设计

本次基于SpringBoot+vue.js+前后端分离+Mysql实现外卖小程序及管理系统，主要内容涉及：

主要功能模块：商品售卖，商品管理，用户管理，订单管理，用户登录注册，我的购物车，线上支付等等
主要包含技术：Java编程语言，springboot，mybatis，mysql，html，javascript，echarts，vue.js,微信小程序
主要包含算法：数据分析计算，协同过滤推荐等

二、效果实现

小程序首页

在这里插入图片描述

系统定位

在这里插入图片描述

商品选购

在这里插入图片描述

用户下单

在这里插入图片描述

其他效果省略

三、核心代码

1.商品新增
本系统商品管理模块，主要采用前端发起Ajax请求，对管理员用户填写的商品信息进行封装传给系统后端API接口，系统后端接口接收到用户参数后，进行合法性校验，校验通过后写入商品信息表中，刷新前端商品管理列表界面等。

public Order getOrder(String userId) throws OrderAddException {
        ShoppingCart cart = null;
        for (Map.Entry<String, ShoppingCart> it : cartCache.entrySet()) {
            if (it.getValue().getUserId().equals(userId)) {
                cart = it.getValue();
                break;
            }
        }
        if (cart == null) {
            throw new OrderAddException("未查询到订单信息");
        }
        // 根据 cart 生成订单，这一步略有繁琐
        Order order = new Order();
        if (cart.isComplete()) {
            order.setId(cart.getOrderId());
        } else {
            order.setIsNew(true);
        }
        order.setDishOrders(getDishOrders(cart));
        order.setOrderType(cart.getConsumeType());
        order.setUserId(userId);
        order.setShopDiscount(cart.getDiscount());
        order.setOriginalPrice(cart.getTotalPrice());
        order.setStoreId(cart.getStoreId());
        order.setTable(cart.getTableId());
        order.setConsumeType(cart.getConsumeType());
        if (order.getConsumeType() == 0) {
            // 扫码点餐，设置为确认中
            order.setOrderType(CONFIRMING_STATUS);
        } else if (order.getConsumeType() == 1) {
            System.out.println("cart.isComplete() = " + cart.isComplete());
            // 到店消费，如果未支付则设置为支付保证金，否则设置为待确认
            order.setOrderType(!cart.isComplete() ? TO_BE_PAID_MARGIN_STATUS : CONFIRMING_STATUS);
        } else {
            // 外卖或自取，待支付
            order.setOrderType(TO_BE_PAID_STATUS);
        }
        return order;
    }

2.用户登录
本系统用户登录需要校验用户名账号及密码的正确性，核心代码如下。

public Map<String, String> getOpenId(String jsCode) {
        String url = URL;
        url += "?appid=" + APP_ID;
        url += "&secret=" + SECRET;
        url += "&js_code=" + jsCode;
        url += "&grant_type=" + GRANT_TYPE;
        url += "&connect_redirect=1";
        HttpClient client = HttpClients.createDefault();
        HttpPost post = new HttpPost(url);
        try {
            HttpResponse response = client.execute(post);
            HttpEntity entity = response.getEntity();
            Map obj = (Map) JSONObject.parse(EntityUtils.toString(entity));
            System.out.println(obj);
            String openId = (String) obj.get("openid");
            if (!userMapper.hasUser(openId)) {
                userMapper.addUser(new User(openId));
            }
            return obj;
        } catch (ClientProtocolException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;
    }