〖课程介绍〗:
2018年3月,美团mpvue开源,是现在业内最火的vue开发小程序解决方案。慕课网第一时间推出,业内第一门mpvue全栈课程。结合腾讯云提供的小程序全套后端解决方案,从小程序+vue+Koa2的基础学习,到使用vue语法全栈开发一个小程序,完整的上线流程,使学生能直接上手开发一个完整的小程序并且上线,形成一个完整的知识体系。
〖课程目录〗:
第1章 课程简介 试看5 节 | 53分钟
本章节介绍了课程概述,教学方式 ,还有小程序项目的演示。
收起列表
-
- 视频:1-1 课程简介 (18:03)试看
- 视频:1-2 github 获取源码 (10:46)
- 视频:1-3 github 桌面版简单管理代码 (07:47)
- 视频:1-4 git 命令行的使用 (10:08)
- 视频:1-5 mpvue 和 wepy 区别 (05:39)
第2章 原生小程序9 节 | 86分钟
对原生小程序做一个入门的介绍,包括小程序帐号申请和开发工具安装和使用,小程序目录文件的讲解,再简单把小程序原生的组件和API过一下。
收起列表
-
- 视频:2-1 原生小程序 – 小程序帐号和开发工具 (14:03)
- 视频:2-2 原生小程序 – 项目目录结构 (11:50)
- 视频:2-3 原生小程序 – 项目app.json配置 (09:32)
- 视频:2-4 原生小程序 – 自带组件及API (03:47)
- 视频:2-5 原生小程序 – 语法缺点 (01:47)
- 视频:2-6 ES6常用语法 (19:10)
- 视频:2-7 补充 – ES6常见代码片段 (14:11)
- 视频:2-8 补充 – rpx 是什么? (05:31)
- 视频:2-9 补充 – 原生小程序生命周期 (05:57)
第3章 使用vuejs开发小程序 试看8 节 | 78分钟
本章节用一个todolist案例,带着vuejs入门,再用mpvue的方式重写这个案例,为实战项目开发打好基础。
收起列表
-
- 视频:3-1 vue生存指南 – todolist实现-数据渲染 (12:20)试看
- 视频:3-2 vue生存指南 – todolist实现-简单事件处理 (05:28)试看
- 视频:3-3 vue生存指南 – todolist升级-循环事件处理 (04:51)
- 视频:3-4 vue生存指南 – todolist完善 (16:10)
- 视频:3-5 vue生存指南 – todolist完善-改造成单文件组件 (13:02)
- 视频:3-6 vue官网简介 (03:38)
- 视频:3-7 mpvue入门01 (13:31)
- 视频:3-8 mpvue入门02 todolist迁移 (08:48)
第4章 koa2入门6 节 | 41分钟
本章节讲解 koa2入门相关的基础知识点,为实战项目的服务器开发部分做准备,其中包括,使用koa2开发web接口,使用koa-router设置koa2的路由,了解koa2中间件机制,开发自己的koa2中间件。
收起列表
-
- 视频:4-1 koa入门+中间件入门 (10:04)
- 视频:4-2 补充 – koa2中间件是什么? (05:04)
- 视频:4-3 async+await优雅处理异步 (11:14)
- 视频:4-4 自己实现koa-logger中间件,打印所有请求的耗时 (05:35)
- 视频:4-5 koa 路由 (03:40)
- 视频:4-6 koa-router入门 (04:33)
第5章 需求分析+目录搭建10 节 | 67分钟
本章节讲解项目的需求分析和环境搭建,包括腾讯云后台环境搭建和使用、项目初始仓库搭建,配置小程序导航,为项目实战搭建好环境。
收起列表
-
- 视频:5-1 腾讯云后台 (08:40)
- 视频:5-2 腾讯云后台代码介绍 (05:11)
- 视频:5-3 腾讯云后台本地开发环境搭建 (09:36)
- 视频:5-4 需求分析-原型图 (04:51)
- 视频:5-5 项目骨架搭建 (05:35)
- 视频:5-6 项目初始化页面 (06:15)
- 视频:5-7 项目初始化页面-底部导航 (04:04)
- 视频:5-8 代码封装 (08:07)
- 视频:5-9 章节回顾 (07:16)
- 视频:5-10 使用 ESLint 自动规范代码 (06:30)
第6章 实战项目 – 个人中心5 节 | 62分钟
本章节是实战项目的正式开始,讲解了个人中心功能开发,包括登录、一年进度和扫码功能。
收起列表
-
- 视频:6-1 个人中心-用户信息获取+展示 (22:35)
- 视频:6-2 个人中心-扫码功能开发 (03:42)
- 视频:6-3 个人中心-今年过了多少天组件 (14:43)
- 视频:6-4 个人中心-登录逻辑完善 (13:46)
- 视频:6-5 个人中心-代码完善-eslint格式化代码 (06:14)
第7章 实战项目 – 图书录入功能5 节 | 46分钟
本章节讲解开发图书录入功能,包括 mysql 数据库的使用,使用 https 模块获取豆瓣图书 api 的信息、mysql新建库表和图书入库的操作。
收起列表
-
- 视频:7-1 图书录入功能 – mysql使用 (04:19)
- 视频:7-2 图书录入功能 – 获取豆瓣图书信息接口1 (16:25)
- 视频:7-3 图书录入功能 – 获取豆瓣图书信息接口2 (06:30)
- 视频:7-4 图书录入功能 – mysql新建图书表结构 (06:05)
- 视频:7-5 图书录入功能 – 添加图书功能完成 (12:07)
第8章 实战项目 – 图书列表页9 节 | 84分钟
本章节讲解开发图书列表功能,包括轮播图,图书列表的显示,下拉刷新、触底加载更多的功能,并且开发公用的开发图书卡片和评级组件。
收起列表
-
- 视频:8-1 图书列表页获取数据 (08:07)
- 视频:8-2 图书卡片显示数据 (12:03)
- 视频:8-3 星级显示组件实现 (08:37)
- 视频:8-4 数据库链表查询显示添加人 (05:45)
- 视频:8-5 下拉刷新功能的实现 (04:10)
- 视频:8-6 图书滚动加载功能实现 (14:46)
- 视频:8-7 图书访问次数统计 (09:50)
- 视频:8-8 排行榜轮播图数据获取 (05:08)
- 视频:8-9 排行榜轮播图实现 (15:20)
第9章 实战项目 – 图书详情13 节 | 127分钟
本章节讲解开发图书详情页面 包括获取图书详情信息,修改页面标题,图片模糊显示,tag分类显示、获取用户手机型号和地理位置,根据地理位置从百度地图API获取城市、评论模块入库的功能。
收起列表
-
- 视频:9-1 获取图书详情,修改标题显示 (09:41)
- 视频:9-2 图书封面显示 (09:35)
- 视频:9-3 图书作者评分显示 (10:46)
- 视频:9-4 图书tag和简介显示 (07:36)
- 视频:9-5 评论手机型号的获取 (13:54)
- 视频:9-6 获取地理位置(使用小程序API和百度地图API) (11:39)
- 视频:9-7 点击评论发起请求 (13:04)
- 视频:9-8 评论后台接口实现 (07:54)
- 视频:9-9 评论列表实现 (07:48)
- 视频:9-10 评论模块实现1 (15:13)
- 视频:9-11 评论模块实现2 (09:27)
- 视频:9-12 图书详情功能回顾 (02:59)
- 视频:9-13 代码规范修正 (06:26)
第10章 实战项目 – 评论页面3 节 | 29分钟
本章节讲解评论列表功能页面,开发自己添加过和评论过的书功能。
收起列表
-
- 视频:10-1 个人已评论列表实现 (16:32)
- 视频:10-2 图书列表 (07:28)
- 视频:10-3 图书列表后端修改 (04:00)
第11章 彩蛋-实现自己的koa24 节 | 49分钟
本章节构建自己的koa2,了解Koa2原理,深入理解koa2内部的application,request,response,context概念,自己实现中间件机制,让自己对koa的理解更上一层楼,知其然也知其所以然。
收起列表
-
- 视频:11-1 构建自己的Koa – 浅层封装 http 模块 (11:59)
- 视频:11-2 构建自己的koa – 封装 ctx 对象 (15:34)
- 视频:11-3 构建自己的koa – 同步 compose (07:02)
- 视频:11-4 构建自己的koa – 完成精简版koa (13:25)
第12章 发布上线 及 知识回顾4 节 | 45分钟
讲解小程序发布上线,还有把课程知识点做了一下书理,包括项目脑图回顾,代码规范修正,最后对项目做了后续的展望。
收起列表
-
- 视频:12-1 课程知识回顾 (07:39)
- 视频:12-2 小程序发布上线流程 (21:40)
- 视频:12-3 小程序整体组件和 API 概览 (09:59)
- 视频:12-4 结课 (04:45)
第13章 课程升级介绍(二期)2 节 | 11分钟
补充mpvue2.0和微信小程序云开发的内容。
收起列表
-
- 视频:13-1 升级内容简介.mp4 (09:12)
- 视频:13-2 获取课程最新代码方式介绍.mp4 (01:09)
第14章 快速上手mpvue2.0(二期)1 节 | 16分钟
快速上手mpvue2.0
收起列表
-
- 视频:14-1 快速上手mpvue2.0.mp4 (15:41)
第15章 微信云开发重构实战项目(二期)7 节 | 75分钟
微信云开发重构实战项目
收起列表
-
- 视频:15-1 云开发环境开通+配置项目tabbar.mp4 (09:22)
- 视频:15-2 云开发实现登录功能.mp4 (12:09)
- 视频:15-3 使用button获取用户详细信息.mp4 (06:52)
- 视频:15-4 持久化登录状态.mp4 (02:34)
- 视频:15-5 豆瓣爬虫云函数+豆瓣加密发爬虫破解.mp4 (16:15)
- 视频:15-6 获取豆瓣图书数据详情.mp4 (16:02)
- 视频:15-7 豆瓣图书数据存储至云数据库.mp4 (10:48)
〖视频截图〗: