1. 首页
  2. 资源

Java仿抖音短视频小程序开发 全栈式实战项目(实战视频教程)

Java仿抖音短视频小程序开发 全栈式实战项目(实战视频教程)

SpringBoot 仿抖音短视频小程序开发 全栈式实战项目

本课程基于微信小程序和目前主流的后端技术SpringBoot/SpringMvc来实现一个完整的短视频小程序App。通过对本套课程的学习,可以使你独立开发一个短视频小程序并部署到腾讯云上,掌握全栈式开发,更是毕业设计利器!
https://v3.mukewang.com/shizhan/5af41d8ee520e5c41c8b47a5/H.mp4
Java仿抖音短视频小程序开发 全栈式实战项目(实战视频教程)

基于微信小程序

更便于用户使用,加速流量产生

Java仿抖音短视频小程序开发 全栈式实战项目(实战视频教程)

主流后端开发技术

SpringBoot/SpringMvc

Java仿抖音短视频小程序开发 全栈式实战项目(实战视频教程)

Ffmpeg处理视频+BGM

主流视频处理技术
带你打开视频处理的大门

Java仿抖音短视频小程序开发 全栈式实战项目(实战视频教程)

如何配置HTTPS

加密传输,提高安全性

Java仿抖音短视频小程序开发 全栈式实战项目(实战视频教程)

自动下载背景音乐

后台服务器通过Zookeeper
监听自动下载背景音乐

Java仿抖音短视频小程序开发 全栈式实战项目(实战视频教程)

部署到腾讯云服务器

在Windows上以及Linux上部署
我们的系统。达成一个分布式云部署

从前端到后台,让你轻松掌握小程序全栈开发

手把手教学,打造高性价比课程

Java仿抖音短视频小程序开发 全栈式实战项目(实战视频教程)

完整上线流程,让小伙伴也能访问你的小程序

腾讯云分布式部署,自建应用也能随意访问

Java仿抖音短视频小程序开发 全栈式实战项目(实战视频教程)

热门技术点,让你开发技能突飞猛进

Java仿抖音短视频小程序开发 全栈式实战项目(实战视频教程)

从零开始构建通用性强的后台管理系统

适合人群

初中级java开发,有基础的大学应届生,
对小程序Java后端开发有感兴趣的用户

技术储备要求

需要有一定的Java基础,有html+css+js基础,
了解spring、linux、spring、springmvc、mybatis,
以及Maven的基本使用,
以及对MySQL/mariaDB
或者其他关系型数据库等有一定的了解

