基于Vue的娱讯移动端APP前端设计与实现.docx

目录

TOC\o1-3\h\u摘要 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

沈阳城市学院毕业设计（论文）

PAGEII

摘要

随着互联网的兴起，移动APP应用也随之而来，现如今人们越来越习惯于通过互联网获取信息资讯、资源等。对于影视娱乐节目，在APP上的展现形式更新颖、可看性更强，影视娱乐节目的内容丰富，用视觉、听觉的效果对用户进行良好地传播。影视APP为影视娱乐资源的展示提供了新型的、良好的平台。移动APP软件的便携性，内容优质，人们更愿意在此付费阅读、观看。市场空间广阔。

本项目整体用vue-cli作为脚手架开发搭建项目框架，整体架构为MVVM结构，通过axios作为前后台的数据交互，本系统的突出之处在于可以更好的填补影视资讯移动端APP在市场上的空白位置，方便大众可以更便捷的了解影视资讯。

本文使用vue.js作为开发框架搭建一个SPA应用，具有良好的交互体验、前后端结构分离，架构清晰、可扩展性强，跨平台性好等特点。经过具体的编码实现和系统测试，娱讯移动端APP中各模块均已成功实现，并以投入使用。经实际使用证明，本文所设计的娱讯移动端APP具有可扩展性强和运行稳定的特点，能够满足用户日常使用的需求。

关键词：移动APP；Vue；SPA；娱乐讯息

Abstract

WiththeriseoftheInternet,mobileappshavealsoemerged,andpeoplearenowmoreandmoreaccustomedtoaccessinformationandresourcesthroughtheInternet.Forfilmandtelevisionentertainmentprograms,thepresentationformontheappismorenovelandmorewatchable,thecontentoffilmandtelevisionentertainmentprogramsisrich,withvisualandauditoryeffectstotheusertospreadwell.FilmandTVappprovidesanewandgoodplatformforthedisplayoffilmandTVentertainmentresources.Withtheportabilityofmobileappsoftwareandqualitycontent,peoplearemorewillingtopaytoreadandwatchhere.Themarketspaceisvast.

Thisprojectusesvue-cliasascaff