从0到1用云开发+vant组件实现酒店小程序全栈开发(后台功能展示),毕设经验分享,避坑指南!【点赞+收藏】

第二篇:后台功能展示

  • 功能展示
    • 后台
      • (1)云开发控制台
      • (2)后台的登录入口
      • (3)门店信息管理
      • (4)房间类型管理
      • (5)菜品信息管理
      • (6)活动信息管理
      • (7)打卡推荐信息管理
      • (8)房间订单管理
      • (9)菜品订单管理
      • (10)活动报名管理

功能展示

本系列前两篇为功能展示,之后将逐步分享搭建过程。(由于上传gif的大小有限制,所以部分业务流程将分段展示)

后台

根据前台所需要的展示的数据、相应的功能、各门店信息独立维护等条件,后台借助云开发主要分成三部分:
1.云开发控制台,维护员工集合,包含门店号,员工号,登录账号,密码等字段;
2.信息管理,用来增删改查,维护系统在前台给用户展示的数据;
3.订单管理,用来查看订单,核销订单。其中,因为云数据权限的限制,对于每条记录在小程序端只有以下4种情况的权限,即在小程序端,只有创建该集合的_openid,才能对该集合做增删改的操作。但是,通过调用编写的增删改的云函数,则可实现在小程序端,不同_openid,对某一集合做增删改。需要注意的是,即使是调用云函数,在插入记录之后,也需要手动调整权限为以下所示。(ps:有的朋友们用云函数未能读取数据,可能是该集合的权限未修改。)
从0到1用云开发+vant组件实现酒店小程序全栈开发(后台功能展示),毕设经验分享,避坑指南!【点赞+收藏】_第1张图片

(1)云开发控制台

员工集合是直接通过云开发控制台直接建的,所以没有_openid。
(ps:
通常,集合中的每条记录都会需要包含两个值_openid 和 _id 。
_id,用于表示这条记录是唯一的。在这里相当于数据库表中的主键,在创建集合时,每条记录都会自动生成_id,当然也可选择自己赋值。
_openid,用于表示这些数据是这个用户的,在后续想要处理与该用户有关的数据时会用到,比如,用户打开【我的订单】,只能看到自己的订单信息。一个用户在一个微信小程序下都有唯一标志,这个标志是证明该用户在该小程序的唯一性存在的标志。小程序可以通过获取openid来确定该用户在小程序中的身份。用户在小程序端调用云函数向集合中新增数据时,可以通过云函数获取此时用户的_openid ,然后再和其他数据一起作为一条新记录,插入集合中。
)
从0到1用云开发+vant组件实现酒店小程序全栈开发(后台功能展示),毕设经验分享,避坑指南!【点赞+收藏】_第2张图片

(2)后台的登录入口

我在头像处设置了点击事件,点击7次,即可进入后台管理界面,输入登录账号和密码,即可进入相应的门店。
从0到1用云开发+vant组件实现酒店小程序全栈开发(后台功能展示),毕设经验分享,避坑指南!【点赞+收藏】_第3张图片

(3)门店信息管理

包括基础的增删改查,其中,图片是上传到云存储中的,在新增中,在未点击【保存】时,可通过长按图片,进行删除;点击图片,可以全屏展示。

  • 增删改查

  • 长按图片、点击图片

从0到1用云开发+vant组件实现酒店小程序全栈开发(后台功能展示),毕设经验分享,避坑指南!【点赞+收藏】_第4张图片

(4)房间类型管理

在房间信息管理这里,我设计的不太好,目前只支持一条一条的新增房间信息,并且对应在房间集合中,也是每一个门店下的每一间房对应一条记录。这样的话,我的房间集合中的许多记录的数据是比较冗余的,这主要由于我是第一次弄,数据结构没有想的很好。(ps:所以,你要是第一次做的话,数据结构这块一定要好好想下,对后面读取数据的影响也很大。)

  • 除了增删改查之外,还增加了简单的条件筛选,便于员工维护。

(5)菜品信息管理

(6)活动信息管理

从0到1用云开发+vant组件实现酒店小程序全栈开发(后台功能展示),毕设经验分享,避坑指南!【点赞+收藏】_第5张图片

(7)打卡推荐信息管理

(8)房间订单管理

房间订单管理分类设置为待入住、已入住,全部

  • 在待入住中,将展示【核销订单】按钮,以及该门店下,未核销且入住时间大于用户现在手机端时间的订单。点击查看详情,可以查看当前订单的详细信息,包括门店号,但是不展示入住凭证。
  • 在已入住中,展示的是已核销的订单,对应订单标记展示已核销;以及未核销且入住时间小于用户现在手机端时间的订单,对应订单标记展示未核销。
  • 在全部中,展示的是所有订单,订单标记是待入住和已入住。

a.前台用户点击【我的订房】——【去使用】——展示入住凭证
从0到1用云开发+vant组件实现酒店小程序全栈开发(后台功能展示),毕设经验分享,避坑指南!【点赞+收藏】_第6张图片
b.后台,酒店员工点击【核销订单】——输入凭证——核销订单,只允许核销当前门店下的订单,否则会跳出相应提示。
从0到1用云开发+vant组件实现酒店小程序全栈开发(后台功能展示),毕设经验分享,避坑指南!【点赞+收藏】_第7张图片

(9)菜品订单管理

菜品订单管理分类设置为新订单、已完成、全部,将根据信息的主次,在列表页展示主要信息,在详情页展示具体的菜品信息。
从0到1用云开发+vant组件实现酒店小程序全栈开发(后台功能展示),毕设经验分享,避坑指南!【点赞+收藏】_第8张图片

(10)活动报名管理

活动报名管理分类设置为待参加、已结束、全部

  • 在待参加中,将展示【核销订单】按钮,以及该门店下,已经有人报名的活动,根据活动的开始时间,将活动标记为进行中,未开始。
  • 在已结束中,展示的是活动结束时间小于当前员工手机端时间的活动
  • 在全部中,展示的是当前门店下已经被报名的活动。
    a.前台,用户展示活动入场凭证
    从0到1用云开发+vant组件实现酒店小程序全栈开发(后台功能展示),毕设经验分享,避坑指南!【点赞+收藏】_第9张图片
    c.后台,核销订单
    从0到1用云开发+vant组件实现酒店小程序全栈开发(后台功能展示),毕设经验分享,避坑指南!【点赞+收藏】_第10张图片
    (只要没到天亮,就还算今天,哈哈哈,这是答应的日更。第二篇后台功能介绍主要就是以上这些啦!想要大家的点赞,啦啦啦啦啦!)

你可能感兴趣的:(从0到1用云开发+vant组件实现酒店小程序全栈开发(后台功能展示),毕设经验分享,避坑指南!【点赞+收藏】)