. k q! ~1 [7 L
1 z; r. k2 g' n G4 I课程介绍
( k4 M& T9 a7 I! t7 U2018年3月,美团mpvue开源,是现在业内最火的vue开发小程序解决方案。慕课网第一时间推出,业内第一门mpvue全栈课程。结合腾讯云提供的小程序全套后端解决方案,从小程序+vue+Koa2的基础学习,到使用vue语法全栈开发一个小程序,完整的上线流程,使学生能直接上手开发一个完整的小程序并且上线,形成一个完整的知识体系。; r0 W8 H W1 C9 L$ T6 s8 J
' R. J0 J0 I) s8 s5 u( M+ p
课程目录, g8 g& [ Y _8 N* ]3 T0 [
第1章 课程简介
6 |- D2 O3 H" ]: w) R$ z% e本章节介绍了课程概述,教学方式 ,还有小程序项目的演示。
% Z7 p, C4 U4 \ w1-1 课程简介 试看
4 J2 I0 O9 Y9 C& c( P1-2 github 获取源码
& s: K8 T) ~: U1-3 github 桌面版简单管理代码
|$ Y/ O" z1 j; U1-4 git 命令行的使用 B: b" ^0 y5 K z0 }$ u& M9 c5 E8 N+ e
1-5 mpvue 和 wepy 区别2 n- w: q) e3 M
$ Z, o C6 W- f V# V( a第2章 原生小程序
) S% D8 y2 v$ }; s9 w& U* q对原生小程序做一个入门的介绍,包括小程序帐号申请和开发工具安装和使用,小程序目录文件的讲解,再简单把小程序原生的组件和API过一下。
: ?" G& Y" I" {3 i2-1 原生小程序 - 小程序帐号和开发工具
& H% U3 d& A% r7 c# D# A2-2 原生小程序 - 项目目录结构- ~9 V3 k# X- W( D% X' W# Q- [
2-3 原生小程序 - 项目app.json配置" c9 e8 ]; `# n: j# G
2-4 原生小程序 - 自带组件及API
8 ^: ` I# l. ?2 C# E4 t2-5 原生小程序 - 语法缺点' S4 F8 s n6 f' F( k
2-6 ES6常用语法6 {. \& X' g9 d6 V9 d& ]
2-7 补充 - ES6常见代码片段
" l9 |% l l& h- u- r& p' ~0 o+ o2-8 补充 - rpx 是什么?; j# k; u) h7 B" ?9 c
2-9 补充 - 原生小程序生命周期; ~7 f) ~* }0 _1 e* }; K
6 u; i$ \. G* J3 S+ D+ T0 M* W
第3章 使用vuejs开发小程序
$ z' ^5 G& G$ I2 A1 S" x" f2 H本章节用一个todolist案例,带着vuejs入门,再用mpvue的方式重写这个案例,为实战项目开发打好基础。! _. H7 F# j4 z
3-1 vue生存指南 - todolist实现-数据渲染 试看$ e+ Z! `1 a( L* o
3-2 vue生存指南 - todolist实现-简单事件处理 试看
4 n3 v! X. ?% G9 W* x! l; [/ G% V3-3 vue生存指南 - todolist升级-循环事件处理1 y& z9 a7 l- W9 i3 K& M3 e6 G
3-4 vue生存指南 - todolist完善: f/ o( `" K( x, a( z2 x' E N
3-5 vue生存指南 - todolist完善-改造成单文件组件
) i3 g; i" v2 q+ r3-6 vue官网简介
# s% i* I3 z7 k, O8 f3-7 mpvue入门01: ^. H: `. N- u% q+ T1 A) g8 I
3-8 mpvue入门02 todolist迁移' s9 c1 [9 u* \; o4 C
+ F; |+ v1 N$ g第4章 koa2入门
! C7 g& t9 `9 {2 H5 `' r本章节讲解 koa2入门相关的基础知识点,为实战项目的服务器开发部分做准备,其中包括,使用koa2开发web接口,使用koa-router设置koa2的路由,了解koa2中间件机制,开发自己的koa2中间件。6 T4 K0 W9 j4 _, D' ?3 c+ l* ^8 q
4-1 koa入门+中间件入门0 g( [' p) i! c
4-2 补充 - koa2中间件是什么?8 a' i0 `, J O& R y
4-3 async+await优雅处理异步
4 W6 o9 @2 m2 T+ \: Q, B' a$ N4-4 自己实现koa-logger中间件,打印所有请求的耗时4 F# s1 b3 j3 v9 {
4-5 koa 路由
6 `. W8 @4 f; V, O2 e0 i3 }* r4-6 koa-router入门
* k) B5 c+ L! U$ g1 |
0 o4 Z$ P1 T \ `6 z3 `. R* t第5章 需求分析+目录搭建
6 f/ C& r* n. }本章节讲解项目的需求分析和环境搭建,包括腾讯云后台环境搭建和使用、项目初始仓库搭建,配置小程序导航,为项目实战搭建好环境。9 C8 j% ], O6 y5 l2 q5 C
5-1 腾讯云后台
( _! I* _5 {8 ~5-2 腾讯云后台代码介绍
9 T% g6 ~& j/ y: B5-3 腾讯云后台本地开发环境搭建
. H% y2 a6 s3 ^5-4 需求分析-原型图8 y4 n; R) C% |, C5 s# B! z
5-5 项目骨架搭建
5 p* X7 t# {5 h: q4 G5-6 项目初始化页面- ^2 Y- L, A* H2 J# A
5-7 项目初始化页面-底部导航' ]: b" S8 j: J/ @
5-8 代码封装0 J2 s7 D1 |' N' q# O
5-9 章节回顾
~3 y3 v& X/ }* ] U/ J( @5-10 使用 ESLint 自动规范代码0 Y5 o: l% u! J
+ i& v; q) f e0 O" V第6章 实战项目 - 个人中心
b& x. v! f& u本章节是实战项目的正式开始,讲解了个人中心功能开发,包括登录、一年进度和扫码功能。
! Z+ B" K6 y8 ?6-1 个人中心-用户信息获取+展示
6 f5 p- u& h1 o$ ]5 Z9 Z# u7 [6-2 个人中心-扫码功能开发
* R1 Q" }7 d1 l- K6-3 个人中心-今年过了多少天组件4 @/ K$ H7 F. [3 R+ n" R- @$ I
6-4 个人中心-登录逻辑完善
) e4 n/ d- q7 L' |5 i$ v, W6-5 个人中心-代码完善-eslint格式化代码% S+ h( r4 |3 {7 x
! X/ e! k) S2 E. M6 |/ L1 v- z+ w" ?第7章 实战项目 - 图书录入功能
' r: B# Y1 [3 i& r1 Q2 }. w本章节讲解开发图书录入功能,包括 mysql 数据库的使用,使用 https 模块获取豆瓣图书 api 的信息、mysql新建库表和图书入库的操作。8 S. M1 x- x8 B @
7-1 图书录入功能 - mysql使用4 ] e0 A9 w: ?- n% v$ {* X% {
7-2 图书录入功能 - 获取豆瓣图书信息接口1
; c6 i' k v9 ~! P) j6 V7-3 图书录入功能 - 获取豆瓣图书信息接口2) P/ h1 \! M3 V3 d8 A
7-4 图书录入功能 - mysql新建图书表结构
2 a% z& N( S) e5 D7-5 图书录入功能 - 添加图书功能完成# L. J$ v6 R& |
, q6 i( \0 n% E
第8章 实战项目 - 图书列表页: f; s$ r! h( k+ B2 h2 [7 r0 R
本章节讲解开发图书列表功能,包括轮播图,图书列表的显示,下拉刷新、触底加载更多的功能,并且开发公用的开发图书卡片和评级组件。
* \- w- s% x& t4 m' X, g8-1 图书列表页获取数据
3 d7 u1 Y& F3 E- M: }( k8-2 图书卡片显示数据
. Z0 \+ h+ |* ^) H6 E7 X8 `' b8-3 星级显示组件实现
% y5 B$ V; ^6 j# e8-4 数据库链表查询显示添加人2 A7 A5 }6 U- T' i- A5 X
8-5 下拉刷新功能的实现/ n Z) _% d, B$ [; H
8-6 图书滚动加载功能实现
" k) g. F A1 u8-7 图书访问次数统计& g3 x" B0 p& V2 l
8-8 排行榜轮播图数据获取
. Q9 Q& I/ s" A# t7 M8-9 排行榜轮播图实现: h0 t; |+ U' d
$ Y1 L! S( M7 ^) \ n# E5 ?0 @
第9章 实战项目 - 图书详情) ?+ A, `4 q; V4 {0 v
本章节讲解开发图书详情页面 包括获取图书详情信息,修改页面标题,图片模糊显示,tag分类显示、获取用户手机型号和地理位置,根据地理位置从百度地图API获取城市、评论模块入库的功能。9 _. X( J7 ?# {# A6 b# l
9-1 获取图书详情,修改标题显示" L3 P) o' F) j4 k7 f& d
9-2 图书封面显示
; A0 B( G N. r. a1 o, E" x9-3 图书作者评分显示
- V3 L" H4 S- T$ h! {6 y9-4 图书tag和简介显示. G, N7 x4 l9 }! B
9-5 评论手机型号的获取" X" f/ X0 y8 z! ^" `$ K, C0 m
9-6 获取地理位置(使用小程序API和百度地图API)
: H/ }, _& l8 P8 l1 `$ E9-7 点击评论发起请求
1 A; c- B2 l/ o9-8 评论后台接口实现
7 t; r" N8 v5 F7 Y3 q9-9 评论列表实现
( S4 }$ B! H1 M9-10 评论模块实现1" L5 l1 V w0 d, \# y
9-11 评论模块实现2 i. {4 T' @$ q- s, W
9-12 图书详情功能回顾
$ f7 l r! u$ O9-13 代码规范修正
" s5 w8 _; w5 C6 j
+ z! Z u0 r- P$ R: [第10章 实战项目 - 评论页面
+ Q9 \0 }/ M& U( q本章节讲解评论列表功能页面,开发自己添加过和评论过的书功能。
) D* v. a5 `* U+ C" F9 v2 Y7 g) O10-1 个人已评论列表实现; ~8 d# U, ~, h. c
10-2 图书列表
8 C# X# N, q( Z' t4 S" D2 ]10-3 图书列表后端修改' [' x% q3 S& Z5 t$ i3 B. G
9 Y1 ^( o7 h; S) n! L9 y
第11章 彩蛋-实现自己的koa2
# ~" x3 ?* g- G本章节构建自己的koa2,了解Koa2原理,深入理解koa2内部的application,request,response,context概念,自己实现中间件机制,让自己对koa的理解更上一层楼,知其然也知其所以然。
/ l: n# a, \7 D/ _: B3 W2 l, Z! A5 O11-1 构建自己的Koa - 浅层封装 http 模块
& [* p4 [7 P" D) {; S/ }11-2 构建自己的koa - 封装 ctx 对象4 [0 J! I. {. {* C
11-3 构建自己的koa - 同步 compose
' I' j8 s5 c* l3 }$ R) _) n; d11-4 构建自己的koa - 完成精简版koa- `, V4 X; h6 O4 R7 l$ g' G
5 I" T9 E4 |" L4 P t% M, M- X
第12章 发布上线 及 知识回顾4 ^3 m$ c1 w1 f" `
讲解小程序发布上线,还有把课程知识点做了一下书理,包括项目脑图回顾,代码规范修正,最后对项目做了后续的展望。
2 y% v8 o7 g6 f, S7 v% q- ^) J12-1 课程知识回顾
. u8 a" B" X% S0 x0 L12-2 小程序发布上线流程, J# v1 r5 c; h0 h" G" b
12-3 小程序整体组件和 API 概览
$ e( T5 p; a6 b9 u3 E12-4 结课5 o- E. i/ q( x7 L6 T6 e( g* Z
7 o; L/ M! b9 U" o/ z4 L% o% J( ]
第13章 课程升级介绍(二期)
6 a/ a$ S; b. M6 h( H$ _2 K补充mpvue2.0和微信小程序云开发的内容。* R0 [$ ^; q7 F, L3 W
13-1 升级内容简介.mp4* u# m+ |4 |( s8 E
13-2 获取课程最新代码方式介绍.mp4
8 @, ^) y8 C0 G N$ e1 M, _( u& s# u5 m" L# r+ o
第14章 快速上手mpvue2.0(二期)% ~" @4 |4 O1 d$ h2 \
快速上手mpvue2.08 E& N( x& j6 ?2 Y+ |' b
14-1 快速上手mpvue2.0.mp4
6 C9 \. [! r- k" J( ^$ I5 a
) s! N' c+ u& @3 E% m第15章 微信云开发重构实战项目(二期)
+ |6 |6 S0 w0 |5 x. \微信云开发重构实战项目
% q3 H1 c* y$ C& \ ]; r4 B' ?15-1 云开发环境开通+配置项目tabbar.mp4
* o$ T+ ~3 G- O) T$ }: J15-2 云开发实现登录功能.mp45 h8 Q/ @1 r7 ~/ n' }% X5 R F7 r
15-3 使用button获取用户详细信息.mp4& o" ~# ?5 L% q4 w, j' `9 s
15-4 持久化登录状态.mp4% ~0 y3 p4 I# q& D# M1 z; o
15-5 豆瓣爬虫云函数+豆瓣加密发爬虫破解.mp4
1 Q" o% b2 Y' }9 f, O" t2 \, F4 H, o15-6 获取豆瓣图书数据详情.mp43 R# d1 o- |% |! G( d
15-7 豆瓣图书数据存储至云数据库.mp41 U. T/ g% V8 Z8 I0 N
, K& _0 v8 _5 _# _: J5 u, n% W下载地址3 G" g/ A {6 K; z( p) C0 t9 T
' q: j" X; A; ?% J5 F! P+ E1 L
; T1 @1 y. M- U! _
|
|