SpringBoot+Vue实现前后端分离的校园外卖配送系统

news2025/1/12 4:08:31

文末获取源码

开发语言:Java

使用框架:spring boot

前端技术:JavaScript、Vue.js 、css3

开发工具:IDEA/MyEclipse/Eclipse、Visual Studio Code

数据库:MySQL 5.7/8.0

数据库管理工具:phpstudy/Navicat

JDK版本:Java jdk8

Maven:apache-maven 3.8.1-bin

目录

一、前言介绍 

二、系统功能 

三、系统前台模块

3.1系统首页页面

3.2外卖资讯页面

3.3商品列表页面 

3.4商品详情页面 

3.5我的订单页面 

四、管理员功能模块

4.1站点管理模块

4.2用户管理模块

4.3内容管理模块 

4.4商城管理模块  

4.5更多管理模块

五、卖家功能模块

5.1商城模块

5.2订单列表页面 

六、配送员功能模块

6.1任务领取页面

七、部分核心代码

7.1订单信息管理的逻辑代码 

7.2用户管理的逻辑代码

7.3订单信息管理的逻辑代码

7.4商品信息关键代码

7.5外卖资讯关键代码


一、前言介绍 

本系统前端部分基于MVVM模式进行开发,采用B/S模式,后端部分基于Java的springboot框架进行开发。

前端部分:前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信,Element UI组件库使页面快速成型,项目前端通过栅格布局实现响应式,可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

本系统地描绘了整个校园外卖配送系统的设计与实现,主要实现的功能有以下几点:首页、站点管理(轮播图、公告栏)用户管理(管理员、普通用户、配送员、卖家)内容管理(交流中心、论坛分类、外卖资讯、资讯分类)商城管理(商城、商家列表、订单列表)更多管理(发布任务、领取任务、完成任务)等功能,其具有简单的接口,方便的应用,强大的互动,完全基于互联网的特点。 

二、系统功能 

本心理咨询系统主要包括四大功能模块,即管理员、普通用户、配送员、卖家功能模块。

(1)前台用户:首页、交流中心、公告栏、外卖资讯、商品列表、登录注册、我的(我的账户、我的收藏、我的地址、我的购物车、我的订单、退出)。 

(2)用户后台:发布任务、任务中、完成任务。

(3)管理员模块:系统中的核心用户是管理员,管理员登录后,通过管理员来管理后台系统。主要功能有:站点管理(轮播图、公告栏)用户管理(管理员、普通用户、配送员、卖家)内容管理(交流中心、论坛分类、外卖资讯、资讯分类)商城管理(商城、商家列表、订单列表)更多管理(发布任务、领取任务、完成任务)。

(4)配送员:发布任务、领取任务、完成任务。

(5)卖家:商城、订单列表

三、系统前台模块

3.1系统首页页面

3.2外卖资讯页面

3.3商品列表页面 

3.4商品详情页面 

3.5我的订单页面 

四、管理员功能模块

4.1站点管理模块

4.2用户管理模块

4.3内容管理模块 

4.4商城管理模块  

4.5更多管理模块

五、卖家功能模块

5.1商城模块

5.2订单列表页面 

六、配送员功能模块

6.1任务领取页面

七、部分核心代码

7.1订单信息管理的逻辑代码 

@PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

    public Map<String,Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

}

    public void insert(Map<String,Object> body){

        StringBuffer sql = new StringBuffer("INSERT INTO ");

        sql.append("`").append(table).append("`").append(" (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(") VALUES (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("'").append(entry.getValue()).append("'").append(",");

            }else {

                sql.append(entry.getValue()).append(",");

            }

        }

        sql.deleteCharAt(sql.length() - 1);

        sql.append(")");

        log.info("[{}] - 插入操作:{}",table,sql);

        Query query = runCountSql(sql.toString());

        query.executeUpdate();

    }

7.2用户管理的逻辑代码

@RestController

@RequestMapping("auth")

public class AuthController extends BaseController<Auth, AuthService> {

    /**

     * 服务对象

     */

    @Autowired

    public AuthController(AuthService service) {

        setService(service);

    }

}

7.3订单信息管理的逻辑代码

@RequestMapping(value = {"/avg_group", "/avg"})

public Map<String, Object> avg(HttpServletRequest request) {

        Query count = service.avg(service.readQuery(request), service.readConfig(request));

        return success(count.getResultList());

}

7.4商品信息关键代码

