资源详情
uni-app商业级应用实战 一次搞定小程序/安卓/iOS/H5
终极跨平台多端解决方案 Uni-App 开发商业级应用。
01: I* p* K& [) L& e$ N. N’ b2 n
导学
导学(12分钟)
学前必看!补充课:接口调用参数补充(6分钟)” @( a: L; `1 C( n( B. W+ n
【资料】基础框架NextHelloWorld(rar,513.7KB)) m, r! Q2 y; k” n+ H. a& F0 m
【资料】超英预告最新源码(rar,8.7MB)
【资料】linux工具与ngxin安装(rar,37.3MB)
【资料】logo素材制作(rar,730.3KB)
02
课程介绍
什么是 uni-app(4分钟)
为什么要使用 uni-app(8分钟)
app多端发布效果展示(7分钟)1 X$ H1 O9 k; w% [+ w% g2 [
使用HbuilderX在ios、安卓、H5进行真机调试(14分钟)
微信、支付宝小程序开发工具调试(7分钟)& u p- W! m& J# w8 l/ Y” w* }
在Mac上使用Simulator进行调试(5分钟); o! G2 {$ Q$ q” G# [$ q9 X
03: b7 y/ d/ C, N# A% w8 J7 l
框架基础-上. y* t2 w. V. ?( ?4 ]
简述MVC模式(9分钟)
图说MVVM模式(5分钟)0 \” l8 [( _1 c0 t N& V! E
通过代码阐述MVVM与双向绑定(12分钟)
JSON对象和数组的渲染(4分钟)7 S4 H- h# @3 |8 @! H+ q }# |
页面路由以及标题配置(11分钟)
宏观讲解项目配置文件(16分钟)
应用的生命周期(11分钟)1 W7 I” S, f* |4 U, ?
页面的生命周期(14分钟)8 y+ x5 z; x e2 o5 t7 |; M- }& B
固定像素px与响应式像素upx(12分钟)
在页面里使用{{}}表达式(7分钟). O4 U: X+ U& s5 `
04/ M1 f0 i5 X; G8 ? K7 o
框架基础-下2 v% r: B2 B7 B’ U2 [8 b ]
v-bind指令对属性的数据绑定(7分钟)
事件基础(22分钟)$ E/ `/ x( L8 H2 o
条件渲染 v-if与v-show(7分钟)
条件渲染 三元运算(4分钟)
列表渲染v-for的使用(13分钟)/ D. i’ ?- W3 l- f: l! z s3 j& ^
指令key实现for循环的组件唯一性(12分钟)6 I6 K6 ?+ B0 p7 b
嵌套循环的下标定义(4分钟)& B. p” n- C1 s$ E1 ^
条件编译 – 上(10分钟)7 c4 k6 K% B) a7 Y( \- P1 Y
条件编译 – 下(7分钟)
05# X6 } Z, a& ]. L
样式与flex布局-上
flex布局介绍与模型(8分钟)1 B5 i; q% _& \
flex-direction 元素的排列4种方向(10分钟)1 ~% @0 E” N: }0 f2 ~& A1 r2 H
导入外部css样式(4分钟)4 M: ~0 m+ b. [& f
flex-wrap 元素的换行(12分钟)
justify-content 元素在主轴的对齐方式(14分钟)
align-items 元素在交叉轴的对齐方式(12分钟)
06; y7 h9 W* D6 n! `7 P9 C” S% ^
样式与flex布局-下
align-content 多轴线的对齐方式(13分钟)8 V: |0 u9 L: I$ F
flex成员项的属性 – order(4分钟)
flex成员项的属性 – flex-grow(4分钟)& B% `& `* ~) d9 D; f! I0 T
flex成员项的属性 – flex-shrink(6分钟). J0 S8 ?4 O* g6 F/ g
flex成员项的属性 – flex-basis(4分钟)
flex成员项的属性 – align-self(6分钟): f2 V; N6 a+ u0 [: g
07
开发首页-上
创建项目,构建基础页面(8分钟) & t7 \% c* c i3 n
构建tabbar(13分钟)
设置全局page,简述view组件(6分钟)
使用轮播图组件(11分钟)
禁用原生导航栏达到页面全屏化(6分钟) ; i’ P( r1 Z8 {7 |
在线文档的使用(8分钟) , V0 K” j6 T* Y/ Z8 P9 ^
request网络请求api讲解(5分钟)9 W1 N’ C9 q’ j’ g+ s. ~
uni.request动态获得轮播图数据(9分钟)
箭头函数 this 作用域(4分钟)
渲染并且展示轮播图(5分钟)
08
开发首页-中
引入组件实现全局变量(7分钟)/ ~5 ^2 R& m$ W, U3 I2 x
使用挂载实现全局变量(4分钟)– y/ L/ V: m0 \; }+ r0 U
在手机端进行微信小程序真机预览(6分钟)
微信小程序https使用事项(7分钟)+ K, l4 H$ j* Q” p4 m
开发热门超英 – 标题(9分钟)– o: ^8 x! I( |! l# W
开发热门超英 – 简述scroll-view(4分钟)0 H- M( z; T* O” @* H
开发热门超英-使用scroll-view实现横向滚动(3分钟)/ c4 s j6 z+ e/ @+ }& o# V” R
开发热门超英 – 海报与标题(8分钟)
开发热门超英 – 评分(6分钟)
开发热门超英 – 动态渲染数据(8分钟)
09
开发首页-下
开发自定义组件(7分钟)
父组件向自定义组件传入值(6分钟)8 F3 Y# A; @6 O5 B$ \. h
完成评分自定义组件(22分钟)
视频组件video讲解(9分钟)
获取预告片数据(3分钟)
动态渲染预告片(10分钟)
猜你喜欢 – flex布局嵌套编写(18分钟)
猜你喜欢 – 编写点赞css(7分钟)# j’ j- K’ K” b, H/ A
猜你喜欢 – 实现点赞动画效果(14分钟)
猜你喜欢 – 还原动画(5分钟)7 v$ n/ Q& ^) J- f
10+ W+ O+ h( R( Z
开发首页-终
猜你喜欢 – 动态渲染列表(6分钟)
猜你喜欢 – 实现动画数组(7分钟)$ o) a9 ]/ Z: p
猜你喜欢 – 条件编译解决动画跨端兼容问题(4分钟)3 h8 T( j- H6 b( J. m. @’ x
猜你喜欢 – 开启下拉刷新(5分钟)
猜你喜欢 – loading交互api(8分钟), @; d( u7 [* Y3 p
11
构建搜索页-上
搜索页面 – 编写搜索栏(19分钟)% e) C# |( i. i1 |8 }
搜索页面 – 编写预告片列表、搜索栏置顶(9分钟)
搜索页面 – 动态获取最新预告并且渲染(9分钟)
搜索页面 – 分页接口api讲解(4分钟)
搜索页面 – 搜索前置准备(6分钟)
搜索页面 – 执行搜索动态渲染(8分钟). g) s, i- S& g( }! S# a7 C3 C3 d, @& a
搜索页面 – 监听下拉实现分页功能(8分钟)
页面路由api与传参(13分钟)5 w6 N5 S+ Q) ^$ X5 q: j1 q
页面跳转组件的使用(7分钟)2 `0 j# b& ?6 y( `7 u$ \, _% O
详情页 – 查询详情与视频渲染(8分钟) m# P: l9 L2 |! |! l
12
构建搜索页-下
构建预告片基本信息(16分钟)” ~9 {8 g6 B* j& N6 d1 z! g6 \
构建评分快与阴影效果(15分钟)‘ F” y/ V& x# R5 P
解决错误数据绑定undefined(5分钟)
编写分割线以及剧情介绍(8分钟)4 \6 z; U& d- I3 K4 H* x X5 v. k
构建剧照与演职人员数据列表(10分钟)
渲染剧照列表(8分钟)% M) X, d( P6 N, ^” O/ O3 w( r
双拼数组构建演职人员列表(12分钟)
渐进式导航栏设置(6分钟)) h1 ~& P8 }# `) X; b T6 W’ r/ A
通过预览api实现剧照预览(7分钟)
演职人员数组拼接预览(8分钟)
139 s6 g: u; v9 G& S5 |, H
电影详情页构建‘ ?5 T, N5 G9 B# \+ V( O
自定义预览封面图(13分钟)
actionSheet接口api使用(6分钟)8 ^, m% q9 g3 G |
下载以及保存图片(15分钟)
配置https下载合法域名(5分钟)+ \/ h9 n: h” ` b: Y
实现小程序中的分享转发功能(9分钟)+ }& R+ Y5 d1 e0 w2 n, b: T
自定义导航栏按钮(11分钟): V! a+ ~; T$ Z$ K6 I
分享到朋友圈(9分钟) B) h3 W/ i n% ~1 @* O
微信开放平台简单介绍(6分钟)
操作视频对象,提高用户体验(8分钟)7 ^* L5 L5 | U9 }’ u9 x
优化首页视频体验(13分钟)
141 ^1 v# ?( M/ F, {% i, L+ V2 v
我的页面(上)
开发个人页面-header与导航栏设置(9分钟)
发个人页面-用户未登录和已登录的页面展示(9分钟)2 @( [; G$ X i3 h1 N
构建注册登录页面(8分钟); \’ Z) O# \ |- Z! g# x. \# R
button与form组件讲解(6分钟)
实现一键注册登录(12分钟)# ]1 i9 @& U, z3 a
通过缓存切换是否登录状态(9分钟): O6 m: O- L+ D# k5 w6 S# }
构建用户账号页面(9分钟)) x) i’ G; k5 y” m4 D
清理所有缓存api(4分钟)
用户登录错误提示与方法挂载(7分钟)$ u$ ?! \’ O1 P, s) i6 Q. |
渲染用户信息数据(6分钟)
15
我的页面(中)1 |, y4 g( U* A
用户退出登录(6分钟)” B4 z’ U! R- V/ _5 R
第三方登录讲解与页面构建(16分钟)+ o% {$ m% I* k1 C- ^9 r5 F6 D6 Q: J
第三方登录-小程序端实现微信登录(15分钟)
第三方登录-后端登录业务梳理(辅助理解)(10分钟)
第三方登录-app端授权登录(8分钟)
第三方登录-app端获取用户唯一id及信息(12分钟)6 E1 v” P% n+ W7 `4 e# P
第三方登录-app端执行一键注册登录(7分钟)
查看预览用户头像(7分钟)
选择用户头像(11分钟)! s6 h: k) d4 V4 m” S. \/ ~
重新选择头像(3分钟)3 ~4 h6 d; h2 K/ ^5 A$ k1 Z
16; |9 d# U! e- M0 X2 t
我的页面(下)
文件上传api与后端接口讲解(5分钟)
token令牌讲解、实现头像上传(23分钟)
引入图片剪裁实现头像上传(7分钟)% z1 J6 [( d3 o1 v* u$ A! K) n
用户修改昵称(18分钟)
用户修改生日(17分钟)+ ^% S9 f, B& q
用户修改性别(15分钟)& l8 U: s’ U1 M, Z
173 q# f( j7 n4 l$ Y’ s$ Z/ g
项目发布与上线
打包H5 web应用(5分钟)
购买云服务与简介(6分钟)‘ o6 u& }& Y# X& u+ ~
配置安全组,重置密码,上传nginx,配置ssh(14分钟)
安装nginx(9分钟): B* {2 c4 K1 U
成功发布H5端web应用(14分钟)$ @( a” ^- Y3 M3 B% H5 J
微信小程序上传审核流程讲解(8分钟)
打包安卓apk(8分钟)
简述ios打包(8分钟)5 g1 g0 d$ l” W2 p% p
18
课程总结 P% I/ x$ `- p: w- g’ p1 P
课程总结与展望(9分钟)