当前位置:   article > 正文

(微信小程序)微信小程序-毕设级项目搭建-扫码点餐微信小程序(微信小程序+java逻辑后台+html管理系统)_扫码点餐github

扫码点餐github

作者(转载请注明出处):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王子乐

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/501245
推荐阅读
相关标签
  

闽ICP备14008679号