Skip to content

online-ordering是一个网上订餐的前端项目,基于Vue+Vant实现,采用移动端布局方式。该项目基于手机应用程序,涵盖多个页面,如首页、店铺、购物车、订单、个人中心、地址管理、注册和登录等。在店铺页面,用户可以浏览餐厅信息、菜单、评价等内容,并可以加入购物车或直接购买商品。购物车页面中,用户可以编辑购物车内容,进行全选/全不选/部分选、结算等操作。生成订单页面中,用户可以生成订单并进行支付。地址管理页面中,用户可以编辑或新增地址。个人中心页面中,用户可以查看订单记录、地址管理、账号管理等信息。在账号管理页面中,用户可以保存账号信息或退出登录。另外,用户还可以在注册和登录页面进行账号的注册和登录操作。

Notifications You must be signed in to change notification settings

Fu-Huan-Mei/online-ordering

Repository files navigation

友情提示

快速体验项目在线访问地址:切换为移动端,体验更佳。

项目交流:想要交流项目的朋友,可以加QQ或QQ邮箱与我联系。

前言

online-ordering项目使用了 Vue.js 作为主要的前端框架,并结合了 Vue Router 和 Vuex 实现了单页应用程序的路由和状态管理。同时,该项目还使用了 Vant 组件库、Mock.js 数据生成库、PostCSS-pxtorem 插件等辅助工具,帮助开发者快速构建高质量的移动端应用程序。

项目介绍

online-ordering是一个网上订餐的前端项目,基于Vue+Vant实现,采用移动端布局。该项目基于手机应用程序,涵盖多个页面,如首页、店铺、购物车、订单、个人中心、地址管理、注册和登录等。在店铺页面,用户可以浏览餐厅信息、菜单、评价等内容,并可以加入购物车或直接购买商品。购物车页面中,用户可以编辑购物车内容,进行全选/全不选/部分选、结算等操作。生成订单页面中,用户可以生成订单并进行支付。地址管理页面中,用户可以编辑或新增地址。个人中心页面中,用户可以查看订单记录、地址管理、账号管理等信息。在账号管理页面中,用户可以保存账号信息或退出登录。另外,用户还可以在注册和登录页面进行账号的注册和登录操作。

项目演示

前端项目manager-system地址:https://github.com/Fu-Huan-Mei/online-ordering.git

项目在线演示地址: https://order.toponlineweb.top

项目展示: Alt text

技术选型