撩课小程序(教育类)实战存档(小程序 + 云开发)
云开发
本项目使用了云开发,云开发的三大基础能力:
- 数据库:一个既可在小程序前端操作,也能在云函数中读写的 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"/>
,同时需要在微信公众平台绑定客服人员的微信号
讨论区模块
发布
评论
我的模块
- 我的提问
- 我的回答
参考文档
- 云开发文档
撩课小程序(教育类)实战存档(小程序 + 云开发)相关推荐
- 微信小程序仿网易云音乐(使用云开发,提供源码)
微信小程序仿网易云音乐(使用云开发,提供源码)!!!!!!!!!!! 源码: 链接:https://pan.baidu.com/s/1z_ZnRVbT4vjEENimi8yBQQ 提取码:u0o3 一 ...
- 小程序(四):微信登录功能的实现+云开发数据库
目录 好文推荐: 完整代码gitee仓库查看:https://gitee.com/CMD-UROOT/xzyy.git 一.微信登录 1.点击按钮(或其他),获取用户信息(昵称.头像等). 2.通过微 ...
- 小程序短信验证码登录,1分钟实现小程序发短信功能,借助云开发10行代码实现短信验证码登录小程序
老规矩先看效果图 普通短信 验证码短信 今天被云开发官方告知,云开发支持发短信功能了,然后就迫不及待的来尝下鲜. 进入官方文档一看,云开发给咱们开发者的福利还真不小. 不仅仅可以很方便的使用短信功能, ...
- 微信小程序超出代码大小限制,使用云开发调用文件+js动态调取(实例)
微信小程序代码上传大小有限制(可能是因为个人),但是提供了方便的云开发,有云数据库.数据存放.云函数,等功能.基础版还是免费的! 我在页面中需要调用13张图片,但是上传.预感.真机调试时都以" ...
- 微信小程序:物流运费计算模块(云开发)
// 目前想要搭建一个商城类型的小程序,官方貌似还没有响应计算运费的API: // 找了半天貌似也都只有描写UI这块怎么写的,关键是运费每家公司的计算标准都不太一样,并且也没有一个准确的价格 // 于 ...
- 微信小游戏开发之Cocos Creator使用微信云开发和微信开放能力
主题 Cocos Creator集成微信云开发和调用微信开放能力 特别说明 CocosCreator微信小游戏开发系列文章,是我在逐步开发过程中,基于官方文档之上,记录一些重点内容,以及对官方文档中有 ...
- 小程序里显示附近的位置,云开发数据库实现附近的人,按照位置远近排序,附近多少公里内的好友
最近好多同学问石头哥附近的人如何实现.今天呢,就借助这篇文章,给大家做一个系统的解答. 老规矩,先看效果图 可以看到我们在地图上显示了附近的一些标记点. 接下来就教大家如何实现附近的位置. 一,创建数 ...
- 微信小程序开发15 项目实战 基于云开发开发一个在线商城小程序
在学完前 4 个模块之后,我相信你会对微信小程序的开发有一个全新的认识.在前面 3 个模块中,俊鹏分别从微信小程序内在的运行原理,小程序工程化开发以及具体实践层面,深度讲解了微信小程序开发所必要的知识 ...
- 实战丨用云开发快速构建最美AI毕业照小程序
项目背景 为什么要做这个小程序 疫情原因,2020年的毕业季也不同了.很多毕业生没有举办正式的毕业典礼,也没有照毕业照,觉得这是人生的一大遗憾.为了弥补这一遗憾,我尝试用云开发快速实现一个云毕业照小程 ...
最新文章
- 学习这门课的一些问题
- maya点线面计数_Maya课时:点线面体选择技巧视频教程_翼狐网
- 【转载】PHP的(EOT)在PHP中添加html
- 漫水填充及Photoshop中魔术棒选择工具的实现
- 小米这个系列绝了!7款之后再添新机,完全分不清
- [精华][推荐]CAS SSO 实现单点登录实例源码
- Tips on rendering interiors
- windows API 菜鸟学习之路(三)
- 开源软件史上最大收购案!IBM340亿美元收购Linux分销商Red Hat
- UML 统一建模语言Unified Modeling Language (UML)
- 体验VisualStudio 2013中的内存分析功能
- 【树上贪心】Tree with Small Distances【codeforces-Round #506-div3-E】
- html5移动端单视频播放代码,js移动端视频播放代码
- c xaml语言教程,Xamarin XAML语言教程基础语法篇大学霸
- matlab符号运算求二阶微分方程,matlab二阶微分方程求解x 0.2x 0.4x=0.2u(t)
- 重装系统后开机启动项菜单如何删除
- 关于Shader KeyWord的整理
- 中兴ZXVb860av2.1t刷机固件,芯片晶晨S905l-b,不失效线刷包,当贝桌面
- Windows部署solr服务,启动solr单机模式和solrCould模式
- 还原/修改XP任务栏
热门文章
- 人人商城前期下单,系统首单为复购
- HDLC协议的特点及功能,让你一看就会
- 教学设计--Scratch2.0入门介绍
- 迭代策略评估(决定论)
- 万年历查询java项目查询,Java日历查询程序(万年历)
- Smali 语法解析——Hello World,android原生开发技术
- 密码必须符合复杂性要求
- 小程序源码下载[demo整理自github]
- 阿里云服务器的WebSocket压力测试报告
- iphone换android手机铃声,iphone12如何设置铃声?iphone12更换铃声方式分享[多图]