https://github.com/kwanhooo/zuma-restaurant-frontend

智能餐饮管理系统 with Vue.js
https://github.com/kwanhooo/zuma-restaurant-frontend

csu element-plus javascript vue webapp

Last synced: about 2 months ago
JSON representation

智能餐饮管理系统 with Vue.js

• Host: GitHub
• URL: https://github.com/kwanhooo/zuma-restaurant-frontend
• Owner: Kwanhooo
• License: apache-2.0
• Created: 2022-07-23T03:53:34.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-23T03:54:15.000Z (over 2 years ago)
• Last Synced: 2023-03-05T19:13:15.820Z (almost 2 years ago)
• Topics: csu, element-plus, javascript, vue, webapp
• Language: Vue
• Homepage: zuma-restaurant-frontend.vercel.app
• Size: 527 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ⚡餐厅智能点餐系统⚡

### —— Zuma Restaurant

---

### 💻 项目说明

- 名称：餐厅点餐系统

- 行业：互联网、餐饮

- 技术：

    1. Web前端技术：三剑客、Vue,js、Element UI；

    2. Java EE应用框架：Spring、Spring Boot、MyBatis-Plus；

    3. 数据库：MySQL；

    4. 开发语言：Java；

    5. 其他：需求说明、概要设计、详细设计、用户使用手册

---

### 🤺 额外说明

- 使用SPA模式进行开发

- ...

---

### 〽️ 主要功能

1. **后厨需求功能**

    1. 派单提示

        - 点餐系统向后厨发送一个提示，后厨工作人员通过点餐系统得知有新的订单请求。

    2. 浏览订单信息

        - 在点餐系统的客户点餐列表中添加新的数据，数据中包含订单的桌号，菜品，以及数量的信息，后厨浏览此数据后，可以点击开始烹饪按钮，并开始烹饪。

    3. 上菜确认

        - 后厨在烹饪完成后，点击点餐系统中的烹饪结束按钮，点餐系统向服务员发送一条上菜的消息公告。

    4. 公告提示

        - 当管理员发送公告时，点餐系统的公告栏显示这一条公告并作出一个提示，后厨通过点餐系统获取公告信息。

    5. 账户管理

        - 后厨可以通过点击点餐系统右上角的修改密码进入修改密码界面，在新密码文本栏中输入新密码，点击修改密码按钮完成修改密码操作，保障账户信息的安全。

2. **前台需求功能**

    1. 密码修改

        - 管理员登录系统后，点击当前用户信息，弹出修改密码选项，点击进入修改密码界面，输入新密码，确认保存。

    2. 员工信息管理

        - 管理员点击系统左侧餐厅管理下的员工管理按钮，进入员工管理界面，点击添加员工按钮进入添加界面，输入员工帐号、密码、身份后，点击添加员工完成添加。管理员选中员工列

          表中一名员工，点击修改员工信息进入页面，输入员工新密码或新身份，点击确定保存。管理员选中员工列表中一名员工，点击查看信息按钮，弹出员工账号身份。管理员选中员工列表中一名员工，点击删除员工按钮，弹出是否删除员工对话框，点击确定，完成删除。

    3. 管理员发布公告

        - 管理员在系统上方输入栏输入公告，点击发送按钮，餐厅内部员工接收到公告。

    4. 查看经营数据

        - 管理员点击系统左侧餐厅管理下的查看经营数据按钮，进入页面，点击开始时间和结束时间选择搜索的时间区间，点击开始搜索，搜索结果栏显示出这一时间区间内的餐厅经营数据。

    5. 结账管理

        - 管理员点击系统左侧运营管理下的顾客结账界面，下方显示待结账顾客信息，点击确认按钮完成确认结账。

    6. 菜品管理

        -

       管理员点击系统左侧餐厅管理下的菜品管理按钮，进入菜品管理界面，点击添加菜品按钮，进入页面，输入菜品名称说明简介价格，添加菜品图片，并且可以勾选特色推荐菜品，点击添加菜品完成添加。管理员选中一个菜品，点击编辑菜品信息按钮，进入页面更改信息，点击确定保存。管理员选中一个菜品，点击查看菜品信息按钮，弹出该菜品信息。管理员选中一个菜品，点击删除按钮，弹出对话框询问是否确定删除菜品，点击确定完成删除。

3. **服务员需求功能**

    1. 设定桌号

        - 服务员在点餐系统点餐界面上方的文本栏中输入要设定的桌号，点击确认，为该桌建立一个单独的购物车。

    2. 选择菜品

        - 服务员在点餐系统的菜品清单界面在不同的菜品下通过加号减号修改菜品数量，并在设定数量之后通过菜品下方的加入购物车按钮将菜品加入该桌的购物车。

    3. 提交订单

        - 服务员在将菜品全部添加到购物车之后，点击最下方的提交订单按钮，将该桌的全部菜品数据发送给后厨，通知后厨烹饪。

    4. 上菜提示

        - 在后厨点击烹饪结束后，服务员的点餐系统界面中的公告栏显示一条上菜提示的公告并提示，该公告包含上菜的桌号等信息。

    5. 提交结算

        - 服务员点击点餐系统的买单按钮，将该桌的订单数据包括菜品价格等数据发送给管理员由管理员对结账进行操作。

    6. 账户管理

        - 服务员可以通过点击点餐系统右上角的修改密码进入修改密码界面，在新密码文本栏中输入新密码，点击修改密码按钮完成修改密码操作，保障账户信息的安全。

4. **顾客需求功能**

    1. 用户注册

        - 用户在点餐系统登陆界面点击注册按钮，输入帐号密码完成注册。

    2. 密码修改

        - 用户在点餐系统登陆界面点击修改密码按钮，输入原帐号密码，完成密码修改。

    3. 用户点餐

        - 用户登陆点餐系统，查看菜单，根据需要进行点餐，选择菜品及各菜的分量，选择完毕之后点击提交向系统下单。

    4. 自助结账

        - 用户用餐完毕之后，使用系统点击结账按钮，选择支付方式，按照提示完成支付。

---

### 🌳 所用环境

- 后端（详见 [Crinal Fan/restaurant_ordering_system (gitee.com)](https://gitee.com/crinal-fan/restaurant_ordering_system)

  ）

- 前端

    1. ES6

    2. HTML 5

    3. CSS 3

    4. ECMA 6

    5. Vue.js 3

    6. Element UI

---

### 📚 参考文档

1. [Vue 3 文档](https://v3.cn.vuejs.org/)

2. [Element 文档](https://element.eleme.cn/#/zh-CN/component/infiniteScroll)

---