public Map<String, Object> success(Object o) {

        Map<String, Object> map = new HashMap<>();

        if (o == null) {

            map.put("result", null);

            return map;

        }

        if (o instanceof List) {

            if (((List) o).size() == 1) {

               o =  ((List) o).get(0);

                map.put("result", o);

            }else {

                String jsonString = JSONObject.toJSONString(o);

                JSONArray objects service.covertArray(JSONObject.parseArray(jsonString));

                map.put("result", objects);

            }

        } else if (o instanceof Integer || o instanceof String) {

            map.put("result", o);

        } else {

            String jsonString = JSONObject.toJSONString(o);

            JSONObject jsonObject = JSONObject.parseObject(jsonString);

            JSONObject j = service.covertObject(jsonObject);

            map.put("result", j);

        }

        return map;

}

7.5外卖资讯关键代码

@RequestMapping("/get_obj")

    public Map<String, Object> obj(HttpServletRequest request) {

        List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

        if (resultList.size() > 0) {

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("obj",resultList.get(0));

            return success(jsonObject);

        } else {

            return success(null);

        }

}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/76291.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

networkx学习(一) 图论

1.创建一个简单网络&#xff08;图&#xff09; # 导入库 import networkx as nx import matplotlib.pyplot as plt# 创建一个空图 G nx.Graph() # 向该图中添加节点和连边 G.add_nodes_from([1,2,3,4]) G.add_edges_from([(1,2),(1,3),(2,3),(2,4)])# 可视化图 nx.draw(G, n…

《Linux运维实战:MongoDB数据库逻辑备份恢复(方案四)》

一、备份与恢复方案 Percona Server for MongoDB Percona Server for MongoDB是一个免费的、增强的、完全兼容的、源代码可用的、带有企业级功能的MongoDB Community Edition的替代品。它不需要对MongoDB应用程序或代码进行更改。 参考官方&#xff1a;Percona Backup for Mon…

【漏洞复现】Docker runC 容器逃逸漏洞(CVE-2019-5736)

文章目录声明一、漏洞描述二、漏洞原理三、漏洞分析四、POC分析五、利用方式六、影响版本七、环境搭建八、漏洞复现九、修复建议声明 本篇文章仅用于技术研究和漏洞复现&#xff0c;切勿将文中涉及攻击手法用于非授权下渗透攻击行为&#xff0c;操作有风险&#xff0c;出现任何…

初识mysql

文章目录为什么要学习数据库什么是数据库数据库的分类MySQL简介连接数据库为什么要学习数据库 ①岗位需求 ②现在的世界&#xff0c;大数据时代&#xff0c;得数据者得天下 ③被迫需求&#xff1a;存数据 ④数据库是所有软件体系中最核心的存在 什么是数据库 数据库&…

java设计模式(2):UML图

统一建模语言&#xff08;Unified Modeling Language&#xff0c;UML&#xff09;是用来设计软件的可视化建模语言。它的特点是简单、统一、图形化、能表达软件设计中的动态与静态信息。 UML 从目标系统的不同角度出发&#xff0c;定义了用例图、类图、对象图、状态图、活动图…

kerberos环境下Flink on Yarn集群部署 基于flink1.15.3 hadoop 3.0CDH6.3.2

1.1 概要介绍 Flink on Yarn的HA高可用模式&#xff0c;首先依赖于Yarn自身的高可用机制&#xff08;ResourceManager高可用&#xff09;&#xff0c;并通过Yarn对JobManager进行管理&#xff0c;当JobManager失效时&#xff0c;Yarn将重新启动JobManager。其次Flink Job在恢复…

微服务框架 SpringCloud微服务架构 29 ES 集群 29.2 搭建集群

微服务框架 【SpringCloudRabbitMQDockerRedis搜索分布式&#xff0c;系统详解springcloud微服务技术栈课程|黑马程序员Java微服务】 SpringCloud微服务架构 文章目录微服务框架SpringCloud微服务架构29 ES 集群29.2 搭建集群29.2.1 搭建ES 集群29 ES 集群 29.2 搭建集群 2…

kubernets 实践

文章目录kubernets 部署v1.25.5flink on k8sflink version 1.14.6kubernets 部署 v1.25.5 这里我选择的是kubeadm方式部署 虚拟机数量&#xff1a;4 centos发行版本&#xff1a;CentOS Linux release 7.9.2009 (Core) 内核版本&#xff1a;Linux hadoop101 5.4.225-1.el7.el…

简单又好用的5款小工具软件

人类与99%的动物之间最大差别在于是否会运用工具&#xff0c;借助好的工具&#xff0c;能提升几倍的工作效率。 1.软件卸载删除——UninstallTools UninstallTool 是一个小巧、安全、快速、强大的软件卸载删除工具&#xff0c;它支持在使用软件本身的卸载程序卸载完毕后&…

