基于微信小程序的点餐系统

如果觉得有用,记得点赞关注我哦

结果图:
基于微信小程序的点餐系统
基于微信小程序的点餐系统
基于微信小程序的点餐系统

在微信公众号新白者回复点餐小程序即可领取源码

一、作品设计

系统总体功能结构

本次开发并设计的餐厅订餐系统从用户端开始点餐流程,通过用户端的移动设备打开该小程序的点餐界面,之后进行用户的登录确认,若是用户没有进行登录,则会引导用户前往登录或注册界面,登录完成状态确认后将会进入主界面;通过选择好用餐的餐厅之后,通过扫码进行点餐;之后进入菜单界面,在此界面可以通过选择需要的菜品来进行点单,选择的菜品可以进入购物车中进行编辑,下单完成后需要付款,付款完成后的订单将会显示在商户端;商户端审核通过后,此用户即可进入用餐环节;用户在用餐完成后即可对此订单进行评价操作。
商户端的管理员登录成功后,接收并确认用户端提交过来的订单,最后给用户提供送餐等相关服务。
该餐厅点餐系统主要包括用户功能模块和管理员功能模块两部分,其中用户部分主要功能模块有注册登录、信息管理、订单管理、评价管理。管理员部分的功能主要有系统管理、订单管理和菜品管理等。

系统总体的功能结构图如下图所示:
基于微信小程序的点餐系统

二、功能模块设计

该系统中的用户功能模块中,具体的各个功能有订单管理功能中包括了添加桌号、修改桌号、添加备注、添加菜品、删除菜品、查询菜品、会员优惠买单、普通用户买单等功能;用户信息管理功能中包括了查看历史订单、查看个人信息和修改个人信息等功能;登录管理功能中包括了注册账户、登录账户和登出账户等功能;评价管理功能包括了添加评价、删除评价和添加追评等功能。
(1) 登录管理模块使用微信授权登录管理实现,若用户已经登录则可以进行授权登录的操作,若用户未登录则进行引导,引导用户前往账号注册界面;登录界面默认显示登录按钮,若之前已有过授权登录操作记录,则在下次进入时会自动执行登录操作,无需再次进行登录操作。登录管理流程图如下:
基于微信小程序的点餐系统
(2)订单管理模块使用了与后端数据库进行交互来进行数据的互通,在使用时利用localhost来建立连接,因为使用的是本机创建环境运行的方式,所以在设备进行连接测试时必须处于同一个网路环境中才能在用户端实现对应数据的显示。在订单窗口中,有数个小窗口,在点击对应窗口时触发对应的选择事件,并显示相应事件所需要触发的窗口。订单管理流程图:
基于微信小程序的点餐系统
(3)用户信息管理模块使用微信提供的API接口来进行实现,通过进行对应的界面来进行个人信息的更改,更改之后点击保存并和服务器端进行同步更新,之后在登录该点餐系统后将会重新读取用户的公开信息,并在个人信息界面对于的位置进行重新显示,此处更改后重新进行展示的内容为头像和微信昵称,其余信息将只保存在前端控制台中。用户信息管理流程图:基于微信小程序的点餐系统
(4)评价管理界面使用与后端交互的形式来进行,此处也必须处于同一个网络环境下才能进行数据库数据的读取和交互。进入该界面默认初始位置在个人评论界面,点击另一个窗口上方按钮即可进入全部评论信息界面进行查看;个人评论界面使用openid进行定位查询,全部评论使用查找全部语句来进行评论数据库中信息的查询,并将结果显示在对应界面。评价管理流程图:基于微信小程序的点餐系统