基于微信小程序点餐系统的设计与实现.pdf
版权申诉
5星 · 超过95%的资源 43 浏览量
2021-12-04
20:58:20
上传
评论 6
收藏 3.36MB PDF 举报 
134
基于微信小程序点餐系统的设计与实现
蒋东龙
1
，孙铭锐
2
，李江岱
3
（1. 南阳市宛城区有线电视中心，河南 南阳 473000 ；2. 唐河教师进修学，河南 南阳 473000 ；3. 河南工业职业技术学院，河南 南阳 473000）
摘 要 ：
微信小程序在日常生活中应用越来越广，网上消费、游戏娱乐等成为了一种常见应用方式。为进一步了解和探索微信小程
序在点餐系统中的潜在价值和意义，开发了基于微信小程序的点餐系统。该系统使用 Javascript 技术、WXML、WXSS 等技术，实现了
浏览商品、下单结算、分享等功能，基本满足了用户点餐方面的需求，并且该系统具有随用随走，不需要下载APP，使用方便等特点。
关键词 ：
点餐系统 ；WXSS ；微信小程序
中图分类号 ：
TP311.56
文献标识码 ：
A
作者简介 ：
蒋东龙（1990-），男，河南南阳人，硕士，工程师，研究方向 ：计算机
科学与技术。
1 背景及意义
随着微信的普及应用，微信小程序也逐渐的开始被更多的人使用，
微信小程序可以通过搜索框搜索、二维码扫描、附近的小程序等多种
方法获取，而且小程序不需要再下载安装到手机上，需要用时直接搜
索即可，所以快速的在微信内被使用和传播
[1]
。本文充分借鉴和利用
行业微信小程序的经验和教训，发挥我们的优势，开发一款点餐系统
的微信小程序，以方便客户点菜，减少了大量的人力物力，规范餐饮
行业的标准的原则，本系统具有良好的发展前景和市场空间
[6]
。
2 设计的目的及基本思路
设计的目的是提供一种使用微信的便捷的点餐系统。系统分两种身
份 ：游客用户、会员用户。每种用户使用起来都简单、方便。每种身份的
描述如下 ：①游客用户 ：即是小程序附近的浏览者，在搜索附近的小程
序的时候微信会推荐附近的小程序，那么这些附近的人在浏览小程序的
时候就会选择需要的小程序使用等等。②会员用户 ：注册过的用户会在
微信小程序里可以优先找到自己最近使用过的小程序，这些注册过的用
户就可以直接打开小程序使用。③系统后台管理员 ：系统的后台管理员
在登录到小程序之后可以对商品进行上新、修改、删除等操作。
3 详细设计说明
（1）系统整体功能设计。根据设计的目的和基本思路，可知系统
主要模块，如图 1系统模块图所示 ：
微信点餐系统
前台 后台
浏览商品
浏览店铺
加入购物车
下单结算
登录
/
注册
修改订单
添加地址
收藏商品
上新产品
删除产品
查找产品
修改产品
图 1 系统模块图
①系统前台功能模块 ：a. 用户登录 ：已经注册的用户直接登录自
己的账号。当用户输入账号并且输入密码之后系统会检验该账号是否
已经注册，已经注册过的用户并且输入的密码没有错误的话，那么用
户可以直接登录。b.用户注册 ：如果用户是没有注册过的游客（未注
册），用户点击到该页面的时候可以注册，用户可以输入注册名，如果
注册名没有被注册过，那么用户可以注册，用户注册设置密码，如果
用户注册名和密码设置都成功那么用户注册成功。c.浏览店铺 ：游客
或者会员用户都可以通过系统首页的导航选择自己喜欢的模块进行浏
览，点击进入商品详细页面后，可以查看商品的制作材料等信息。也可
以通过店铺首页进入进行浏览店家推荐。d.点餐 ：注册用户能够通过
浏览商品后把自己需要的商品添加到购物车，在购物车中进行计算下
单。e.浏览商品 ：游客或者注册用户通过首页导航选择自己喜欢的商
品进行浏览，对于自己想了解更多的商品可以点进详情页进行浏览。
②系统后台功能模块 ：a.商品管理 ：b.管理员登录 ：管理员输入
自己的账号并且输入正确的密码，验证正确之后，确定是管理员身份
则登录成功。c.商品上新 ：管理员在确认登陆成功后可以对商品进行
上新。d.商品修改 ：管理员登陆成功后可以对商品信息进行修改，不
仅能修改商品的价格也可以修改商品的图片、描述等等。e. 商品删除 ：
管理员登陆成功后对需要删除的商品进行删除。f.商品搜索 ：管理员
登陆成功后可以在搜索框内对需要查找的商品进行搜索。
（2）系统用例设计。微信点餐小程序用户可以有两种身份 ：游客
用户、会员用户。每种用户使用起来都简单、方便。游客用户可以查看
评论、查看店铺、浏览等信息，如果需要进行点餐的时候就要是注册
用户才可以，要是经过注册、登录以后的用户才可以点餐。游客角色
用例图如图 2 所示，会员角色用例图如图 3 所示，管理员角色用例图如
图 4 所示，
图 2 游客角色用例图 图 3 会员角色用例图
图 4 管理员用例图
（3）数据库设计。系统中设计如下部分的几个数据表 ：商品信息
表、用户信息表、地址表和管理角色表。
a.商品信息表。商品信息表主要是用来存放商品这个实体的，它
不仅需要商品名、简介、图片等普通字段，还必须要有商品id，商品
id 是区别不同的商品。下面是商品信息表，如下表 4-1 所示 ：
表 4-1 商品信息表
编号 字段名称 字段类型 说明 备注
1 id int(10) 商品 id 主键，唯一，非空
2 username char(20) 商品名称 非空
3 present char(40) 简介 允许为空
4 price int(10) 价格 非空
5 face char(200) 图片 非空
b.地址表。地址表主要是用来在用户下单时选择收货时使用的，
所以它需要姓名、性别、手机号、区域等字段。
c.管理员表。管理员的设定是为了方便后台数据的管理，其中重
要的是管理员的 id, 这是管理员区别于其他用户的标识。
5 结论
本文基于微信平台，使用 Javascript 技术、WXML、WXSS 等技
术，开发了微信点餐小程序，实现了浏览商品、下单结算、分享等功能，
基本满足了用户点餐方面的需求，并且该系统具有随用随走，不需要
下载 APP，使用方便等特点。
参考文献
[1] 刘玉佳.微信“小程序”开发的系统实现及前景分析[J].信息通
信 ,2017(01):260-261.
[2] 申燕萍,何梦磊.基于微信小程序的点餐系统[J].电脑知识与技
术 ,2018,14(04):62-63+83.
[3] 陈世宇 , 邓秋雪, 陈正铭,等. 试析微信小程序前端界面与网站前端界面实
现技术的异同 [J]. 电脑编程技巧与维护 , 2017(20):5-8.
- 1
- 2
前往页