没有合适的资源?快使用搜索试试~ 我知道了~
基于Vue的娱讯移动端APP前端设计与实现.docx
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 6 浏览量
2023-09-11
13:17:09
上传
评论
收藏 1.59MB DOCX 举报
温馨提示
试读
37页
基于Vue的娱讯移动端APP前端设计与实现.docx
资源推荐
资源详情
资源评论
目 录
摘 要............................................................................................................I
Abstract.............................................................................................................II
引 言 ...........................................................................................................1
1 绪论 ................................................................................................................3
1.1 课题背景及目的 ...................................................................................3
1.1.1 移动端 APP 发展简介.................................................................3
1.1.2 移动端 APP 的优势.....................................................................3
1.2 前端开发相关技术 ...............................................................................3
1.2.1 前端开发工具介绍 ......................................................................3
1.2.2 前端开发相关技术介绍 .............................................................4
1.3 本章小结 ...............................................................................................4
2 系统分析 ........................................................................................................5
2.1 功能需求分析 .......................................................................................5
2.2 系统工作流程 .......................................................................................6
2.3 本章小结 ...............................................................................................6
3 系统设计 ........................................................................................................7
3.1 项目整体架构 .......................................................................................7
3.2 模块功能设计 .......................................................................................7
3.2.1 登录注册模块 ..............................................................................7
3.2.2 主页信息展示模块 ......................................................................8
3.2.3 电影列表模块 ..............................................................................8
3.2.4 电影详情模块 ..............................................................................9
3.2.5 商城模块 ......................................................................................9
3.2.6 系统信息模块 ............................................................................10
3.3 本章小结 .............................................................................................10
4 基于 Vue 的娱讯移动端 APP 的实现 .......................................................11
4.1 路由配置 .............................................................................................11
4.2 功能实现 .............................................................................................11
4.2.1 登录注册功能 ............................................................................11
4.2.2 主页信息展示功能 ....................................................................13
4.2.3 电影列表展示功能 ....................................................................14
4.2.4 电影详情功能 ............................................................................16
4.2.5 商城功能 ....................................................................................17
4.2.6 系统信息功能 ............................................................................20
4.3 本章小结 .............................................................................................24
5 基于 Vue 的娱讯移动端 APP 测试 ...........................................................25
5.1 测试计划与目的 .................................................................................25
5.2 登录注册测试 .....................................................................................25
5.3 首页功能测试 .....................................................................................26
5.3 电影列表页功能测试 .........................................................................26
5.4 电影详情页功能测试 .........................................................................27
5.5 商城页功能测试 .................................................................................27
5.6 系统信息功能测试 .............................................................................28
5.7 本章小结 .............................................................................................29
结 论 .........................................................................................................30
致 谢 .........................................................................................................31
参考文献 .........................................................................................................32
沈阳城市学院毕业设计(论文)
I
摘 要
随着互联网的兴起,移动 APP 应用也随之而来,现如今人们越来越
习惯于通过互联网获取信息资讯、资源等。对于影视娱乐节目,在 APP
上的展现形式更新颖、可看性更强,影视娱乐节目的内容丰富,用视觉、
听觉的效果对用户进行良好地传播。影视 APP 为影视娱乐资源的展示提
供了新型的、良好的平台。移动 APP 软件的便携性,内容优质,人们更
愿意在此付费阅读、观看。市场空间广阔。
本项目整体用 vue-cli 作为脚手架开发搭建项目框架,整体架构为
MVVM 结构,通过 axios 作为前后台的数据交互,本系统的突出之处在
于可以更好的填补影视资讯移动端 APP 在市场上的空白位置,方便大众
可以更便捷的了解影视资讯。
本文使用 vue.js 作为开发框架搭建一个 SPA 应用,具有良好的交互
体验、前后端结构分离,架构清晰、可扩展性强,跨平台性好等特点。
经过具体的编码实现和系统测试,娱讯移动端 APP 中各模块均已成功实
现,并以投入使用。经实际使用证明,本文所设计的娱讯移动端 APP 具
有可扩展性强和运行稳定的特点,能够满足用户日常使用的需求。
关键词:移动 APP; Vue; SPA; 娱乐讯息
沈阳城市学院毕业设计(论文)
II
Abstract
With the rise of the Internet, mobile apps have also emerged, and people
are now more and more accustomed to access information and resources
through the Internet. For film and television entertainment programs, the
presentation form on the app is more novel and more watchable, the content
of film and television entertainment programs is rich, with visual and auditory
effects to the user to spread well. Film and TV app provides a new and good
platform for the display of film and TV entertainment resources. With the
portability of mobile app software and quality content, people are more
willing to pay to read and watch here. The market space is vast.
This project uses vue-cli as a scaffolding development and construction
project framework. The overall structure is MVVM structure. Through axios
as the front and back office data interaction, the highlight of this system is
that it can better fill the mobile app of film and television information in the
market. The blank position allows the public to more easily understand film
and television information.
This article uses vue.js as a development framework to build a SPA
application, with a good interactive experience, front-end structure separation,
clear architecture, scalability, good cross-platform and other features. After
specific coding implementation and system testing, all modules in the
Entertainment Mobile APP have been successfully implemented and are
ready for use. It has been proven that the app designed in this article is
scalable and stable, and can meet the needs of users in all aspects of daily use.
Keywords: mobile app; Vue; SPA; Entertainment Information
沈阳城市学院毕业设计(论文)
1
引 言
随着互联网的飞速发展的同时,APP 也跟着这股浪潮奔腾而上。不
仅如此,4G 的普及以及 5G 的兴起就使得移动端 APP 应用的发展空间拥
有了一个更加宽阔的表现平台。移动端 APP 相对于 PC 端的客户端具有
更多的优势。
因 APP 是用户自己自愿下载下来的,所以这说明了用户对该品牌有
着兴趣,APP 可以通过用户在 APP 上的行为习惯、位置信息等来分析识
别用户的喜好,进而更精准的去投放用户喜欢的内容。
移动端 APP 的出现为媒体提供了一个前所未有的表现形式,人们通
过一个小小的屏幕却带来了前所未有的互动体验,对于影视信息类的
APP 来说,虽然市面上已经有了同类型的产品,但根据市场占有率就可
以发现这块蛋糕还有很大一部分没有被分割,而且由于 APP 软件的便携
性,视频 APP 的发展的用户愈发得多,甚至有些用户每天使用视频 APP
软件的时长达 116 分钟。在面对如此庞大的用户市场和需求下,许多影
视公司纷纷开发自己的视频 APP
[1]
。
所以基于这一点,本项目优化整合了市面上那些影视资讯 APP 软件,
专精于一点,主要在于集合影视资讯这一部分,使项目比起市面上那些
臃肿的 APP 显得更为轻便与快捷,无需用户绑定其他内容。本项目所用
的技术是基于 MVVM 模式的 Vue 框架进行组件化、模块化开发,共分
为六个设计部分
[2]
。登录与注册、主页、电影列表、电影详情、商城、系
统信息,各页面之间可以通过配置路由进行相互跳转,各模块的信息来
源都是通过网上的公共数据接口获取数据并展示。
本文第一章描述了课题背景与开发项目所用工具与技术并详细介绍
了这些工具与技术对于开发所拥有的优势所在;
第二章描述了本项目的需求分析与系统工作流程,通过详细的需求
描述与模块的流程图的表现形式来更直观的表现了项目的需求与流程;
第三章描述了项目的整体结构与项目各模块的功能设计,通过介绍
各模块所拥有并实现的功能与设计图绘画使人对于整个项目的整体结构
与功能构成一目了然;
第四章介绍了项目各模块的功能实现,具体的实现是通过实现图来
剩余36页未读,继续阅读
资源评论
南抖北快东卫
- 粉丝: 70
- 资源: 5584
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功