网上订餐管理系统-ssm+vue

54 阅读4分钟

淘宝店铺搜索:点创微科

网上订餐管理系统-ssm+vue

本项目为前几天收费帮学妹做的一个项目,在工作环境中基本使用不到,但是很多学校把这个当作编程入门的项目来做,故分享出本项目供初学者参考

一、项目描述

基于ssm+ vue 的网上订餐管理系统

这是一个完整的网上订餐管理系统,采用前后端分离的开发模式,前端使用 Vue.js 框架,后端使用 SSM(Spring + SpringMVC + MyBatis)框架。

系统分为用户端和管理端,用户端主要面向普通订餐用户,提供商品浏览、下单、个人中心等功能; 管理端则面向管理员,用于管理商品、订单、用户、公告等。

前台登录页面 http://localhost:8080/wangshangdingcanxitong/front/index.html

后台登录页面 http://localhost:8080/wangshangdingcanxitong/admin/dist/index.html

管理员 账户:admin 密码:admin

用户 账户:a1 密码:123456

二、项目功能

一、用户端功能模块

  1. 首页 展示热门商品、推荐菜品、轮播图等。 提供搜索框,用户可以通过关键词搜索商品。

  2. 商品 列出所有可选商品,支持分类筛选(如按菜品类型等)。 每个商品展示图片、名称、价格、简介等信息。 用户可以点击商品查看详情,包括详细描述、评价等。

  3. 公告信息 展示系统公告,如促销活动、菜品更新通知等。 公告内容由管理员发布,用户可以查看最新公告。

  4. 个人中心 个人信息:用户可以查看和修改自己的基本信息(如姓名、电话、邮箱等)。

充值:用户可以进行账户充值,支持多种支付方式(如微信支付、支付宝等)。

送餐地址管理:用户可以添加、修改、删除送餐地址。

订单管理:

全部订单:展示用户的所有订单记录,包括已完成、未完成的订单。

已取餐:显示用户已取餐的订单。

已出餐:显示已出餐但未取餐的订单。

已支付:显示已支付但未出餐的订单。

退款:用户可以申请退款,管理员审核后处理。

已评价:显示用户已评价的订单。

  1. 购物车

用户可以将商品加入购物车。

支持修改购物车中商品的数量、删除商品。

用户可以从购物车中直接下单。

二、管理端功能模块

  1. 个人中心 修改密码:管理员可以修改自己的登录密码。 个人信息:管理员可以查看和修改自己的基本信息。
  2. 管理员管理 管理员可以添加、删除、修改其他管理员的账号。 设置管理员的权限级别。
  3. 商品管理 商品管理: 添加新商品,包括商品名称、图片、价格、描述、所属分类等信息。 修改商品信息。 删除商品。 商品评价管理: 查看用户对商品的评价。 可以回复用户评价。 删除不合适的评价。 商品订单管理: 查看所有订单的详细信息。 处理订单状态(如确认出餐、确认取餐等)。 查询订单(按订单号、用户、日期等条件查询)。
  4. 基础数据管理 商品类型管理:添加、修改、删除商品类型。 会员等级类型管理:设置会员等级,如普通会员、银卡会员、金卡会员等。 公告类型管理:定义公告的分类,如促销公告、系统通知等。
  5. 公告信息管理 发布新公告,包括标题、内容、发布日期等。 修改已发布的公告。 删除公告。
  6. 用户管理 查看所有用户的基本信息。 可以禁用或启用用户账号。 查看用户的订单记录和评价。
  7. 轮播图信息 管理首页轮播图,包括上传图片、设置链接等。

三、运行环境

运行环境开发工具:idea2024.1

运行环境:jdk1.8+maven3.8.6+MySQL5.7+tomcat8.0(此配置为本人调试所用,仅供参考)

四、项目技术

服务端技术:SSM

前端技术:Vue

以上系统源码经过技术整理与调试,确保能正常运行

五、项目截图

1751428386-f74458bd2f294d8.png

1751428391-8455abf9a7ac0f3.png

1751428396-3df84353dc3a9ed.png

1751428398-ca516af1729103e.png

1751428401-88a4d86ac47f23d.png

1751428403-2a8dfae053816ee.png

1751428407-fe289497c7ad47c.png

1751428409-9b40e0decdd4646.png

1751428422-e58c30fc4739d22.png

1751428426-64e96c72f34f216.png

1751428430-c8a83175390b7b4.png

1751428433-96c891fa98ef5cd.png

1751428436-08d967331a2bce5.png

1751428438-f622547839627fb.png

1751428440-1af96c43f371d1c.png

1751428442-b24a4e925b0c38f.png

1751428445-c42c958272d5ba5.png

1751428447-1c5a3df70fd151c.png

1751428449-d3f45d5110be0ca.png

1751428456-f44bdab594b5fc1.png

0c6f25b0fc054fd88c8dd70eac55b61f~tplv-73owjymdk6-jj-mark-v1_0_0_0_0_5o6Y6YeR5oqA5pyv56S-5Yy6IEAg6Z2S6Z2S5a2m5aeQ_q75.webp