基于Vue的实时影片资讯APP设计与实现.doc

目录

TOC\o1-3\h\u6902摘要 I

1885Abstract II

5955引言 1

138711相关技术 3

173411.1Vue框架 3

65471.2MVVM 3

92861.3Mongodb数据库 4

21731.4Axios请求 4

51451.5H5、CSS3和JavaScript 5

145761.6本章小结 5

251112系统分析 7

50062.1功能需求 7

237032.2用例分析 7

319052.3用户功能 8

124832.4本章小结 8

16803Vue影片票务服务APP设计 9

250233.1页面设计 9

247963.1.1登录界面 9

323073.1.2主界面 9

123093.2详细设计 10

120103.2.1数据库设计 10

77853.2.2数据处理 11

203883.2.3功能设计 11

127303.3本章小结 12

29004基于Vue的实时影片资讯APP的实现 13

70104.1开发环境 13

326004.2开发规范 13

58954.3核心功能 13

177784.3.1地图定位模块 13

228394.3.2影片列表界面 15

6514.3.3影院列表界面 16

213994.3.4资讯功能界面 17

185664.3.5个人中心界面 18

10124.4本章小结 20

193695基于Vue的实时影片资讯APP测试 21

277695.1测试计划 21

124005.2测试目的 21

17355.3测试用例 21

73585.4本章小结 22

20693结论 23

20423参考文献 24

18877致谢 26

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

PAGE

PAGEII

摘要

移动端APP在人们的生活可以提供更加便利的娱乐方式。和几个朋友去电影院一起看电影已经成为了人们日常生活娱乐中的不可缺少的娱乐方式，始终处于人们娱乐的消费浪潮之中，无论是寻找适合的影院还是获取实时的影片信息，都关系到人们的娱乐需求，本文针对当前存在的这种需求开发了基于Vue的实时影片资讯APP。

通过对影片行业的相关知识了解，充分考虑到用户以及影院等不同角度需求的相关因素，整体运用了Vue框架进行项目搭建，通过MVVM模式，运用axios技术进行网络数据的获取，选择H5和CSS3配合JavaScript进行页面的效果实现，并且引用了Vant-ui和element-ui等组件库，使得用户可视页面效果既舒适又美观。本设计的突出之处在于引用了百度地图功能，使得可以获取用户所在城市，并且用户可以通过的城市选择功能，有选择的查看某一地区的影院信息，方便用户的观影需求，并且在一定程度上降低了影院的运营成本。

本设计采用了Vue框架，MVVM模式以及axios调用网络接口等关键性技术使得项目具有操作方便。经过具体的编程实现及人员测试，基于Vue的实时影片资讯APP的各模块均已实现，并且投入使用，经使用证明，本文所设计的基于Vue的实时影片资讯APP具有可观赏性好和运行稳定的特点，能够满足用户以及影院的各方面需求。

关键词：定位；创意设计；获取信息；Vue

Abstract

Mobileappcanprovidemoreconveniententertainmentinpeopleslife.Goingtothecinemawithafewfriendshasbecomeanindispensablewayofentertainmentinpeoplesdailylife.Itisalwaysintheconsumptionwaveofpeoplesentertainment.Whetheritistofindasuitablecinemaortoobtainreal-timefilminformation,itisrelatedtopeoplesentertainmentneeds.Inthispaper,areal-timefilminformationappbasedonVueisdevelopedforthecurrentneeds.