作者(转载请注明出处):Happy王子乐
个人网站(整理部分学习资料):http://www.demxy.com/
个人GitHub(喜欢的还请点个Star、flow一下):https://github.com/HappyWjl
一、环境搭建
-
参考教程:https://blog.csdn.net/u012888052/article/details/79623229
-
另外,因为程序涉及微信登录功能,还需要自己注册个测试账号,相关地址:https://developers.weixin.qq.com/sandbox
里面的AppID、AppSecret,后面需要配置到java后台配置文件中。 -
此项目,代码样式为网上搜集,如有雷同,纯属巧合。
二、相关技术栈
css:略
javascript:略
weui:微信官方设计团队为微信 Web 开发量身打造的一个 UI 样式库,各种官方组件,好用简洁。
三、项目简单介绍
- 当用户扫描小程序二维码后,即可进入小程序首页,目前此项目未发布到线上,所以还没有公开的二维码。
主页面提供美食轮播图,可在后台自定义图片;
下方展示了店铺名称、店铺地址信息,可在后台自定义文案;
用户进行授权时,会调用微信小程序api,获取openid等值,并通过后端接口将用户信息保存到数据库中。 - 点餐页
当点击中间“点餐”按钮后,进入到点餐页,通过左侧的列表,展示了菜品的各种类目。点击类目,可以看到右侧详细的商品列表了,包括商品名称、商品描述、库存、价格,这些信息都可以在管理后台进行修改。
当点击商品右下角的“➕”时,商品会加入到购物车
点击购物车图标时,可以显示购物车内商品详情,并且可以一键清空购物车。 - 确认订单页
确认订单页可以选择就餐人数,方便上菜时,提供适合的餐筷。
点击下方按钮时,可以选择支付方式,分别为:会员卡、微信支付、银行卡。
当选择完支付方式后,订单即为"已支付"状态。 - 我的页
我的页可以修改个人信息,查看刚刚下过的订单,查看发表过的评价,并且可以直接拨打商家电话。
点击头像时,修改信息页弹出,可自行修改用户信息。
点击上方状态菜单,可查看不同状态下的订单信息。
当上菜后,后台管理系统可以完结订单,用户端即显示为“待评价”状态。
评价订单可以输入文字,进行美味的描述。。
评价完成后,订单为真正的完成状态,此时可以查看评价内容
评价内容可以选择查看全部或者自己的评价内容
四、项目注意点
- 项目采用了微信小程序 云开发,所以需要开启云开发权限
点击微信开发工具上方的云开发菜单
在云函数中配置上云函数名称
以上
小程序前端讲解地址:https://blog.csdn.net/u012888052/article/details/101530460
java后台、html管理后台 项目讲解地址:https://blog.csdn.net/u012888052/article/details/101768315
作者:Happy王子乐