基于springboot,vue网上订餐系统

news/2024/12/2 6:42:53/

开发工具:IDEA

服务器:Tomcat9.0, jdk1.8

项目构建:maven

数据库:mysql5.7

前端技术 :Vue+ElementUI

服务端技术:springboot+mybatis+redis

本系统分用户前台和管理后台两部分,项目采用前后端分离

主要功能如下:

(1)前台部分功能:

1.登录、注册、首页

2.购物车、商品详情、搜索商品、结算功能

3.我的订单、个人资料、退出登录、取消订单、评价等

(2)后台部分功能:

1.登录、首页、退出登录

2.用户管理:新增、修改、分页查询、删除

3.角色管理:新增、修改、分页查询、删除

4.商品分类管理:新增、修改、分页查询、删除

5.商品管理:新增、修改、分页查询、删除

6.订单管理:修改状态、查询详情、分页查询、删除

7.评论管理:分页查询、查看详情、回复
在这里插入图片描述
文档截图:
在这里插入图片描述
在这里插入图片描述
前台截图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
后台截图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

@RestController("AdminOrderController")
@RequestMapping("/admin/order")
public class OrderController {@Resourceprivate IOrderService orderService;/*** 后台分页获取订单数据* @param pageDTO* @return*/@PostMapping("/list")public ResponseDTO<PageDTO<OrderDTO>> getOrderListByPage(@RequestBody PageDTO<OrderDTO> pageDTO){return orderService.getOrderListByPage(pageDTO);}/*** 后台修改订单状态* @param orderDTO* @return*/@PostMapping("/edit-state")public ResponseDTO<Boolean> editState(@RequestBody OrderDTO orderDTO){return orderService.updateOrderState(orderDTO);}/*** 根据订单id获取订单详情信息* @param orderDTO* @return*/@PostMapping("/order-item")public ResponseDTO<OrderDTO> getOrderItemByOrderId(@RequestBody OrderDTO orderDTO){return orderService.getOrderItemByOrderId(orderDTO);}/*** 后台删除订单数据* @param orderDTO* @return*/@PostMapping("/remove")public ResponseDTO<Boolean> removeOrder(@RequestBody OrderDTO orderDTO){return orderService.removeOrder(orderDTO);}/*** 后台获取订单总数* @return*/@PostMapping("/total")public ResponseDTO<Long> getOrderTotal(){return orderService.getOrderTotal();}/*** 获取今日订单成交金额* @return*/@PostMapping("/today-price")public ResponseDTO<BigDecimal> getTodayPrice(){return orderService.getTodayPrice();}/*** 获取本周订单成交金额* @return*/@PostMapping("/week-price")public ResponseDTO<BigDecimal> getWeekPrice(){return orderService.getWeekPrice();}/*** 获取本月订单成交金额* @return*/@PostMapping("/month-price")public ResponseDTO<BigDecimal> getMonthPrice(){return orderService.getMonthPrice();}/*** 根据时间范围和订单状态获取交易的订单总数* @return*/@PostMapping("/count-state-date")public ResponseDTO<List<Integer>> getOrderCountByDateAndState(){return orderService.getOrderCountByDateAndState();}}
<body class="html not-front not-logged-in one-sidebar sidebar-second page-cart page-cart-checkout" ><div id="skip-link"><a href="#main-content" class="element-invisible element-focusable">Skip to main content</a></div><div id="wrapper"><!-- LOGIN POP UPS --><div id="popup-overlay"></div><div class="wrapper"><header><the-header></the-header></header><div class="content clearfix"><div class="pane-content" style="margin-top:50px"><div id="meals-of-the-day"><h3 class="title-separator"><span class="title">推荐餐品</span><span class="sep"></span></h3><ul><li  style="width: 300px; padding: 0px 10px;" class="meal" v-for="(item, index) in recommendProductList" :key="index"><div class="img-holder"><img typeof="foaf:Image" :src="item.photo|filterPhoto" width="327" height="198" alt="" /></div><div class="desc-holder"><h1><router-link :to="'detail?productId='+item.id" :title="item.name">{{item.name|filterName}}</router-link></h1><p v-text="item.info"></p><span class="price" v-text="'¥'+item.price"></span><div class="add-to-cart"><form id="uc-product-add-to-cart-form-4"><div><div class="form-actions form-wrapper" id="edit-actions"><input class="node-add-to-cart form-submit" @click="addCart(item.id)" type="button"  value="加入购物车" /></div></div></form></div></div></li></ul></div></div><div class="panel-separator"></div><div class="panel-pane pane-block pane-custom-featured-meals" ><div class="pane-content"><h3 class="title-separator"><span class="title">热销餐品	</span><span class="sep"></span></h3><div id="featured-meals"><ul><li class="meal" v-for="(item,index) in saleList" :key="index"><div class="img-holder"><img typeof="foaf:Image" :src="item.photo|filterPhoto" width="191" height="148" alt="" /></div><h1><router-link :to="'/detail?productId='+item.id" v-text="item.name"></router-link></h1><p v-text="item.info"></p><span class="price" v-text="'¥'+item.price"></span><div class="add-to-cart"><form id="uc-product-add-to-cart-form-4--2"><div><div class="form-actions form-wrapper" id="edit-actions--5"><input class="node-add-to-cart form-submit" @click="addCart(item.id)" type="button" id="edit-submit-4" name="op" value="加入购物车" /></div></div></form></div></li></ul></div>  </div></div><div class="panel-separator"></div><div class="panel-pane pane-block pane-custom-custom-cart" ><h2 class="pane-title">最高人气</h2><div class="pane-content"><p class="cart-block-items uc-cart-empty" v-for="(item,index) in viewList" :key="index"><router-link  style="color:#ffffff; text-decoration: none" :to="'detail?productId='+item.id">{{index+1}} . {{item.name}}</router-link></p><div class="cart-box"><div class="body"><ul></ul><router-link class="submit-button" to="/menus">查看更多</router-link><div class="graphic"></div></div></div>  </div></div></div></div><the-footer></the-footer></div></body>

