uniPush在线抽奖uniapp项目实战小程序
3.4万
已完结 · 共99课时
长期有效
uni-push开发websocket抽奖大转盘微信小程序
156 元/99课时 立即购买
动态
微博
QQ空间
贴吧
将视频贴到博客或论坛
复制视频地址
微信扫一扫分享
- 用手机看
发布者
关注
咸虾米_
web前端工程师及产品经理，深耕专业10余载，对专业认真负责，分享精品学习教程，涉及知识领域有前后端、UI设计、产品研发。
课程概述
常见问题
Q：课程在什么时间更新？
A：课程更新频次以页面前端展示为准。购买成功后，课程更新将通过账号动态提示，方便及时观看。
Q：课程购买后有收看时间限制吗？
A：购买后除不可抗力因素外，本课程长期有效，请您放心购买。
Q：原价购买课程后，如遇到优惠折扣，是否可以退还差价或重新购买？
A：虚拟商品付款后无法返还，请您随时留意各类课程折扣信息，按需购买。
Q：购买课程后是否可以加入老师的粉丝群或者用户群？
A：如老师设置用户群，我们将邀您加入，但我们无法承诺所有老师均提供用户群服务，感谢理解。
课程目录
uni-push抽奖大转盘项目介绍
全集试看
1.1.uni-push实时推送在线互动抽奖项目知识概述
视频课
10分28秒
2
全集试看
1.2.创建uniapp项目关联uniCloud服务空间
视频课
7分36秒
抽奖列表及详情页面结构布局
3
全集试看
2.1.抽奖列表使用uni扩展组件uni-list实现布局
视频课
12分29秒
4
全集试看
2.2.引用插件使用z-paging触底及下拉和uni-load
视频课
13分17秒
5
全集试看
2.3.抽奖详情页结构拆解及样式布局
视频课
14分28秒
6
全集试看
2.4.引入getSystemInfoSync获取状态栏和标题栏
视频课
15分39秒
7
全集试看
2.5.使用animation动画实现波纹跳动按钮
视频课
17分44秒
8
全集试看
2.6.z-index层级关系布局层叠头像
视频课
11分8秒
9
全集试看
2.7.相关内容统一样式并previewImage点击预览图片
视频课
13分6秒
10
全集试看
2.8.定义公共方法在组件中使用及getCurrentPages
视频课
15分57秒
11
全集试看
2.9.侧栏悬浮菜单的动态展开与折叠效果
视频课
18分25秒
12
全集试看
2.10.uni-popup弹出层配合animation完成抽奖
视频课
14分36秒
13
全集试看
2.11.中奖状态弹窗样式结构
视频课
15分42秒
创建抽奖管理页面
14
全集试看
3.1.创建抽奖页面从插件市场导入插件
视频课
7分27秒
15
全集试看
3.2.比较麻烦的奖项结构布局
视频课
16分46秒
16
全集试看
3.3.创建奖项数据结构双向绑定数据
视频课
12分50秒
17
全集试看
3.4.完成新增奖项和删除的业务逻辑
视频课
10分22秒
18
全集试看
3.5.uni.chooseImage和uploadFile将图
视频课
14分11秒
19
全集试看
3.6.npm使用dayjs生成当前年月日和文件后缀名
视频课
15分40秒
20
全集试看
3.7.(选学)使用Promise封装图片上传方法
视频课
16分35秒
21
全集试看
3.8.uni-datetime-picker日期选择器及swi
视频课
15分31秒
22
全集试看
3.9.校验每项数据是否可以被提交
视频课
13分38秒
23
全集试看
3.10.开启抽奖页面uni-data-select选择奖项
视频课
14分32秒
24
全集试看
3.11.设置抽奖状态样式已经开奖记录
视频课
14分48秒
25
全集试看
3.12.拆分中奖记录页面的components组件
视频课
14分40秒
26
全集试看
3.13.设置小程序appid调用uni.scanCode扫码a
视频课
13分18秒
27
全集试看
3.14.组件具名插槽和props属性的使用对比
视频课
13分57秒
28
全集试看
3.15.完成抽奖项目的所有静态页面的串联
视频课
10分32秒
uniCloud云开发和uni-id用户体系
29
全集试看
4.1.引入uni-id用户体系配置uni-id-pages完成
视频课
15分31秒
30
全集试看
4.2.运行到H5账号密码注册登录设置密码强度passwordS
视频课
13分24秒
31
全集试看
4.3.创建Schema表认识各字段属性
视频课
7分16秒
32
全集试看
4.4.完成抽奖表数据结构从客户端重建抽奖活动
视频课
14分53秒
33
全集试看
4.5.创建抽奖处理成功和异常并回退到列表页面
视频课
7分42秒
34
全集试看
4.6.将抽奖数据表查询渲染到列表页面
视频课
15分10秒
35
全集试看
4.7.使用uni-id钩子beforeRegister创建默认
视频课
14分37秒
36
全集试看
4.8.使用ifdef条件编译兼容小程序和H5的图片上传
视频课
11分35秒
37
全集试看
4.9.使用JQL联表查询并使用运算方法field别名
视频课
15分54秒
38
全集试看
4.10.从列表跳转到详情展现详情主体内容
视频课
14分45秒
39
全集试看
4.11.使用阿里云图片缩放数据处理获取缩略小图减少cdn开支
视频课
13分23秒
40
全集试看
4.12.将抽奖详情数据展示到页面中
视频课
5分15秒
定制个人中心及聚合查询
41
5.1.使用uni-id-pages的store读取用户信息
视频课
11分5秒
42
5.2.配置uniIdRouter自动登录和微信登录后跳回上一页
视频课
16分21秒
43
5.3.编辑个人资料二次开发userinfo页面
视频课
14分59秒
44
5.4.展示上传的头像拓展个人资料的字段
视频课
14分19秒
45
5.5.修改登录页面样式设置用户协议和隐私政策
视频课
16分42秒
46
5.6.从详情页跳转到编辑页处理参数异常
视频课
13分27秒
47
5.7.编辑页面共同承担新增和修改的功能
视频课
14分45秒
48
5.8.巧用pointer-events属性进行全页面条件禁用
视频课
11分57秒
49
5.9.创建参与抽奖的表并参与后场景数据入库
视频课
13分39秒
50
5.10.云数据库聚合操作aggregate的lookup联表查
视频课
15分32秒
51
5.11.对副表进行match条件过滤结合云数据库运算方法
视频课
11分6秒
52
5.12.project指定字段用cond条件操作符处理
视频课
11分17秒
53
5.13.DB Schema数据库触发器改变参与人数
视频课
13分38秒
54
5.14.参与人列表页面布局使用临表联表查询
视频课
15分41秒
55
5.15.将参与人数据信息展示页面中
视频课
9分41秒
开启抽奖及各条件判断
56
6.1.处理开启抽奖页面的数据展示
视频课
13分56秒
57
6.2.根据抽奖状态进行条件判断
视频课
15分40秒
58
6.3.JQL语法和传统云函数调用数据库在客户端和服务端的差异
视频课
15分19秒
59
6.4.使用dbCommand更新数据表中的抽奖记录
视频课
15分33秒
60
6.5.循环遍历奖项替换抽奖记录的名称并展示
视频课
9分3秒
61
6.6.reduce遍历求和限制抽奖名额和页面回退更新
视频课
16分58秒
62
6.7.使用promise.all将所有满足条件的数据全部取出
视频课
16分6秒
63
6.8.随机函数获取中奖用户并创建中奖用户表
视频课
15分28秒
64
6.9.中奖用户入库并且判断是否可以重复中奖
视频课
15分52秒
65
6.10.开始抽奖前判断是否还有满足条件的用户
视频课
14分8秒
66
6.11.客户端和云对象端权限校验checkToken
视频课
16分12秒
67
6.12.JQL的schema内permission权限和传统云
视频课
15分42秒
开启uni-push实时推送
68
7.1.开通uni-push从后台发送数据在客户端监听onPus
视频课
12分28秒
69
7.2.云对象使用uniPush.sendMessage给客户端
视频课
15分42秒
70
7.3.实现通过user_id可以向指定用户推送消息
视频课
11分28秒
71
7.4.【案例】通过push在线点餐多人实时同步菜单
视频课
14分4秒
72
7.5.【案例】使用lodash.debounce防抖减少网络消
视频课
9分24秒
73
7.6.通过sendMessage向客户端推送状态
视频课
15分29秒
74
7.7.根据推送结果在客户端实时展示抽奖动画
视频课
12分36秒
75
7.8.将中奖结果返回在客户端展示不同样式
视频课
15分10秒
76
7.9.解决在抽奖过程中出现的异常或者错误处理
视频课
13分13秒
77
7.10.解决阶段性bug阻止用户重复参与报名抽奖
视频课
15分43秒
78
7.11.使用unipush实时推送参与人数
视频课
14分50秒
79
7.12.使用db.command条件获取参与人头像并展示
视频课
15分53秒
80
7.13.【选学】更复杂的聚合查询满足条件的用户头像
视频课
14分47秒
丰富项目功能
81
8.1.跳转至中奖用户页面深度解构查询数据内容
视频课
15分59秒
82
8.2.获取中奖数据向子组件传值并展示到页面
视频课
15分41秒
83
8.3.复合查询遍历获取到奖品相关信息
视频课
13分46秒
84
8.4.将用户的中奖记录页面进行数据渲染
视频课
9分44秒
85
8.5.管理员对中奖记录进行手动核销
视频课
12分45秒
86
8.6.调用微信API获取小程序码及各属性介绍
视频课
12分48秒
87
8.7.使用uniCloud.request调用第三方接口生成小
视频课
15分33秒
88
8.8.云对象自定义参数生成指定页面的小程序码
视频课
14分56秒
89
8.9.对小程序码scene参数解析并校验参数的合法性
视频课
11分55秒
90
8.10.scanCode扫码解析参数并校验跳转
视频课
15分41秒
91
8.11.完成扫码核销中奖
视频课
12分7秒
92
8.12.对核销的记录进行安全校验完成页面中的功能按钮
视频课
10分
93
8.13.将功能一致的代码进行拆离封装
视频课
7分12秒
94
8.14.在云对象中npm安装模块实现修改活动状态
视频课
12分35秒
95
8.15.云对象_timing定时触发修改活动状态
视频课
12分1秒
96
8.16.发现bug并解决bug
视频课
20秒
打包上线
97
9.1.上线前的准备连接云端函数修改push推送
视频课
10分8秒
98
9.2.打包H5上线到uniCloud的前端网页托管
视频课
10分21秒
99
9.3.【完结】打包上线微信小程序配置socket合法域名
视频课
7分41秒
相关推荐
2026徐老师Next.js16全栈开发课程
2026最新录制Next.js 16版本全栈开发课程
2450播放/共143课时
【最新版】Vue3从入门到精通（含资料）
对新手友好，手把手从零入门Vue，企业级实战项目落地
20.7万播放/共158课时
React18 从入门到实战（含全套资料）
系统学习 React ，掌握大厂必备技能
20.1万播放/共95课时
android支付实战课程集成支付宝支付
课程包含了后端代码，后端异步通知以及数据库的创建
928播放/共10课时
Python小白也能听懂的入门课
Michael老师，ViaX盐趣签约导师，南洋理工大学博士。新华网大数据分析师、新加坡A-STAR研究中心研究员、曾获“新加坡总统奖学金”、论文曾多次发表在CSWIM、ICIS、ISR、IS等国际会议
396.2万播放/共20课时
JavaScript基础
JavaScript 入门基础教程
13播放/共8课时
Javascript+Nodejs全栈前端全能课
【2024最新】前后端兼顾，全面系统、通俗易懂、案例丰富
63.4万播放/共424课时
前端项目：从零搭建Vue3+Node智慧校园系统
模拟学生视角，打造毕设闭环+真实业务场景，学完无缝接轨企业
10.7万播放/共64课时
Web前端入门：从零开始做网站
带社群答疑服务，赠送全部课件、素材、模版、软件
107.0万播放/共31课时
前端实战训练：2个网站+1个APP
不止教技术，还教思维的前端系统入门课，手把手带你轻松搞定2个网站+1个APP项目，全场景养成你的思维、技术的高能方法论
54.4万播放/共52课时
python上位机开发
利用python上位机开发案例让你快速掌握python上位机
2.2万播放/共38课时
elementplus源码实现(第七期)
教你从0实现自己的elementplus组件库
1播放/共82课时
Web开发前沿技术栈(持续更新)
本课程希望提供系统、全面、最新的Web前端技术
2.3万播放/共243课时
【Unity与C#实战】从零开发类皇室战争游戏
从0开发一个完整的商业案例，学会后可以自行开发其他3D案例。
35.8万播放/共62课时
uni-app开发资讯类微信小程序项目实战课程
基于uni-app开发微信小程序项目实战教程
73播放/共183课时
评论（0）