Spring Boot短视频小程序开发全栈式实战项目

从前端到后台，从开发到上线，带你玩转小程序全栈开发

已完结难度中级时长 17小时学习人数 2605 综合评分 10.00

立即购买加购物车

第1章千呼万唤史出来，微信小程序的简要学习 23 节 | 176分钟

对微信小程序的大致介绍，如何注册，如何运行第一个demo。并且对微信小程序的基本框架了解并学习，页面组件是如何构成的

收起列表
- 图文： 1-1 课前必读（不看会错过一个亿）
- 视频： 1-2 微信小程序简介 (05:00) 试看
- 视频： 1-3 微信小程序的简要注册流程 (08:44)
- 视频： 1-4 微信开发者工具helloworld (08:51)
- 视频： 1-5 运行微信官方的demo演示 (09:56)
- 视频： 1-6 公有目录与私有目录的工程结构了解 (04:13)
- 视频： 1-7 手写属于自己的第一个demo (19:05)
- 视频： 1-8 wxss样式文件的使用 (07:49)
- 视频： 1-9 小程序默认加载的页面 (02:58)
- 视频： 1-10 小程序app的生命周期 (06:59)
- 视频： 1-11 小程序中如何调试js文件 (11:50)
- 视频： 1-12 私有页面的生命周期以及导航 (15:25)
- 视频： 1-13 小程序的事件 (09:29)
- 视频： 1-14 小程序抽离公用方法进行模块化 (05:46)
- 视频： 1-15 视图层 - 细说数据绑定 (12:18)
- 视频： 1-16 视图层 - 细说列表渲染 (07:16)
- 视频： 1-17 视图层 - wx：key列表高级特性 (06:22)
- 视频： 1-18 视图层 - 细说条件渲染与条件懒加载模式 (09:40)
- 视频： 1-19 小程序页面通用模板的使用 (07:25)
- 视频： 1-20 wxs模块讲解1 - 页面引用 (06:05)
- 视频： 1-21 wxs模块讲解2 - 模块调用模块 (02:44)
- 视频： 1-22 小程序模板在外部页面引用 (03:43)
- 视频： 1-23 页面引用外部wxml通用页面 (03:54)
第2章微信小程序的基础组件学习 16 节 | 103分钟

如何使用flex布局的，针对view视图组件，常用的基础组件进行学习与讲解

收起列表
- 视频： 2-1 小程序的flex布局 (03:51)
- 视频： 2-2 flex-direction 讲解 (07:56)
- 视频： 2-3 flex-wrap 讲解 (03:41)
- 视频： 2-4 justify-content 讲解 (05:16)
- 视频： 2-5 flex成员元素的样式设置 (04:28)
- 视频： 2-6 小程序的组件介绍 (03:09)
- 视频： 2-7 视图组件 view (04:30)
- 视频： 2-8 scroll-view 可滚动视图纵向 (16:12)
- 视频： 2-9 scroll-view 可滚动视图横向 (03:50)
- 视频： 2-10 swiper 轮播图示例 (08:23)
- 视频： 2-11 可拖动view (11:41)
- 视频： 2-12 作业 - 可缩放view (02:31)
- 视频： 2-13 基础组件 - icon (05:11)
- 视频： 2-14 基础组件 - text (05:16)
- 视频： 2-15 基础组件 - rich-text 富文本 (08:17)
- 视频： 2-16 基础组件 - progress (07:45)
第3章 form表单组件与小程序前后端通信 17 节 | 127分钟

讲解小程序的表单组件以及如何与后端通信，如何内网穿透

收起列表
- 视频： 3-1 form 组件 - button的使用 (09:14)
- 视频： 3-2 form 组件 - checkbox与lable (11:47)
- 视频： 3-3 form的提交和重置 (09:15)
- 视频： 3-4 form 组件 - input文本框（上） (16:22)
- 视频： 3-5 form 组件 - input文本框（下） (06:12)
- 视频： 3-6 form组件 - picker普通选择器 (09:37)
- 视频： 3-7 form组件 - picker多列选择器 (08:00)
- 视频： 3-8 作业：picker时间日期城市选择器 (01:45)
- 视频： 3-9 form组件 - picker-view (06:42)
- 视频： 3-10 form组件 - radio单选框 (05:54)
- 视频： 3-11 form组件 - slider滑动选择器 (08:51)
- 视频： 3-12 form组件 - switch开关 (04:12)
- 视频： 3-13 form组件小练习 (02:25)
- 视频： 3-14 导航标签与传值 (07:10)
- 视频： 3-15 image图片组件 (07:44)
- 视频： 3-16 小程序与后端通信 - 内网穿透 (05:16)
- 视频： 3-17 小程序与后端通信 - wx.request使用 (06:23)
第4章产品介绍与数据库设计介绍 2 节 | 17分钟