http://www.ppmy.cn/news/811720.html

相关文章

缺心眼的小灰,坐飞机花了300多元托运费!

最近大家过的开心吗&#xff1f; 小灰说一件自己遇到的不开心的事&#xff0c;好让大家开心开心。 熟悉小灰的读者们都知道&#xff0c;小灰非常喜欢旅游&#xff0c;每次都是在携程上订机票。 而绝大多数航班&#xff0c;都有一个免费托运行李额度&#xff0c;就像下图这样&am…

接口实现飞机订票系统的一个需求(托运价格计算),需求如下:

(1) 乘客可以免费托运重量不超过30kg&#xff08;含30kg&#xff09;的行李。 (2) 假设行李超过30kg&#xff0c;其收费标准为&#xff1a; 头等舱国内乘客&#xff0c;超重部分每千克收费4元。其他舱国内乘客&#xff0c;超重部分每千克收费6元。外国乘客&#xff1a;超重部分…

Java编程题2

Java一些常见的练习题 将一个四位整数的个位数&#xff0c;十位数&#xff0c;百位数和千位数取出并输出。 输入一个数&#xff0c;求他的阶乘 猜数字游戏&#xff0c;根据提示输入数字&#xff0c;要在三次之内才出来。超出三次游戏结束 主题&#xff1a;设计简单的飞机行李托…

出国去美国行李托运方式有哪些?

访问学者出行去美国一般都是航空出行&#xff0c;但行李托运方式有多种选择。无论你是乘坐飞机还是其他交通工具&#xff0c;下面将为您介绍一些常见的行李托运方式。 1. 飞机托运&#xff1a;乘坐飞机是最常见的去美国的交通方式之一。在登机前&#xff0c;您可以将行李托运至…

c#设计简单飞机行李托运计费系统

利用C#的if……else语句设计简单的飞机行李托运计费系统&#xff0c;程序运行效果图如下&#xff0c;这里假设飞机上个人拖运行李的条件是&#xff1a;行李重量在20公斤以下&#xff0c;免费托运&#xff1b;20 ~ 30公斤超出部分30元、公斤&#xff1b;30-40公斤超出部分40元/公…

openpnp - 负压传感器DP102的设置

文章目录 openpnp - 负压传感器DP102的设置概述笔记上电后的画面查看模式进入设置模式输出1检测模式输出2检测模式输出1和输出2的常态(常开/常闭状态)设置动作响应时间输出动作颜色的设置压力单位的设置回到正常的运行模式输出1下限的设置输出1上限的设置输出2下限的设置输出2上…

iPhone抓包stream

安装stream app store中下载stream 下一步&#xff1a;允许访问网络 下一步&#xff1a;允许添加VPN配置 安装证书 安装CA证书 进入 设置–通用–VPN和设备管理 信任证书 进入 设置–通用–关于本机–证书信任设置 开启 完成 抓包 打开stream&#xff0c;点击开…

iphone计算机显示过程,如何将视频从iPhone传输到计算机(PC和Mac)

通常,您在iPhone上保存了两种视频:一种是由iTunes导入的,另一种是由iPhone相机拍摄的。如果您的iOS设备空间不足,则可以将视频复制到计算机或外部硬盘驱动器上,以回收更多存储空间。 如何将视频从iPhone传输到PC 在本文中,我们将与您分享将视频,照片视频/录像从iPhone传…