This repository has been archived by the owner on Nov 14, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 282
/
README.md.bak
223 lines (200 loc) · 9.17 KB
/
README.md.bak
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
# 秀视频--小程序社交软件app
#
<h2>线上版</h2>
<img src="./myimg/wx.jpg">
<blockquote>
简介：简介：随着微信的普及，小视频的流行，我们设计一款基于微信小程序端的视频社交软件APP + 后台管理系统作为自己专科毕业设计----秀视频-微信小程序端（短视频社交小程序，用户可以在小程序上发布自己的短视频 并且经过我们的平台加入滤镜或者背景音乐制作出独具特色的短视频。并实现了点赞、评论、下载、分享、转发等功能的小程序）---的后台管理系统，主要实现了人员的管理，短视频的管理，背景音乐的管理，登陆注册，权限验证，单点登陆等等。 从需求分析，功能设计，前端到后台，再到数据库的设计。一点点的积累，一点点的完善，预计小程序端+后台管理系统开发周期一个月(每天更新)。 对一个开发人员来说，如果想单纯的做出这些功能，其实并不难。 难的是对于这些功能细节的把控，项目整体的友好程度，用户的体验效果；对并发的考虑，对恶意请求，对流畅度这些细节的考虑等等。
</blockquote>
<blockquote>
Introduction: The background management system as its own specialized graduation project - Show Video - Wechat Small Program (Short Video Social Program), users can publish their own short videos on the small program and produce their own short videos through our filter background music, and realize the functions of praise, comment, sharing, forwarding and so on. The background management system mainly realizes personnel management, short video management, background music management, login registration, authority verification, single-point login and so on. From requirement analysis, function design, front-end to back-end, and then to database design. A little accumulation, a little improvement, the expected small program side + background management system development cycle for a month (updated daily). For a developer, it is not difficult to do these functions simply. It is difficult to control the details of these functions, the overall friendliness of the project, the user experience effect, the consideration of concurrency, malicious requests, the consideration of fluency and so on.
</blockquote>
#
<h2>前台-小程序端效果展示</h2>
<p>
<img src="./gif/show02.gif">
<img src="./gif/show01.gif">
</p>
</br>
<h2>后台管理系统页面展现</h2>
<img style="width:50%;height:50%"src="./myimg/backgroud.png">
<h2>相关技术 </h2>
<p>前端:h5+css+javascript+jquery+bootstrap+themeleaf+ H plus</p>
<p>后端:springcloud+springboot+sping+springmvc+mybatis+mysql+redis+shiro</p>
<p>组件:bootsrap-table,webUploader,pagehelper+layer</p>
<p>项目部署: docker + linux</p>
<p>中间件:eureka(微服务治理)</p>
<p>消息队列: rabbitmq</p>
<P>测试:swagger2</p>
<p>开发风格：分布式系统架构，前后分离开发风格，RESTful api</p>
<h2>代码介绍 </h2>
<p>scetc-show-videos-admin 后台管理系统</p>
<p>scetc-show-videos-cloud eureka服务发现与注册</p>
<p>scetc-show-videos-config 分布式配置中心</p>
<p>scetc-show-videos-dev 小程序后台</p>
<p>scetc-show-videos-page 小程序界面</p>
<h2>需求分析</h2>
<p>用户需求</p>
<p>用户个人信息管理，视频的编辑（加入滤镜或者背景音乐）、上传、浏览、点赞、关注、下载、等功能。</p>
<p>管理员需求</p>
<p>毕业设计选题环节中，系统管理员的需求为：用户管理（新增用户、删除用户及用户登录系统数据的初始化操作）、视频管理（视频分类、新增视频、对违违法视频进行删除操作）、背景音乐管理（对音乐库中音乐的增删改查）、滤镜管理（滤镜的增改）、用户管理（新增各权限级的管理员、删除管理员、对子集权限组管理员系统登录数据的初始化操作）以及消息通知（发布不同对象的系统消息、对所有消息进行查看及删除操作）</p>
<h2>项目设计</h2>
<h2>2.1 微信小程序端</h2>
<p>前台的设计、后台的管理、安全性</p>
<p>前端：基于微信小程序的开发文档</p>
<p>后端：基于springboot微服务架构 + mysql数据库 + redis缓存数据库 + ffmpeg</p>
<p>组件：wxsearch微信小程序搜索组件</p>
<p>音视频工程工具+mybatis 数据持久层框架+redis数据库</p>
<h2>2.2 后台管理系统端</h2>
<p>后台管理系统的开发、安全性</p>
<p>mybatis 数据持久层框架+redis数据库</p>
<p>网站前端：bootstrap前端框架 + javascript + css +html +jquery +ajax+themeleaf模板引擎 </p>
<p>短视频：审核、删除</p>
<p>背景音乐：添加和修改</p>
<p>管理员管理：用户管理、视频访问量、点击率的记载分析</p>
<h2>3.模块设计</h2>
<p>3.1.1 用户端模块</p>
<p>用户模块主要页面有个人管理、视频编辑、管理、上传、浏览、下载等</p>
<p>3.1.3 管理员模块</p>
<p>管理员模块主要页面有个人管理、人员管理、视频管理、音乐管理、审核发布、用户列表管理。</p>
<h2>3.2 界面设计</h2>
<p>3.2.1 用户页面</p>
<p>学生界面设计布局为横向栏导航、面包屑导航及页面内容构成，横向栏导航条鼠标悬浮其背景将变色，选中栏目的背景色异于未选中背景色，面包屑导航当前栏目不可操作，可直接回值</p><p>父级栏目，页面可实现响应式布局，如图所示，为用户成功登录后页面。</p>
<h2>3.3 数据库设计</h2>
<p>3.3.1 数据库实体关系图</p>
<img src="./myimg/er.png">
<h2>4. 框架设计</h2>
<img src="./myimg/a3.jpg">
</br></br></br>
<h2>交流</h2>
<p>开发交流群:673926093</p>
<h2>作品荣耀</h2>
<p>学院院计算机比赛一等奖</p>
</br>
<h2>技术栈</h2>
<h2>后端</h2>
<table>
<thead>
<tr>
<th>名称</th>
<th>描述</th>
<th>官网</th>
</tr>
</thead>
<tbody>
<tr>
<td>Spring Framework</td>
<td>容器</td>
<td><a href="http://projects.spring.io/spring-framework/" rel="nofollow">http://projects.spring.io/spring-framework/</a></td>
</tr>
<tr>
<td>SpringMVC</td>
<td>MVC框架</td>
<td><a href="http://docs.spring.io/spring/docs/current/spring-framework-reference/htmlsingle/#mvc" rel="nofollow">http://docs.spring.io/spring/docs/current/spring-framework-reference/htmlsingle/#mvc</a></td>
</tr>
<tr>
<td>MyBatis</td>
<td>ORM框架</td>
<td><a href="http://www.mybatis.org/mybatis-3/zh/index.html" rel="nofollow">http://www.mybatis.org/mybatis-3/zh/index.html</a></td>
</tr>
<tr>
<td>MyBatis Generator</td>
<td>代码生成</td>
<td><a href="http://www.mybatis.org/generator/index.html" rel="nofollow">http://www.mybatis.org/generator/index.html</a></td>
</tr>
<tr>
<td>Apache Shiro</td>
<td>安全框架</td>
<td><a href="http://shiro.apache.org/" rel="nofollow">http://shiro.apache.org/</a></td>
</tr>
<tr>
<td>PageHelper</td>
<td>MyBatis分页</td>
<td><a href="http://git.oschina.net/free/Mybatis_PageHelper" rel="nofollow">http://git.oschina.net/free/Mybatis_PageHelper</a></td>
</tr>
<tr>
<td>Maven</td>
<td>项目构建管理</td>
<td><a href="http://maven.apache.org/" rel="nofollow">http://maven.apache.org/</a></td>
</tr>
<tr>
<td>MySQL</td>
<td>数据库</td>
<td><a href="https://www.mysql.com/" rel="nofollow">https://www.mysql.com/</a></td>
</tr>
<tr>
<td>Tomcat 8.0</td>
<td>服务器</td>
<td><a href="http://tomcat.apache.org/" rel="nofollow">http://tomcat.apache.org/</a></td>
</tr>
</tbody>
</table>
</br>
<h2>前端</h2>
<table>
<thead>
<tr>
<th>名称</th>
<th>描述</th>
<th>官网</th>
</tr>
</thead>
<tbody>
<tr>
<td>jQuery</td>
<td>函数库</td>
<td><a href="http://jquery.com/" rel="nofollow">http://jquery.com/</a></td>
</tr>
<tr>
<td>Bootstrap</td>
<td>前端框架</td>
<td><a href="http://getbootstrap.com/" rel="nofollow">http://getbootstrap.com/</a></td>
</tr>
<tr>
<td>Bootstrap-table</td>
<td>数据表格</td>
<td><a href="http://bootstrap-table.wenzhixin.net.cn/" rel="nofollow">http://bootstrap-table.wenzhixin.net.cn/</a></td>
</tr>
<tr>
<td>echarts</td>
<td>图表</td>
<td><a href="http://echarts.baidu.com/" rel="nofollow">http://echarts.baidu.com/</a></td>
</tr>
<tr>
<td>web uploader</td>
<td>图片上传</td>
<td><a href="http://fex.baidu.com/webuploader/" rel="nofollow">http://fex.baidu.com/webuploader/</a></td>
</tr>
<tr>
<td>layui</td>
<td>弹出层</td>
<td><a href="http://www.layui.com/" rel="nofollow">http://www.layui.com/</a></td>
</tr>
<tr>
<td>sweetalert</td>
<td>弹出层</td>
<td><a href="http://mishengqiang.com/sweetalert/" rel="nofollow">http://mishengqiang.com/sweetalert/</a></td>
</tr>
<tr>
<td>highlight</td>
<td>代码高亮</td>
<td><a href="https://highlightjs.org/" rel="nofollow">https://highlightjs.org/</a></td>
</tr>
<tr>
<td>summernote</td>
<td>富文本编辑</td>
<td><a href="https://summernote.org/" rel="nofollow">https://summernote.org/</a></td>
</tr>
<tr>
<td>pace</td>
<td>进度条</td>
<td><a href="https://github.hubspot.com/pace/" rel="nofollow">https://github.hubspot.com/pace/</a></td>
</tr>
<tr>
<td>fakeLoader</td>
<td>页面预加载</td>
<td><a href="https://www.awesomes.cn/repo/joaopereirawd/fakeloader-js" rel="nofollow">https://www.awesomes.cn/repo/joaopereirawd/fakeloader-js</a></td>
</tr>
</tr>
</tbody>
</table>
</br>