对项目做简单的需求了解，对数据库表设计进行讲解

收起列表
- 视频： 4-1 短视频项目实战功能演示与简介 (09:05)
- 视频： 4-2 数据库表结构介绍 (07:54)
第5章开发用户登录注册与用户信息 28 节 | 227分钟

在小程序端开发用户注册与登录以及个人信息，包括基础项目使用springboot分层搭建，mybatis逆向工程的使用，前后端联调，图片上传，配置swagger等。

收起列表
- 视频： 5-1 短视频基础项目初始化 (04:52)
- 视频： 5-2 用户注册页面 (07:24)
- 视频： 5-3 Springboot聚合工程介绍 (05:13)
- 视频： 5-4 搭建Springboot分层项目 (19:56)
- 视频： 5-5 使用Springboot版mybatis逆向生成工具 (07:13)
- 视频： 5-6 开发注册用户的接口 (17:47)
- 视频： 5-7 swagger2的使用与接口测试 (19:48)
- 视频： 5-8 小程序注册与后端联调 (15:49)
- 视频： 5-9 作业：用户登录 (01:56)
- 视频： 5-10 登录作业讲解 (08:04)
- 视频： 5-11 wx.loading与页面跳转 (05:01)
- 视频： 5-12 有状态会话与无状态会话基本概念 (04:23)
- 视频： 5-13 安装单机环境的redis (10:25)
- 视频： 5-14 开发用户redis-session (12:37)
- 视频： 5-15 "我的"个人信息页面讲解 (06:35)
- 视频： 5-16 开发注销接口 (05:18)
- 视频： 5-17 小程序注销与后端联调 (05:41)
- 视频： 5-18 用户头像上传接口 (12:14)
- 视频： 5-19 用户上传头像联调 (09:45)
- 视频： 5-20 上传头像后更新到数据库 (08:27)
- 视频： 5-21 Springboot静态资源配置，显示图片 (05:49)
- 视频： 5-22 tomcat 虚拟目录配置 (07:52)
- 视频： 5-23 小程序展示头像以及手机端调试 (06:53)
- 视频： 5-24 查询用户信息接口 (06:46)
- 视频： 5-25 小程序个人信息展示联调 (10:08)
- 作业： 5-26 通过maven来构建多级嵌套的聚合工程
- 作业： 5-27 使用微信小程序的最佳登录方式是什么？
- 作业： 5-28 token保存
第6章上传视频业务流程开发 29 节 | 190分钟

这部分重点讲解，主要涉及到上传视频，使用ffmpeg合并视频与背景音乐，获取视频截图

收起列表
- 视频： 6-1 上传短视频业务流程讲解 (02:37)
- 视频： 6-2 用户选择视频 (09:09)
- 视频： 6-3 选择背景音乐页面讲解 (07:52)
- 视频： 6-4 更新内容介绍 (04:06)
- 视频： 6-5 创建一个自定义组件 (02:09)
- 视频： 6-6 构建静态页面 (09:07)
- 视频： 6-7 动态渲染组件 (08:43)
- 视频： 6-8 通过audio上下文对象播放音频 (02:45)
- 视频： 6-9 实现MP3的播放和暂停 (05:35)
- 视频： 6-10 开发后台bgm列表接口 (08:25)
- 视频： 6-11 bgm页面联调获取背景音乐列表 (06:53)
- 视频： 6-12 开发上传短视频接口，完善swagger测试上传 (14:43)
- 视频： 6-13 视频临时参数传入下一个页面 (06:37)
- 视频： 6-14 小程序端上传短视频联调 (07:00)
- 视频： 6-15 ffmpeg介绍 (02:22)
- 视频： 6-16 ffmpeg的第一个例子 (05:52)
- 视频： 6-17 Java与ffmpeg的结合 (13:16)
- 视频： 6-18 ffmpeg操作视频与bgm的结合 (04:28)
- 视频： 6-19 新版ffmpeg视音频合并的解决方案 (05:40)
- 视频： 6-20 Java合并视音频 (03:42)
- 视频： 6-21 小程序上传视频后调用视频处理工具类联调 (13:17)
- 视频： 6-22 保存视频信息到数据库 (10:10)
- 视频： 6-23 上传封面图保存到数据库 (10:50)
- 视频： 6-24 小程序端上传视频业务流程联调 (04:45)
- 视频： 6-25 联调手机端踩坑小程序 (06:18)
- 视频： 6-26 使用ffmpeg生成截图 (05:28)
- 视频： 6-27 上传视频流程整合视频截图功能 (04:54)
- 视频： 6-28 小程序端与后台联调测试上传流程 (02:23)
- 作业： 6-29 视频上传和项目位置保持一致有没有什么问题？能否优化吗？
第7章视频展示页开发试看 41 节 | 393分钟

