Skip to content

oyjcodes/wx-video-admin

Repository files navigation

⭐⭐⭐⭐番茄短视频-后台管理系统🙋基于SpringBoot搭建🐓 关键字:SSM、springboot、分布式、前后端分离、云部署、Zookeeper、redis

☁️线上版(备案中......)

简介:基于风口飞起的两只"小猪🐖"——小程序+短视频,该项目是一款基于微信小程序端的视频社交软件,并且采用腾讯云的服务器进行分布式的部署~~~

小视频后台管理系统 —— 主要实现了用户的管理,短视频的管理,背景音乐的管理,权限验证,单点登陆。

微信小程序端 —— 短视频社交小程序,用户可以在小程序上发布自己的短视频,并且经过我们的平台加入滤镜(功能暂未上线)或者背景音乐制作出独具特色的短视频。实现了点赞、评论、下载、分享、转发(接口未开放)等功能。

微信小程序API的后台Github地址:https://github.com/oyjcodes/wx-videos-api

微信小程序前端APP的Github地址:https://github.com/oyjcodes/wx-video-client

💡小程序端展示

💻后台管理系统页面展现

🔧相关技术

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

后端:springboot+mybatis+mysql

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

项目部署: docker + linux

中间件:zookeeper(分布式)

测试:swagger2,postman

开发风格:分布式系统架构,前后端分离开发风格,RESTful api

📝需求分析

用户需求

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

管理员需求

用户管理、视频管理(对违违法视频进行审核操作)、背景音乐管理(对音乐库中音乐的增删改查、通过zookeper与小程序前台进行交互)等

✏️项目设计

微信小程序端

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

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

后端:基于springboot + mysql数据库 + redis缓存数据库 + ffmpeg + zookeeper

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

后台管理系统端

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

mybatis 数据持久层框架

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

短视频:审核、删除

背景音乐:添加和修改

管理员管理:用户管理、视频访问量、点击率的记载分析(开发中......)

☕️系统架构

🍉Tip

将wx-videos-client小程序页面导入到微信开发工具栏中,并且在app.json文件中修改serverUr服务器地址

如需使用本地api需要部署wx-videos-dev项目(项目以war包发布,需要额外配置tomcat环境)

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

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

🔎技术栈

JAVA后端

名称 描述 官网
Spring Framework 容器 http://projects.spring.io/spring-framework/
SpringMVC MVC框架 http://docs.spring.io/spring/docs/current/spring-framework-reference/htmlsingle/#mvc
MyBatis ORM框架 http://www.mybatis.org/mybatis-3/zh/index.html
MyBatis Generator 代码生成 http://www.mybatis.org/generator/index.html
SpringBoot 快速开发框架 https://spring.io/projects/spring-boot/
Druid 数据库连接池 https://druid.apache.org/
Redis 缓存数据库 https://redis.io/
Zookeeper 分布式应用程序协调服务 https://zookeeper.apache.org/
FFmpeg 音视频工具 http://ffmpeg.org/
PageHelper MyBatis分页 http://git.oschina.net/free/Mybatis_PageHelper
Maven 项目构建管理 http://maven.apache.org/
Swagger 文档工具 https://swagger.io/
应用容器引擎 Docker https://www.docker.com/
数据库中间件 ProxySQL https://www.proxysql.com/
反向代理服务器 Nginx http://nginx.org/
MySQL 数据库 https://www.mysql.com/
Tomcat 7.0 服务器 http://tomcat.apache.org/

前端

名称 描述 官网
jQuery 函数库 http://jquery.com/
Bootstrap 前端框架 http://getbootstrap.com/
Bootstrap-table 数据表格 http://bootstrap-table.wenzhixin.net.cn/
echarts 图表 http://echarts.baidu.com/
jqGrid 前端分页组件 http://www.trirand.com/blog/jqgrid/jqgrid.html

🔥写在最后的话

✌✌✌✌✌✌✌学习的过程是"痛并快乐着"~~~~~✌✌✌✌✌✌✌✌✌✌

About

🎯番茄短视频-后台管理。基于SpringBoot 搭建,网站前端:bootstrap前端框架 + javascript + css +html +jquery +ajax

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published