一个基于 Vue 开源、功能齐全的掌上点餐系统

项目介绍

一指香飞是基于Vue和uni-app开发的一个功能齐全的掌上点餐系统，支持多端（安卓、iOS、微信小程序、支付宝小程序、百度小程序、H5）运行，旨在帮助移动端开发人员大幅提升开发效率。

应用场景

• 餐饮行业：适用于各类餐厅、咖啡馆、快餐店等，提供便捷的在线点餐服务。
• 外卖平台：可作为外卖平台的一部分，为用户提供在线订餐和支付功能。
• 自助点餐：在餐厅内设置自助点餐终端，减少人工服务成本，提高点餐效率。

功能模块

• 用户管理：

  • 用户登陆/注册
  • 找回密码
  • 用户中心
  • 修改用户资料
• 商品管理：

  • 商品列表展示
  • 商品详情查看
  • 商品分类浏览
  • 商品搜索
• 购物车：

  • 添加商品到购物车
  • 修改购物车商品数量
  • 删除购物车商品
  • 购物车结算
• 订单管理：

  • 订单列表查看
  • 订单详情查看
  • 订单状态跟踪
  • 订单支付
• 地址管理：

  • 地址列表查看
  • 添加新地址
  • 修改地址
  • 删除地址
• 消息通知：

  • 新订单消息通知
  • 订单状态变更通知
  • 系统消息通知

功能特点

• • 多端支持：一套代码多端通用，支持编译封装成H5、安卓端、苹果端、微信小程序等终端运行程序。
  • 组件化开发：采用MVVM组件开发模式，复用性强，易于维护和扩展。
  • 丰富的组件库：提供多种可复用的页面内容组件和模板组件，如地址管理、裁剪图片、城市选择器、弹出选择器等。

• 公共工具插件：包含多种公共工具插件，如Base64编码转换工具、MD5编码转换工具、Storage缓存工具等，方便开发。
• AJAX请求封装：提供统一的AJAX请求封装，简化网络请求处理。
• Vuex状态管理：使用Vuex进行状态管理，方便处理购物车、登录状态等全局状态。

项目技术栈

• 前端框架：Vue.js + uni-app
• UI组件库：uni-app官方UI组件库 + 自定义组件
• 状态管理：Vuex
• 网络请求：Axios（通过AJAX请求封装）
• 打包工具：HBuilderX
• 开发环境：Node.js + npm/yarn
• 版本控制：Git

功能演示

开源地址

https://gitee.com/wokaixin/a_fragrant_fly