主要涉及开发视频主页列表展示，如何做分页，视频详情页展示视频播放，讲解视频组件，开源搜索框的使用，关注点赞用户，举报分享下载等。以及后端的拦截器讲解。

收起列表
- 视频： 7-1 小程序首页视频列表讲解 (08:15) 试看
- 视频： 7-2 编写自定义mapper (08:17)
- 视频： 7-3 视频列表分页查询接口 (11:54)
- 视频： 7-4 首页分页前后端接口联调 (14:57)
- 视频： 7-5 首页视频列表 - 上拉分页 (06:18)
- 视频： 7-6 首页视频列表 - 下拉刷新 (06:37)
- 视频： 7-7 视频组件与api介绍 (22:39)
- 视频： 7-8 视频展示页开发1 - 视频展示页面 (05:21)
- 视频： 7-9 视频展示页开发2 - 图标放置 (06:01)
- 视频： 7-10 开源搜索视频组件的使用，手机端演示 (12:35)
- 视频： 7-11 搜索插件缓存讲解 (08:56)
- 视频： 7-12 修改全局用户对象使用缓存 (07:40)
- 视频： 7-13 查询接口完善以及热搜词保存 (09:38)
- 视频： 7-14 热搜词查询接口开发 (07:28)
- 视频： 7-15 热搜词前后端联调 (05:21)
- 视频： 7-16 搜索功能整合首页列表联调 (10:16)
- 视频： 7-17 热搜查询联调与视频对象的播放与暂停 (07:28)
- 视频： 7-18 上传视频功能复用与测试 (06:22)
- 视频： 7-19 首页进入视频展示页 (07:28)
- 视频： 7-20 横向视频的展示 (03:00)
- 视频： 7-21 小程序的页面拦截 (04:36)
- 视频： 7-22 页面重定向 (15:37)
- 视频： 7-23 拦截器配置与注册 (12:30)
- 视频： 7-24 完善登录拦截并且限制用户只能在一台手机登录 (13:41)
- 视频： 7-25 前后端联调测试拦截器 (10:22)
- 视频： 7-26 点赞与取消点赞后台接口开发 (19:33)
- 视频： 7-27 点赞与取消点赞功能前后端联调 (11:18)
- 视频： 7-28 进入视频展示页面查询后端接口信息 (11:55)
- 视频： 7-29 视频展示页面初始化联调 (09:38)
- 视频： 7-30 查看视频发布者信息 (06:49)
- 视频： 7-31 关注与取消关注接口编写 (14:07)
- 视频： 7-32 关注我前后端联调 (13:36)
- 视频： 7-33 是否关注动态展示 (09:00)
- 视频： 7-34 关注我收尾工作 (03:15)
- 视频： 7-35 作品，收藏，关注 tab动态切换 (04:32)
- 视频： 7-36 作品，收藏，关注代码讲解 (16:51)
- 视频： 7-37 微信api菜单操作 (06:23)
- 视频： 7-38 保存举报信息接口讲解 (03:20)
- 视频： 7-39 举报前端开发与联调 (16:23)
- 视频： 7-40 分享给好友或微信群 (05:56)
- 视频： 7-41 下载视频到本地 (06:43)
第8章开发视频的留言板 7 节 | 65分钟

主要对留言板进行开发，用户留言后分页显示

收起列表
- 视频： 8-1 保存留言功能开发 (12:02)
- 视频： 8-2 查询留言列表分页接口 (06:42)
- 视频： 8-3 留言列表分页前后端联调 (15:11)
- 视频： 8-4 评论回复sql设计与查询 (10:20)
- 视频： 8-5 页显示回复评论 (03:17)
- 视频： 8-6 评论回复功能开发 (17:01)
- 作业： 8-7 评论数据目前都是保存到数据库mysql中的，有没有更好的考虑
第9章开发短视频后台管理系统 29 节 | 325分钟

使用ssm分层搭建后台管理系统，开发用户管理视频管理举报管理功能，重点会对bgm功能讲解，会使用到zookeeper让小程序后端所在的云服务器自动下载bgm

