vue.js技术的短视频app设计与实现(源码)【字数：6143】
在现在大数据飞速发展，智能手机的普及的情况之下，各行各类的APP相继出现，无论电商类的购物APP，还是家政的APP，其研发目的都是为人们生活的更加便捷。随着人民日益增长的美好生活需要和不平衡不充分的发展之间的矛盾，许多在大城市工作生活的新时代人群的情感问题表现出来。与上世纪人们的生活方式不同，现在互联网技术的发达，使得人们愿意主动去做娱乐活动的情绪降低。但是生活压力大，人们也需要一些情感的交流，所以总需要有地方放松缓解精神压力。本课题阐述的是基于VUE.js的短视频创作及使用过程，通过对API接口的剖析，直观的去了解APP本身的数据获取流程以及传参方式，使得对于运行平台node.js和数据语言mongodb认识提高了一个层次，通过前端框架uni-app掌握怎么才能合理的运用项目中的组件以及如何对页面布局才能显得更加美观。
目录
一、引言 1
（一）课题背景 1
（二）课题意义 1
（三）设计目的 2
二、短视频APP系统与数据库设计 3
（一）系统功能设计 3
（二）系统功能模块图 3
（三）注册流程图 4
（四）框架设计图 4
（五） 系统数据库设计 6
1. 用户信息表 6
2. 视频数据表 6
（六）开发及运行环境 6
1. 前端开发环境： 6
2. 后台开发环境： 6
3. 数据库： 7
4. 测试环境： 7
三、短视频APP结构概念介绍 7
（一）系统管理接口 7
1．App注册 7
2．App登录 8
（二）视频分页 9
1．分页获取视频列表 9
2．视频接口 11
3．查看视频 12
四、安卓端实施 14
（一）注册模块 14
（二）登录界面 15
（三）首页 16
（四）热门模块 17
（五）爱看模块 19
（六）“我的”模块 20
（七） 视频发布 21
（八） 设置界面 *好棒文|www.hbsrm.com +Q: #351916072#
22
五、该短视频APP的市场发展前景 24
六、软件测试 25
七、总结 28
致 谢 29
参考文献 30
一、引言
（一）课题背景
对于现代社会来说，如何让现在年轻人合理缓解自己的生活压力已经成为了社会关注的焦点问题，俗话说：“一张一弛，文武之道也。”由于人们工作繁忙，时常加班加点的工作，根本没有所谓的时间去公园散步，更加不用谈什么门出门旅游散心了,手机APP近年来的成为了工作后疲惫的年轻人唯一“宠幸”的对象。一些优秀的、包含正能量传播的APP此时显得尤为重要。
因此，为了人们了解当下流行趋势、宣泄情感以及传播信息，短视频APP的出现成为了必然。通过开发这样一款软件,基本可以满足人们生活中的宣泄心理、文化传播及与社会交流的需要。
所以短视频APP，对提高当下人们对无聊乏味生活起到非常大的帮助作用，有必要探讨其未来的发展前景。
（二）课题意义
短视频意义在于一定程度上契合了当今人们对于快节奏生活的追求，短视频最核心的特点在于“短”，传递的内容往往满足了人们对“浅阅读”的需要，也就是当今流行的“快餐文化”。除了能满足用户的需求之外，另一个重要特点是，它区别于文字和图片，打破静态传输。动态画面传递内容会更加形象生动，老少皆宜，容易被人们接收和理解，视频是其本身的固有属性，也是与其他媒介竞争的优势之一。
短视频内容包括了生活趣事、俊男靓女、搞笑娱乐等，除此之外，学习性质的短视频也包含广泛，用户在短时间内收获到干货，高效学习，学习方式也灵活多样。满足用户需求，短视频市场不可估量。
（三）设计目的
通过对各种主题的划分，短视频最终根据用户日常浏览数据的分析，给用户推送其关心的相关主题视频。让用户在观看视频的同时，心情得到放松；同时对于视频中一些好的文化干货可以收藏学习，即增加了一条学习渠道。总体来说短视频的出现将会给人们的生活提供很多便捷。
二、短视频APP系统与数据库设计
（一）系统功能设计
1.注册登录模块：为了使用方便，享受更多的操作服务，用户可以通过手机号码来注册一个账号。用户在注册账号完成以后，登录已经注册的账号可使用APP的更多操作权限。
2.首页模块：首页主要是对短视频APP用户发布的视频进行的浏览，可以对喜欢的短视频进行点赞、评论和分享。
3.热门模块：热门模块也是以视频为主。顾名思义该模块的内容包含的是近期在网络上比较流行、热门的短视频或者电影创作。此界面可以对热门视频观看、下载。
4.爱看模块：此模块体现的是短视频APP对用户的一个推送服务。界面包含一些网络新闻、热门商品的推送。
5.我的模块：我的模块包含的选项最为丰富，在该模块中，用户可进行注册、登录，发布视频以及查看的人相关信息。
（二）项目功能模块结构图
图21 项目功能模块图
（三）注册流程图
用户根据本人手机号码、虚拟一个名称再设置一个方便记住的字符串作为密码就能够完成注册了，并在注册成功之后，会将具体信息进行存储以便日后操作。
/
图22 注册流程图
（四）框架设计图
系统数据库设计
用户信息表
用户信息表包含用户编号、用户名、用户手机号、用户密码、粉丝数目、关注数目、账户余额、用户头像。
序号
字段
字段内容
字段类型
主/外键
1
_id
用户编号
Int
主键
2
name
用户名
Varchar (16)
3
mobile
用户手机号
Varchar (16)
4
Pwd
用户密码
Varchar (16)
目录
一、引言 1
（一）课题背景 1
（二）课题意义 1
（三）设计目的 2
二、短视频APP系统与数据库设计 3
（一）系统功能设计 3
（二）系统功能模块图 3
（三）注册流程图 4
（四）框架设计图 4
（五） 系统数据库设计 6
1. 用户信息表 6
2. 视频数据表 6
（六）开发及运行环境 6
1. 前端开发环境： 6
2. 后台开发环境： 6
3. 数据库： 7
4. 测试环境： 7
三、短视频APP结构概念介绍 7
（一）系统管理接口 7
1．App注册 7
2．App登录 8
（二）视频分页 9
1．分页获取视频列表 9
2．视频接口 11
3．查看视频 12
四、安卓端实施 14
（一）注册模块 14
（二）登录界面 15
（三）首页 16
（四）热门模块 17
（五）爱看模块 19
（六）“我的”模块 20
（七） 视频发布 21
（八） 设置界面 *好棒文|www.hbsrm.com +Q: #351916072#
22
五、该短视频APP的市场发展前景 24
六、软件测试 25
七、总结 28
致 谢 29
参考文献 30
一、引言
（一）课题背景
对于现代社会来说，如何让现在年轻人合理缓解自己的生活压力已经成为了社会关注的焦点问题，俗话说：“一张一弛，文武之道也。”由于人们工作繁忙，时常加班加点的工作，根本没有所谓的时间去公园散步，更加不用谈什么门出门旅游散心了,手机APP近年来的成为了工作后疲惫的年轻人唯一“宠幸”的对象。一些优秀的、包含正能量传播的APP此时显得尤为重要。
因此，为了人们了解当下流行趋势、宣泄情感以及传播信息，短视频APP的出现成为了必然。通过开发这样一款软件,基本可以满足人们生活中的宣泄心理、文化传播及与社会交流的需要。
所以短视频APP，对提高当下人们对无聊乏味生活起到非常大的帮助作用，有必要探讨其未来的发展前景。
（二）课题意义
短视频意义在于一定程度上契合了当今人们对于快节奏生活的追求，短视频最核心的特点在于“短”，传递的内容往往满足了人们对“浅阅读”的需要，也就是当今流行的“快餐文化”。除了能满足用户的需求之外，另一个重要特点是，它区别于文字和图片，打破静态传输。动态画面传递内容会更加形象生动，老少皆宜，容易被人们接收和理解，视频是其本身的固有属性，也是与其他媒介竞争的优势之一。
短视频内容包括了生活趣事、俊男靓女、搞笑娱乐等，除此之外，学习性质的短视频也包含广泛，用户在短时间内收获到干货，高效学习，学习方式也灵活多样。满足用户需求，短视频市场不可估量。
（三）设计目的
通过对各种主题的划分，短视频最终根据用户日常浏览数据的分析，给用户推送其关心的相关主题视频。让用户在观看视频的同时，心情得到放松；同时对于视频中一些好的文化干货可以收藏学习，即增加了一条学习渠道。总体来说短视频的出现将会给人们的生活提供很多便捷。
二、短视频APP系统与数据库设计
（一）系统功能设计
1.注册登录模块：为了使用方便，享受更多的操作服务，用户可以通过手机号码来注册一个账号。用户在注册账号完成以后，登录已经注册的账号可使用APP的更多操作权限。
2.首页模块：首页主要是对短视频APP用户发布的视频进行的浏览，可以对喜欢的短视频进行点赞、评论和分享。
3.热门模块：热门模块也是以视频为主。顾名思义该模块的内容包含的是近期在网络上比较流行、热门的短视频或者电影创作。此界面可以对热门视频观看、下载。
4.爱看模块：此模块体现的是短视频APP对用户的一个推送服务。界面包含一些网络新闻、热门商品的推送。
5.我的模块：我的模块包含的选项最为丰富，在该模块中，用户可进行注册、登录，发布视频以及查看的人相关信息。
（二）项目功能模块结构图
图21 项目功能模块图
（三）注册流程图
用户根据本人手机号码、虚拟一个名称再设置一个方便记住的字符串作为密码就能够完成注册了，并在注册成功之后，会将具体信息进行存储以便日后操作。
/
图22 注册流程图
（四）框架设计图
系统数据库设计
用户信息表
用户信息表包含用户编号、用户名、用户手机号、用户密码、粉丝数目、关注数目、账户余额、用户头像。
序号
字段
字段内容
字段类型
主/外键
1
_id
用户编号
Int
主键
2
name
用户名
Varchar (16)
3
mobile
用户手机号
Varchar (16)
4
Pwd
用户密码
Varchar (16)
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/689.html