CMake中set_target_properties/get_target_property的使用

CMake中的set_target_properties命令用于为targets设置属性(targets can have properties that affect how they are built)&#xff0c;其格式如下&#xff1a; set_target_properties(target1 target2 ...PROPERTIES prop1 value1prop2 value2 ...) 该命令的语法是列出要更改…

浅析安科瑞无线测温装置在香港科技大学配电系统中的设计应用

摘要&#xff1a; 随着变电站自动化技术的推广和应用&#xff0c;无人值班的变电站越来越多&#xff0c;变电站的高压开关柜采用全密封结构&#xff0c;在长期运行过程中&#xff0c;开关的触点和母线连接等部位因老化或接触电阻过大而发热&#xff0c;由于这些发热部位的温度…

四种基于MQ的分布式事务解决方案

在微服务的时代&#xff0c;分布式事务是绕不开的话题&#xff0c;尽管在大多数场景下&#xff0c;我们并不需要使用分布式事务&#xff0c;但是 不需要使用 不代表 可以不会使用&#xff0c;万一哪天真需要用到了呢&#xff1f;分布式事务是一个比较大的话题&#xff0c;今天我…

1426827-79-3,endo-BCN-NHS ester,endo-BCN-NHS 活性酯

endo-BCN-NHS ester试剂反应原理&#xff1a; BCN基团与叠氮化物标记的生物分子反应&#xff0c;NHS酯可用于标记蛋白质的伯胺&#xff08;-NH2&#xff09;、胺修饰的寡核苷酸和其他含胺分子&#xff0c;西安凯新生物科技有限公司下面为大家整理分享。​endo-BCN-NHS ester物理…

Python学习基础笔记三十二——正则表达式

官方定义&#xff1a;正则表达式是对字符串操作的一种逻辑公式&#xff0c;就是用事先定义好的一些特殊字符、及这些特定字符的组合&#xff0c;组成一个“规则字符串”&#xff0c;这个规则字符串用来表达对字符串的一种过滤逻辑。 1、在Linux运维中&#xff0c;vi、grep、awk…

fiddler使用的作用与常见应用场景

Fiddler工具的工作原理 1.本地应用与服务器之间所有的Request 和Response都将经过Fiddler&#xff0c;由Fiddler进行转发&#xff0c;此时Fiddler以代理服务器的方式存在。 2.由于所有的网络数据都会经过Fiddler&#xff0c;因此Fiddler能够截获这些数据&#xff0c;实现网络…

美团四面 Java 岗,终获 offer,我是这么回答面试官的

前言 经历了 10 月的疫情挣扎与 11 月失业的煎熬&#xff0c;终于来到了春末的 12 月&#xff0c;内心的压力也稍稍的松懈了一些&#xff0c;终于可以放心找个工作了&#xff0c;可是随着的等待面试的机会的越来越少&#xff0c;这份焦虑反而越来越大&#xff0c;也偶尔会想&a…

稳定性建设之JavaScript代码不能被阻断

稳定性建设之JavaScript代码不能被阻断 背景 js代码可能会因为某些原因&#xff0c;导致出错&#xff0c;进而整个后续代码有可能都被阻断。直接影响线上的稳定性 最常见的js被阻断的情况 console.log(111) // 预期 a {} // 结果 a undefined a.a 1 console.log(222) // …

Pycharm的简单介绍以及api的使用

一、什么是Pycharm&#xff1f; Pycharm是一种python IDE&#xff0c;带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具&#xff0c;比如调试、语法高亮、Project管理、代码跳转、智能提示、自动完成、单元测试、脚本控制。此外&#xff0c;该IDE提供了一些高级功…

MyBatis-Plus中自动填充功能的用法

系列文章目录 Mybatis-PlusSpringBoot结合运用_心态还需努力呀的博客-CSDN博客MyBaits-Plus中TableField和TableId用法_心态还需努力呀的博客-CSDN博客 MyBatis-Plus之ActiveRecord[基础增删改查操作]_心态还需努力呀的博客-CSDN博客 MyBatis-Plus分页查询&#xff08;快速上…

【JavaWeb开发-Servlet】day06-学生成绩管理系统-实现分页功能

目录 一、前端设计 二、分页功能 ①创建实体层 ②在DAO层新建两个方法 ③编写业务层 ④实现Servlet层 ⑤修改前端页面 ⑥测试 ⑦思路 ⑧扩展 一、前端设计 原来的前端非常简陋&#xff0c;没有明显的突出其功能&#xff0c;下面将对前端页面进行新的完善。 写一个标题…