云开发微信扫码点餐小程序cms-客栈学院-程序员客栈-程序员客栈

介绍课程公告

课程介绍

技术选型

1，前端微信小程序原生框架cssJavaScript

2，管理后台云开发Cms内容管理系统web网页

3，云开发云函数云数据库云存储

常见问题

Q1: 本课程的价格是一次性的吗？

A: 课程标价就是整个课程的价格，购买后观看本课程内所有章节视频不另外收费。

Q2: 购买本课程提供所用软件吗？

A: 客栈学院只提供课程教学，不提供软件销售和下载，请同学们自行安装好正版软件进行学习。

Q3: 本课程有观看有效期吗？

A: 课程不限有效期，购买成功即可随时观看。

Q4: 本课程视频可以下载吗？

A: 由于视频涉及版权问题，课程视频不支持下载。

Q5: 本课程买了之后有售后服务吗？

A: 购买完课程之后可以加售后答疑微信，课程学习过程中会有资料发送、答疑解惑等售后服务内容。

目录20章190节

第1章项目功能点演示

1-1: 点餐小程序技术选型和首页演示

免费

1-2: 菜品列表页带分类和不带分类的演示

免费

1-3: 点餐小程序购物车页面的演示

1-4: 扫码点餐下单并模拟支付

1-5: 我的订单页效果演示

1-6: 对饭店进行评价并查看评价列表

1-7: 客户端排号等位和管理端叫号功能演示

1-8: 个人中心和在线客服功能的演示

1-9: 手机扫码下单和后厨管理员登录

1-10: 用户新下单厨师端有语音提示

1-11: 支付成功后增加菜品销量

1-12: CMS可视化网页管理后台演示

1-13: 新加首页热门菜品推荐和饭店地址地图显示功能

1-14: 新加购物车页面和继续选菜功能

第2章源码下载与部署

2-1: 下载模拟支付源码并导入到开发者工具

2-2: 小程序云开发环境的初始化

2-3: 云函数的部署

2-4: 下单提示音上传到云存储

第3章 cms可视化后台

3-1: 在云开发控制台开通cms内容管理功能

3-2: 熟悉cms可视化内容管理后台

3-3: 内容管理cms的深入学习

3-4: 请求cms创建的新闻列表

3-5: 列表跳详情页并携带数据

3-6: 在详情页请求详情数据并展示到页面

3-7: 数据表(内容模型)的导入

3-8: 导入菜品数据遇到问题

3-9: 导入菜品和轮播图数据并修改集合权限

3-10: 管理员和订单表的权限修改

3-11: 创建新的菜品类目并添加新菜

第4章源码的速览

4-1: 点餐小程序首页代码快速讲解

4-2: 个人中心页代码的快速讲解

4-3: 管理页登录页的快速讲解

4-4: 后厨管理端代码的快速讲解

4-5: 排号管理端代码的快速讲解

4-6: 不带分类菜品列表代码的快速讲解

4-7: 带分类菜品列表代码的快速讲解

4-8: 我的订单和评价列表代码的快速讲解

4-9: 用户端排号等位代码的快速讲解

4-10: 确认订单和模拟支付代码的快速讲解

第5章创建新项目

5-1: 注册并创建属于自己的第一个小程序

5-2: 创建项目时最好勾选不使用云服务

5-3: 改造项目把一些无用的文件删除掉

5-4: 创建项目所需页面改造主题样式

5-5: 通过tabBar设置小程序多页面

第6章首页的开发

6-1: 首页轮播图swiper和image组件的使用

6-2: 请求网络数据并渲染到首页轮播图

6-3: 在cms后台动态增删轮播图

6-4: 编写搜索框的页面

6-5: 搜索区域页面美化

6-6: 获取用户的输入内容

6-7: 搜索词为空的时候给用户一个提示

6-8: 模糊搜索实现的关键代码编写

6-9: 通过手机键盘触发搜索事件

6-10: 跳到菜品页并携带搜索词

第7章九宫格分类的开发

7-1: 下载所需的图片资源

7-2: 学习flex弹性布局来实现九宫格

7-3: 九宫格布局的美化

7-4: 定义九宫格的点击事件实现页面跳转

7-5: 修改每个页面的顶部标题

第8章热门菜品推荐

8-1: 首页热门菜品标题区域的编写

8-2: 获取首页热门菜品的数据

8-3: 通过云函数获取热门菜品

8-4: 把热门菜品数据渲染到页面上

8-5: 首页热门菜品列表样式的美化

8-6: 标题字数过多时问题的解决

第9章商家地址与地图导航

9-1: 小程序地图组件map的讲解

9-2: 在地图上通过标记点显示饭店地址

9-3: 点击地图上的标记点并携带数据

9-4: 在地图上获取自己的当前位置和目的地经纬度

9-5: 小程序里调起手机地图实现导航功能

9-6: 解决用户拒绝位置授权没法导航的问题

9-7: 实现电话拨打和微信复制的功能

第10章登录退出和缓存的学习

10-1: 登录退出和缓存的前情提要

10-2: 小程序授权登录的最新实现方案

10-3: 授权登录的代码实现

10-4: 小程序项目中that和this的区别

10-5: 使用es6语法避免this指向问题

10-6: 获取用户头像并显示

10-7: 实现圆形头像

10-8: 授权登录代码的简化

10-9: 退出登录的代码实现

10-10: 本地缓存的实现

10-11: 获取本地缓存和清空本地缓存

第11章个人中心的编写

11-1: 源码的下载与导入注意事项

11-2: 个人中心接入登录和退出的代码

