今天给大家分享一个github上开源模仿抖音的短视频项目

git下载地址：https://github.com/RAOE/show-videos.git

仿抖音，springcloud+springboot+springmvc+mybatis+docker+bootstrap+h plus+微信小程序

https://mmbiz.qpic.cn/mmbiz_gif/ul3HoyKvknJq8pm8rWgQE1exgibyjDZQ0WMfzCLvGGTOrvxdfJjwrwPwNy0flNpPUpkgeQltX8OjcR9ia5iapBoRA/640?wx_fmt=gif&tp=wxpic&wxfrom=5&wx_lazy=1

管理后台

相关技术

前端:h5+css+javascript+jquery+bootstrap+themeleaf+ H plus

后端:springcloud+springboot+sping+springmvc+mybatis+mysql+redis+shiro

组件:bootsrap-table,webUploader,pagehelper+layer

项目部署: docker + linux

中间件:eureka(微服务治理)

消息队列: rabbitmq

测试:swagger2

开发风格：分布式系统架构，前后分离开发风格，RESTful api

代码介绍

scetc-show-videos-admin 后台管理系统

scetc-show-videos-cloud eureka服务发现与注册

scetc-show-videos-config 分布式配置中心

scetc-show-videos-dev 小程序后台

scetc-show-videos-page 小程序界面

1.需求分析

用户需求

用户个人信息管理，视频的编辑（加入滤镜或者背景音乐）、上传、浏览、点赞、关注、下载、等功能。

管理员需求

毕业设计选题环节中，系统管理员的需求为：用户管理（新增用户、删除用户及用户登录系统数据的初始化操作）、视频管理（视频分类、新增视频、对违违法视频进行删除操作）、背景音乐管理（对音乐库中音乐的增删改查）、滤镜管理（滤镜的增改）、用户管理（新增各权限级的管理员、删除管理员、对子集权限组管理员系统登录数据的初始化操作）以及消息通知（发布不同对象的系统消息、对所有消息进行查看及删除操作）

2.项目设计

2.1 微信小程序端

前台的设计、后台的管理、安全性

前端：基于微信小程序的开发文档

后端：基于springboot微服务架构 + mysql数据库 + redis缓存数据库 + ffmpeg

组件：wxsearch微信小程序搜索组件

音视频工程工具+mybatis 数据持久层框架+redis数据库

2.2 后台管理系统端

后台管理系统的开发、安全性

mybatis 数据持久层框架+redis数据库

网站前端：bootstrap前端框架 + javascript + css +html +jquery +ajax+themeleaf模板引擎

短视频：审核、删除

背景音乐：添加和修改

管理员管理：用户管理、视频访问量、点击率的记载分析

3.模块设计

3.1.1 用户端模块

用户模块主要页面有个人管理、视频编辑、管理、上传、浏览、下载等

3.1.3 管理员模块

管理员模块主要页面有个人管理、人员管理、视频管理、音乐管理、审核发布、用户列表管理。

3.2 界面设计

3.2.1 用户页面

学生界面设计布局为横向栏导航、面包屑导航及页面内容构成，横向栏导航条鼠标悬浮其背景将变色，选中栏目的背景色异于未选中背景色，面包屑导航当前栏目不可操作，可直接回值

父级栏目，页面可实现响应式布局，如图所示，为用户成功登录后页面。

3.3 数据库设计

3.3.1 数据库实体关系图

如何快速导入项目?

将scetc-show-videos-page小程序页面导入到微信开发工具栏中即可

如需使用本地api需要部署scetc-show-videos-dev项目（项目以war包发布，需要额外配置tomcat环境）,并且在app.json文件中修改serverUr服务器地址

云服务器地址:https://www.lotcloudy.com/scetc-show-videos-mini-api-0.0.1-SNAPSHOT/

关于后台管理系统 导入scetc-show-videos-admin项目

关于分布式环境配置，观看相关的配置文件即可

技术栈

后端

前端