跨端框架uni-app作为新起之秀,在不到两年的时间内,迅速被广大开发者青睐和推崇,得益于它颠覆性的优势,——“快”,快到可以节省7套代码。本课程由uni-app开发者团队成员亲授,带领大家无障碍快速掌握完整的uni-app跨端应用流程。并且搭配最佳的生态工具,HBuilderX和uniCloud,体验高效全栈开发。并且,讲师全程传授当下主流的开发概念——敏捷开发思路与技巧,带你时刻走在技术前沿。
〖课程目录〗:
第1章 课程导学(此章节必看)" D9 m9 z4 b( f! O- }9 H a
介绍了整个课程的背景知识,项目简介,学习流程,可以掌握的知识点,以及学习方法和前置知识。& g7 J& J2 C2 P% W
1-1 导学(导学不看,损失百万) 试看
1-2 应用效果展示与分析
第2章 倘想达到最高处,就要从低处开始 (uni-app 基础)
本章主要帮助基础知识薄弱的同学简单入门小程序和uni-app。帮助大家掌握原生小程序基础 、uni-app基础使用方式和语法,为之后实战项目打下坚实的基础。: e& x) O9 O3 W# ]) d+ n1 e
2-1 hello 小程序--入门 微信小程序(上)- {- ^. m. G# E0 Z; D1 i
2-2 hello 小程序--入门 微信小程序(下)$ a$ C! v* }9 B9 K( ]" w
2-3 uni-app 核心知识点概览
2-4 搭建uni-app开发环境
2-5 语法速通-模板语法与数据绑定
2-6 语法速通-条件判断
2-7 语法速通-列表渲染
2-8 语法速通-基础组件
2-9 语法速通-自定义组件- s6 i% }" q+ e( @6 i) V
2-10 语法速通-api与条件编译
2-11 生命周期概述(上)_x264 试看
2-12 生命周期概述(下)_x264& }1 I: d# B, u9 t- O
第3章 千里之行,始于足下 (基础配置)% B b, g/ Q5 {. f6 d
本章主要讲解uni-app的项目配置、页面配置、目录结构、以及sass 的简单用法,项目的一开始,就需要从配置入手。配合上一章的基础内容,基本上可以完成一些基础开发。6 N5 g+ A, ^ x
; J2 M5 ?* E7 C: c( Q: h; t
3-1 uni-app 项目配置+ I; d) n1 g6 |
3-2 目录结构概述
3-3 配置项目底部选项卡 - tabbar 配置/ D9 Q0 A+ U- X" R7 T! G; Z6 z; b
3-4 在uni-app中如何使用sass H# ~& j k$ p |
第4章 工欲善其事,必先利其器 (uniCloud 的基础用法)9 Y" u9 y$ f6 p _, _+ e! j6 I: _
本章可以帮助我们正确的认识 uniCloud 云开发,从熟悉开始,到学会他的基础内容:如何配置环境、如何使用云函数、操作数据库等... 为后面我们的实战项目中 uniCloud的运用打下基础。% l" h" l7 K) D8 s2 Z F/ c
4-1 认识 uniCloud开发 试看) p" s* y6 w! {' ]- w% r$ T: ?
4-2 HBuilderX 中配置 uniCloud 环境% x% G: \0 F, Y
4-3 使用 uniCloud web 控制台$ R4 J: R0 X) w) Q, q7 X, F
4-4 开始使用云函数0 o8 u( I: A; E+ s% x
4-5 云数据库的添加和删除' u; z% f/ @. \
4-6 数据库的更新和查找
4-7 使用云储存上传文件
第5章 扬帆起航,胜利在向你招手 (首页功能模块)
本章正式开始进入项目,主要讲解首页功能模块的实现,包括了自定义导航栏的实现、字体图标的使用、数据的请求封装、选项卡组件化、内容列表组件话等,并使用 uniCloud 去开发相关的数据接口。
a3 X8 ^3 i2 Y# F, @+ v
5-1 项目初始化
5-2 自定义导航栏
5-3 导航栏适配小程序3 }& z. L! m# v! |, [- P
5-4 使用字体图标- f3 B$ N. |" c7 K/ J7 b
5-5 选项卡展示5 [9 C$ {7 _/ B$ u
5-6 选项卡数据初始化) \4 d3 M4 h' ^0 h% V, A
5-7 封装数据请求& ?9 _; @- _' V8 ?
5-8 选项卡切换
5-9 基础卡片视图实现
5-10 更多卡片视图实现 M( J; d- a9 t8 _5 O- d
5-11 实现内容切换/ k$ _8 |# h \
5-12 选项卡与内容联动+ G3 c" i/ E( I# C# q) ~. W
5-13 内容卡片数据初始化! [* |# j# P5 S% }% H
5-14 切换选项卡懒加载数据! Z9 v' h i8 g5 \! M8 k' w
5-15 -1 上拉加载更多(上)
5-16 -2 上拉加载更多(下) J) a+ q6 Q8 t) `
5-17 -1 收藏按钮实现(上 )
5-18 -2 收藏按钮实现(下)* W$ w: |0 R- R, x
第6章 做事是否快捷,不在一时奋发,而在能否持久(搜索页功能模块)4 M9 d& s& c! x6 M/ I: e F' w
本章实现了搜索页功能模块,使用vuex + 本地储存实现数据持久化,同时还实现了导航栏组件复用与修改适配。
6-1 搜索页导航栏修改2 W; M+ U% _6 @0 i, H
6-2 使用vuex 管理历史记录! X5 c% U' T+ p3 R6 T
6-3 -1 搜索逻辑实现(上 )
6-4 -2 搜索逻辑实现(下)( E7 i# H3 i7 ~( B2 F0 N
6-5 搜索历史数据持久化
第7章 锲而不舍,金石可镂(标签页功能模块)3 G. {- w: P, a( N. b& p
本章实现了标签页功能模块,使用uniCloud查询与上传数据,并讲解了自定义事件的使用。$ v, F# K) b" k- q# }
$ N( p0 w- D$ Z# U5 e, [; c& o
7-1 标签管理页布局样式
7-2 标签页数据处理: Q8 \, t# J7 }" p! _8 C$ ^0 G
7-3 编辑标签页+ g7 X; Q0 Y6 L
7-4 保存标签页数据, R9 K% R- a% l
7-5 使用自定义事件同步数据
第8章 坚持就是胜利,坚持才会有所成就(详情页功能模块)
本章实现了详情页面相关的功能模块,主要讲解了内容预加载 ,展示了详情到列表的最佳实践,实现了富文本如渲染、以及复杂的评论组件等。使用uniCloud 上传并管理数据。# c$ a% J! R. R* U' _" ~
- H. ]5 U$ _( g8 l7 s, w& N! n$ w
8-1 详情页页面展示
8-2 内容预加载
8-3 详情页面数据初始化
8-4 富文本渲染
8-5 发布窗口展示5 L( l8 e/ w7 I1 |
8-6 评论内容实现(1)9 f- D, M! o H0 }; j
8-7 评论内容实现(2)
8-8 评论内容实现(3)& X! i% Q0 _3 q" J" \, q
8-9 评论内容实现(4)
8-10 评论内容实现 (5)3 y3 y3 s, {) M* y( J* i
8-11 评论内容实现(6)5 r; y; R" Q" ^, a) L8 k4 G
8-12 关注作者(上)2 E& u! H- s" Z L
8-13 关注作者(下)3 f. v" X! W2 U+ I
8-14 文章的收藏与点赞(上)
8-15 文章的收藏和点赞(下)
8-16 评论列表(上): ?& e6 B# A1 }9 U; |9 C6 Y1 S0 O
8-17 评论列表(下)( T8 H# l D3 @' v/ G7 W! M
第9章 关注页功能模块4 V8 `. s! Y8 ^1 y$ P5 L
本章实现了关注页相关功能模块,本章的知识点大部分前面已经讲过,在完成当前页面的同时,巩固之前的部分知识点,不会边学边忘。
9-1 关注页导航栏实现, a- Y9 ~7 u8 @0 J- m: d. s
9-2 收藏文章内容实现
9-3 收藏与首页内容关联( F9 c$ U+ y; G$ a9 k. O
9-4 关注作者页面实现
9-5 同步关注作者页面数据% B" d G* N! m7 P0 ]8 `; U
第10章 个人信息页功能模块
本章实现了个人信息页面相关莫能模块,主要讲解了图片上传、个人信息的数据处理等,完善前面章节缺少的个人信息相关逻辑。
( O! C8 E C/ {, z! f
10-1 个人中心页面实现
10-2 个人中心数据处理
10-3 我的文章实现1 l8 Z1 t- n5 X4 J. x- D0 E$ G
10-4 问题反馈页面实现( |6 C) K6 g5 C! M- J. u
10-5 反馈图片选择4 Y3 M6 I3 K/ `- W' K! P
10-6 上传图片3 Z' y P! n! \
第11章 积少成多,走向完善(项目优化与平台兼容)* \+ \) W5 `& I6 i+ z
本章主要讲解各端的平台差异,已经如何处理,完成所有的平台兼容问题。) I. o! S5 L8 E2 ]* [6 g8 G6 ?5 O
11-1 微信小程序优化与兼容0 ^% ]2 S1 w1 K; X- E. x- ~; s7 O5 }3 G
11-2 支付宝小程序优化与兼容% q" I- ], [7 R( z; w
11-3 其他平台优化与兼容
第12章 最后的冲刺,成功就在眼前(项目发行与打包)4 D% m# X7 q3 O3 V" G
本章主要讲解了各平台的发布与打包的相关知识 ,做好项目的上线前准备。
12-1 h5端发行打包... O ^+ `* v' r; w8 v
12-2 小程序端发行上传6 Z* D$ H* Q( A5 [7 C
12-3 App 端发行打包
第13章 常常是最后一把钥匙打开了门(课程总结与展望)
本课程的回顾和总结以及展望。
& i% x( [# q7 R7 _
13-1 课程回顾与总结
uni-app商业级应用实战 一次搞定小程序/安卓/iOS/H5
终极跨平台多端解决方案 Uni-App 开发商业级应用。
学前必看!补充课:接口调用参数补充(6分钟)”
【资料】基础框架NextHelloWorld
【资料】超英预告最新源码(rar,8.7MB)
【资料】linux工具与ngxin安装(rar,37.3MB)
【资料】logo素材制作(rar,730.3KB)
02
课程介绍
什么是 uni-app(4分钟)
为什么要使用 uni-app(8分钟)
app多端发布效果展示(7分钟)1
使用HbuilderX在ios、安卓、H5进行真机调试(14分钟)
微信、支付宝小程序开发工具调试(7分钟)
在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分钟)
本课程是通过一个打砖块案例来讲解C#基础内容,涉及到的知识点有类的概念,变量的声明和赋值,函数的概念,函数的返回值,赋值表达式,条件判断语句,for循环语句,unity常用面板,prefab的概念,脚本挂载,输出调试信息,控制台的使用,unity组件机制,鼠标事件处理,键盘操作,对象的移动,对象的销毁等。
〖课程目录〗:
课时1 开发工具VisualStudioToolsForUnity安装和介绍
课时2 项目效果预览,创建项目和第一个C#脚本
课时3 脚本挂载,控制台使用,变量声明和赋值,在舞台添加多个对象,使用脚本初始化对象
课时4 实例化方法高级应用,使用for循环语句创建多个砖块
课时5 课下作业-添加多行砖块
课时6 组件机制,刚体介绍,类型转换,函数返回值,发射小球功能实现
课时7 条件判断语句,鼠标按下事件处理,获取水平和垂直改变数值,改变对象位置,自动销毁对象/ k( D1 j" Q0 a% K% e( Y/ F
课时8 课程小结& c9 U5 _1 d6 G: k( Z