收起列表
- 视频： 9-1 演示后台管理系统，简介页面结构 (04:00)
- 视频： 9-2 搭建项目架构 - 构建parent工程 (06:24)
- 视频： 9-3 搭建项目架构 - 构建common, pojo, mapper和service工程 (10:10)
- 视频： 9-4 搭建项目架构 - 使用mybatis逆向工具生成文件 (07:48)
- 视频： 9-5 搭建项目架构 - 搭建mng工程以及模板介绍 (24:29)
- 视频： 9-6 使用maven-tomcat7插件运行web工程 (10:48)
- 视频： 9-7 登录、登出、拦截器代码讲解 (16:47)
- 视频： 9-8 上传接口讲解 (15:03)
- 视频： 9-9 异步上传JS编写联调 (06:34)
- 视频： 9-10 tomcat虚拟目录配置与音乐播放 (12:54)
- 视频： 9-11 保存背景音乐bgm到数据库 (12:54)
- 视频： 9-12 jqgrid讲解与bgm列表接口开发 (15:59)
- 视频： 9-13 bgm列表前后端联调与jgqrid对象封装 (09:35)
- 视频： 9-14 自定义列以及删除BGM (14:36)
- 视频： 9-15 zookeeper简介 (09:31)
- 视频： 9-16 JDK的安装 (05:33)
- 视频： 9-17 zookeeper下载、安装以及配置环境变量 (05:13)
- 视频： 9-18 zookeeper客户端的介绍 (05:52)
- 视频： 9-19 zookeeper模型，节点的CRUD操作 (08:27)
- 视频： 9-20 springmvc与zk curator整合 (25:33)
- 视频： 9-21 curator与springmvc整合调试与测试 (05:21)
- 视频： 9-22 新增与删除bgm写入znode (12:22)
- 视频： 9-23 springboot与zk curator整合 (13:30)
- 视频： 9-24 消费端监听事件以及触发测试 (09:28)
- 视频： 9-25 监听zk节点下载bgm (18:33)
- 视频： 9-26 监听zk节点删除bgm (14:09)
- 视频： 9-27 资源地址使用属性文件统一配置 (03:10)
- 视频： 9-28 用户列表信息查询 (09:42)
- 视频： 9-29 举报管理 (10:13)
第10章项目上线与发布 16 节 | 158分钟

主要涉及到两台服务器上进行部署，分别对windows以及linux服务做服务的配置与上线，并且最终对小程序后台配置https

收起列表
- 视频： 10-1 购买腾讯云服务器 (10:18)
- 视频： 10-2 初识云服务器，安装teamviewer (10:35)
- 视频： 10-3 安装ffmpeg以及JDK (03:54)
- 视频： 10-4 安装tomcat，配置安全组 (09:34)
- 视频： 10-5 域名注册备案解析讲解 (11:08)
- 视频： 10-6 ssl证书购买和HTTPS配置 (12:03)
- 视频： 10-7 安装MariaDB，导入sql脚本 (10:31)
- 视频： 10-8 linux云服务器 - 安装JDK环境 (08:56)
- 视频： 10-9 linux云服务器 - 安装tomcat (03:49)
- 视频： 10-10 linux云服务器 - 安装redis (05:36)
- 视频： 10-11 linux云服务器 - 安装zookeeper (05:24)
- 视频： 10-12 部署springboot到云服务器 (26:54)
- 视频： 10-13 部署短视频admin管理后台 (18:23)
- 视频： 10-14 linux云服务器中文乱码配置 (07:00)
- 视频： 10-15 小程序上线审核流程讲解 (09:37)
- 视频： 10-16 课程总结，挥泪再会 (03:13)
第11章课程补充（版本升级） 8 节 | 59分钟

本章是更新内容，目的是为了大家可以快速的讲项目升级到新版技术，比如SpringBoot，我会带大家升级到最新版2.1.x,当然还有一些其他地方的升级，总之通过本章的补充学习，大家会收获一些版本升级的知识。

收起列表
- 视频： 11-1 课程升级介绍 (03:48)
- 视频： 11-2 springboot最新版本升级（2.1.13） (06:29) 试看
- 视频： 11-3 升级数据源为HikariCP (07:53)
- 视频： 11-4 数据源时区与redis超时设置 (06:44)
- 视频： 11-5 升级使用WebMvcConfigurer接口 (04:18)
- 视频： 11-6 在idea中使用mybatis逆向工具 (05:47)
- 视频： 11-7 idea中构建maven聚合工程 (13:29)
- 视频： 11-8 idea运行springboot进行测试 (09:52)