目录

  • 第1章 千呼万唤史出来,微信小程序的简要学习

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

    • 1-1 微信小程序简介
    • 1-2 微信小程序的简要注册流程
    • 1-3 微信开发者工具helloworld
    • 1-4 运行微信官方的demo演示
    • 1-5 公有目录与私有目录的工程结构了解
    • 1-6 手写属于自己的第一个demo
    • 1-7 wxss样式文件的使用
    • 1-8 小程序默认加载的页面
    • 1-9 小程序app的生命周期
    • 1-10 小程序中如何调试js文件
    • 1-11 私有页面的生命周期以及导航
    • 1-12 小程序的事件
    • 1-13 小程序抽离公用方法进行模块化
    • 1-14 视图层 – 细说数据绑定
    • 1-15 视图层 – 细说列表渲染
    • 1-16 视图层 – wx:key列表高级特性
    • 1-17 视图层 – 细说条件渲染与条件懒加载模式
    • 1-18 小程序页面通用模板的使用
    • 1-19 wxs模块讲解1 – 页面引用
    • 1-20 wxs模块讲解2 – 模块调用模块
    • 1-21 小程序模板在外部页面引用
    • 1-22 页面引用外部wxml通用页面
  • 第2章 微信小程序的基础组件学习

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

    • 2-1 小程序的flex布局
    • 2-2 flex-direction 讲解
    • 2-3 flex-wrap 讲解
    • 2-4 justify-content 讲解
    • 2-5 flex成员元素的样式设置
    • 2-6 小程序的组件介绍
    • 2-7 视图组件 view
    • 2-8 scroll-view 可滚动视图 纵向
    • 2-9 scroll-view 可滚动视图 横向
    • 2-10 swiper 轮播图示例
    • 2-11 可拖动view
    • 2-12 作业 – 可缩放view
    • 2-13 基础组件 – icon
    • 2-14 基础组件 – text
    • 2-15 基础组件 – rich-text 富文本
    • 2-16 基础组件 – progress
  • 第3章 form表单组件与小程序前后端通信

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

    • 3-1 form 组件 – button的使用
    • 3-2 form 组件 – checkbox与lable
    • 3-3 form的提交和重置
    • 3-4 form 组件 – input文本框(上)
    • 3-5 form 组件 – input文本框(下)
    • 3-6 form组件 – picker普通选择器
    • 3-7 form组件 – picker多列选择器
    • 3-8 作业:picker时间日期城市选择器
    • 3-9 form组件 – picker-view
    • 3-10 form组件 – radio单选框
    • 3-11 form组件 – slider滑动选择器
    • 3-12 form组件 – swich开关
    • 3-13 form组件小练习
    • 3-14 导航标签与传值
    • 3-15 image图片组件
    • 3-16 小程序与后端通信 – 内网穿透
    • 3-17 小程序与后端通信 – wx.request使用
  • 第4章 产品介绍与数据库设计介绍

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

    • 4-1 短视频项目实战功能演示与简介
    • 4-2 数据库表结构介绍
  • 第5章 开发用户登录注册与用户信息

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

    • 5-1 短视频基础项目初始化
    • 5-2 用户注册页面
    • 5-3 Springboot聚合工程介绍
    • 5-4 搭建Springboot分层项目
    • 5-5 使用Springboot版mybatis逆向生成工具
    • 5-6 开发注册用户的接口
    • 5-7 swagger2的使用与接口测试
    • 5-8 小程序注册与后端联调
    • 5-9 作业:用户登录
    • 5-10 登录作业讲解
    • 5-11 wx.loading与页面跳转
    • 5-12 有状态会话与无状态会话基本概念
    • 5-13 安装单机环境的redis
    • 5-14 开发用户redis-session
    • 5-15 “我的”个人信息页面讲解
    • 5-16 开发注销接口
    • 5-17 小程序注销与后端联调
    • 5-18 用户头像上传接口
    • 5-19 用户上传头像联调
    • 5-20 上传头像后更新到数据库
    • 5-21 Springboot静态资源配置,显示图片
    • 5-22 小程序展示头像以及手机端调试
    • 5-23 查询用户信息接口
    • 5-24 小程序个人信息展示联调
  • 第6章 上传视频业务流程开发

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

    • 6-1 上传短视频业务流程讲解
    • 6-2 用户选择视频
    • 6-3 选择背景音乐页面讲解
    • 6-4 开发后台bgm列表接口
    • 6-5 bgm页面联调获取背景音乐列表
    • 6-6 开发上传短视频接口,完善swagger测试上传
    • 6-7 视频临时参数传入下一个页面
    • 6-8 小程序端上传短视频联调
    • 6-9 ffmpeg介绍
    • 6-10 ffmpeg的第一个例子
    • 6-11 Java与ffmpeg的结合
    • 6-12 ffmpeg操作视频与bgm的结合
    • 6-13 Java合并视音频
    • 6-14 小程序上传视频后调用视频处理工具类联调
    • 6-15 保存视频信息到数据库
    • 6-16 上传封面图保存到数据库
    • 6-17 小程序端上传视频业务流程联调
    • 6-18 联调手机端踩坑小程序
    • 6-19 使用ffmpeg生成截图
    • 6-20 上传视频流程整合视频截图功能
    • 6-21 小程序端与后台联调测试上传流程
  • 第7章 视频展示页开发

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

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

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

    • 8-1 保存留言功能开发
    • 8-2 查询留言列表分页接口
    • 8-3 留言列表分页前后端联调
    • 8-4 评论回复sql设计与查询
    • 8-5 页显示回复评论
    • 8-6 评论回复功能开发
  • 第9章 开发短视频后台管理系统

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

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

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

    • 10-1 购买腾讯云服务器
    • 10-2 初识云服务器,安装teamviewer

环境参数

  • 核心框架 Spring Framework,SpringBoot
  • 数据库 MyBatis,MariaDB,Druid
  • 中间件 zookeeper,redis,swagger2
  • 视频处理 FFmpeg
  • 前端框架 Bootstrap + Jquery
  • 前端分页组件 jqGrid
  • 开发工具 eclipse

获取方式

联系网站客服,或者博客留言。

原创文章,作者:Ferrycoln,如若转载,请注明出处:https://ms200.cn/archives/553

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:499661635@qq.com.com

工作时间:周一至周五,9:30-18:30

QR code