11-3: 个人中心条目布局的实现

11-4: 图片箭头和css画的箭头对比

11-5: 登录和退出显示不同的布局

11-6: 在线客服和意见反馈

11-7: 消除button按钮默认样式

11-8: 手机上演示在线客服和意见反馈

第12章搜索页的编写

12-1: 搜索页需求拆解

12-2: 搜索页顶部搜索框的编写

12-3: 搜索结果列表的编写

12-4: 首页搜索词传递到搜索页并进行搜索

12-5: 编写加减菜品的布局

12-6: 加减菜品数量原理讲解

12-7: 实现菜品购买数量的减少

第13章弹窗和总价

13-1: 菜品列表页的实现

13-2: 让购物车固定在底部

13-3: 底部区域的布局编写

13-4: 购物车按钮位置的摆放

13-5: 实时的统计购物车的总价格和总数量

13-6: 定义购物车数组存放购物车数据

13-7: 添加购物车菜品数据到购物车里

13-8: 减少购买菜品数量并同步到购物车数组

13-9: 减少菜品的问题修复和灰色蒙层的实现

13-10: 点餐小程序里实现购物车列表

13-11: 点餐小程序里实现购物车的显示和隐藏

13-12: 购物车列表里菜品样式的实现

13-13: 把缓存里取到的购物车菜品数量同步到菜品列表

13-14: 解决购物车添加数量不能同步的问题

13-15: 解决删除某个菜品时数据错乱问题

13-16: 解决总价和总数量没法同步的问题

13-17: 实现清空购物车功能

13-18: 删除购物车里的某一条菜品

第14章购物车页面的学习

14-1: 新加购物车页面的准备工作

14-2: 在底部导航栏里增加购物车页面

14-3: 把菜品列表页改造成购物车列表页

14-4: 改造加减菜品的代码

14-5: 求总价和删除某条菜品

14-6: 购物车为空时的页面显示

第15章确认订单页的学习

15-1: 熟悉确认订单页里都有哪些内容

15-2: 页面跳转和顶部标题的修改

15-3: 从缓存里读取购物车菜品数据

15-4: 把购买菜品数据显示到列表上

15-5: 计算购买菜品的总价格和总件数

15-6: 扫描桌号二维码的准备工作

15-7: 调取扫一扫功能识别桌号二维码

15-8: 用全局变量存扫描识别出的桌号

15-9: 编写就餐人数的布局

15-10: 就餐人数选择列表的样式美化

15-11: 点击选中就餐人数的代码编写

15-12: 提交订单前的校验工作

15-13: 提交订单数据到订单数据库

15-14: 获取用户点餐时的备注信息

15-15: 提交订单后跳转页面和清空购物车

第16章我的订单页

16-1: 添加我的订单页的入口

16-2: 编写顶部导航栏的页面布局

16-3: 顶部导航栏的点击选中

16-4: 根据导航栏的不同请求不同状态的订单

16-5: 16-5把请求到的订单列表显示到页面上

16-6: 订单列表里显示点了那些菜品

16-7: 获取当前的下单时间并格式化

16-8: 取消订单的页面布局和功能编写

16-9: 编写去评价菜品的按钮样式

16-10: 提交评价的准备工作

16-11: 调取带输入框的弹窗

16-12: 添加评价到数据库

第17章评价列表页

17-1: 跳转到评价列表页

17-2: 实现评价列表的顶部导航栏

17-3: 获取我的评价数据和表权限讲解

17-4: 编写云函数获取全部评价列表

17-5: 编写评价列表的布局和样式

17-6: 添加评价时间并显示在列表上

第18章管理登陆和订单管理

18-1: 创建管理员页面并添加入口

18-2: 编写登陆页面的布局和样式

18-3: 获取用户输入的账号和密码

18-4: 管理员登陆功能的编写

18-5: 登陆页面的代码优化

18-6: 登陆成功以后切换到成功的页面

18-7: 记录管理登陆状态方便管理订单

18-8: 退出登陆功能的讲解

18-9: 创建管理订单页面

18-10: 通过云函数请求菜品订单数据

18-11: 后厨人员管理订单功能的开发

第19章排号等位功能

19-1: 选择就餐人数

19-2: 实现客户端排号的页面

19-3: 根据人数判断排号大桌或者小桌

19-4: 排号等位原理的讲解

19-5: 添加排号等位数据和更新数据

19-6: 用当前的年月日作为排号数据的唯一标识

19-7: 对代码进行优化减少冗余代码

19-8: 获取当前用户排号的号码

19-9: 大桌排号等位功能的实现

19-10: 模拟管理员叫号

19-11: 前情回顾和跳转到排号管理页

19-12: 编写排号管理员页

19-13: 请求排号数据并显示排号信息

19-14: 小程序管理员端实现排号管理功能

19-15: 用户排号更新数据时的问题解决

19-16: 代码优化和用户openid的获取

第20章菜品分类

20-1: 添加菜品分类页到导航栏

20-2: 添加新的菜品分类和菜品

20-3: 对菜品进行分类

20-4: 改造菜品列表快速实现分类页的编写

20-5: 修整分类页的布局样式

20-6: 实现左侧分类和右侧菜品列表的联动

20-7: 左侧分类变化时顶部标题跟着变

20-8: 左右联动问题修复

邱石

编程小石头

码农一枚，非著名全栈开发人员，擅长小程序开发和教学。分享自己的一些经验，学习心得，希望后来人少走弯路，少填坑。

重点城市程序员兼职推荐

重点岗位程序员兼职推荐