云开发

本项目使用了云开发,云开发的三大基础能力:

  • 数据库:一个既可在小程序前端操作,也能在云函数中读写的 JSON 文档型数据库
  • 文件存储:在小程序前端直接上传/下载云端文件,在云开发控制台可视化管理
  • 云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写业务逻辑代码

撩课小程序

教育类小程序:包含课程首页,讨论区,我的等功能

  • github地址:https://github.com/HuaiAnGG/itlike
  • 先上效果

您的浏览器不支持播放该视频~!

浏览器不支持播放该视频,可以直接访问视频地址

首页模块

全栈直播班

  • 点击课程图片可转跳到相应的课程界面(腾讯课堂小程序)
  • 课程介绍数据从云数据库中读取

最新公开课

  • 课程列表采用轮播图的方式呈现
  • 热门评论是直接爬取 课程用户评论API:https://m.ke.qq.com/cgi-bin/comment_new/course_comment_list
  • 采用云开发提供的数据库进行开发

学习路线

  • 使用自定义组件 卡片式组件:stage-card、加载更多组件:load-more

  • 对数据进行分页请求(云函数)

exports.main = async (event, context) => {let pageNum = event.pageNum || 1let pageSize = event.pageSize || 2let db = cloud.database()let sc = db.collection("stage_classes")let result = sc.orderBy('ccNum', 'asc').skip((pageNum - 1) * pageSize).limit(pageSize).get().then(res => {return res})return result
}
  • 分页请求的数据进行追加
// 请求的数据,如果有数据,则进行追加
if (res.result.data.length > 0) {currentPage++
}
this.setData({isLoading: false,stageData: this.data.stageData.concat(res.result.data)
})

关于撩课

  • 使用video组件,视频文件:视频资源
  • vedio 使用文档,请移步:官方文档

客服

  • 使用小程序的开发功能 <button open-type="contact"/>,同时需要在微信公众平台绑定客服人员的微信号

讨论区模块

发布

评论

我的模块

  • 我的提问

  • 我的回答

参考文档

  • 云开发文档

撩课小程序(教育类)实战存档(小程序 + 云开发)相关推荐

  1. 微信小程序仿网易云音乐(使用云开发,提供源码)

    微信小程序仿网易云音乐(使用云开发,提供源码)!!!!!!!!!!! 源码: 链接:https://pan.baidu.com/s/1z_ZnRVbT4vjEENimi8yBQQ 提取码:u0o3 一 ...

  2. 小程序(四):微信登录功能的实现+云开发数据库

    目录 好文推荐: 完整代码gitee仓库查看:https://gitee.com/CMD-UROOT/xzyy.git 一.微信登录 1.点击按钮(或其他),获取用户信息(昵称.头像等). 2.通过微 ...

  3. 小程序短信验证码登录,1分钟实现小程序发短信功能,借助云开发10行代码实现短信验证码登录小程序

    老规矩先看效果图 普通短信 验证码短信 今天被云开发官方告知,云开发支持发短信功能了,然后就迫不及待的来尝下鲜. 进入官方文档一看,云开发给咱们开发者的福利还真不小. 不仅仅可以很方便的使用短信功能, ...

  4. 微信小程序超出代码大小限制,使用云开发调用文件+js动态调取(实例)

    微信小程序代码上传大小有限制(可能是因为个人),但是提供了方便的云开发,有云数据库.数据存放.云函数,等功能.基础版还是免费的! 我在页面中需要调用13张图片,但是上传.预感.真机调试时都以" ...

  5. 微信小程序:物流运费计算模块(云开发)

    // 目前想要搭建一个商城类型的小程序,官方貌似还没有响应计算运费的API: // 找了半天貌似也都只有描写UI这块怎么写的,关键是运费每家公司的计算标准都不太一样,并且也没有一个准确的价格 // 于 ...

  6. 微信小游戏开发之Cocos Creator使用微信云开发和微信开放能力

    主题 Cocos Creator集成微信云开发和调用微信开放能力 特别说明 CocosCreator微信小游戏开发系列文章,是我在逐步开发过程中,基于官方文档之上,记录一些重点内容,以及对官方文档中有 ...

  7. 小程序里显示附近的位置,云开发数据库实现附近的人,按照位置远近排序,附近多少公里内的好友

    最近好多同学问石头哥附近的人如何实现.今天呢,就借助这篇文章,给大家做一个系统的解答. 老规矩,先看效果图 可以看到我们在地图上显示了附近的一些标记点. 接下来就教大家如何实现附近的位置. 一,创建数 ...

  8. 微信小程序开发15 项目实战 基于云开发开发一个在线商城小程序

    在学完前 4 个模块之后,我相信你会对微信小程序的开发有一个全新的认识.在前面 3 个模块中,俊鹏分别从微信小程序内在的运行原理,小程序工程化开发以及具体实践层面,深度讲解了微信小程序开发所必要的知识 ...

  9. 实战丨用云开发快速构建最美AI毕业照小程序

    项目背景 为什么要做这个小程序 疫情原因,2020年的毕业季也不同了.很多毕业生没有举办正式的毕业典礼,也没有照毕业照,觉得这是人生的一大遗憾.为了弥补这一遗憾,我尝试用云开发快速实现一个云毕业照小程 ...

最新文章

  1. 学习这门课的一些问题
  2. maya点线面计数_Maya课时:点线面体选择技巧视频教程_翼狐网
  3. 【转载】PHP的(EOT)在PHP中添加html
  4. 漫水填充及Photoshop中魔术棒选择工具的实现
  5. 小米这个系列绝了!7款之后再添新机,完全分不清
  6. [精华][推荐]CAS SSO 实现单点登录实例源码
  7. Tips on rendering interiors
  8. windows API 菜鸟学习之路(三)
  9. 开源软件史上最大收购案!IBM340亿美元收购Linux分销商Red Hat
  10. UML 统一建模语言Unified Modeling Language (UML)
  11. 体验VisualStudio 2013中的内存分析功能
  12. 【树上贪心】Tree with Small Distances【codeforces-Round #506-div3-E】
  13. html5移动端单视频播放代码,js移动端视频播放代码
  14. c xaml语言教程,Xamarin XAML语言教程基础语法篇大学霸
  15. matlab符号运算求二阶微分方程,matlab二阶微分方程求解x 0.2x 0.4x=0.2u(t)
  16. 重装系统后开机启动项菜单如何删除
  17. 关于Shader KeyWord的整理
  18. 中兴ZXVb860av2.1t刷机固件,芯片晶晨S905l-b,不失效线刷包,当贝桌面
  19. Windows部署solr服务,启动solr单机模式和solrCould模式
  20. 还原/修改XP任务栏

热门文章

  1. 人人商城前期下单,系统首单为复购
  2. HDLC协议的特点及功能,让你一看就会
  3. 教学设计--Scratch2.0入门介绍
  4. 迭代策略评估(决定论)
  5. 万年历查询java项目查询,Java日历查询程序(万年历)
  6. Smali 语法解析——Hello World,android原生开发技术
  7. 密码必须符合复杂性要求
  8. 小程序源码下载[demo整理自github]
  9. 阿里云服务器的WebSocket压力测试报告
  10. iphone换android手机铃声,iphone12如何设置铃声?iphone12更换铃声方式分享[多图]