摘 要

随着互联网技术的不断发展和生活水平的提高，人们对于精神生活与网上消费的需求日益增大，电影作为大众化的娱乐，需求度也是日益提高，影城订票app也顺应潮流而逐渐增多，同时app的开发模式也稳定地分为了三种：原生开发，H5开发和混合开发。电影作为媒体，为提供良好的用户界面，使用H5开发来实现，同时Vue作为前端框架，拥有易用，灵活，性能高等特点，在开发中能良好运用。

本课题主要研究使用 Web 框架如何快速高效开发影城订票系统app。因此系统采用 MVVM 架构，结合 HTML、CSS、JavaScript 等前端技术设计出优美的页面, 同时让用户界面更个人化。其中后台使用node.js的Express框架完成，解决目前其他框架下影城订票系统设计中在后台管理方面需要进行大力开发的窘境，快速提升影城订票的开发效率。

关键词：Vue 框架；影城订票系统；MVVM 架构；Web 开发；node.js；

Abstract

With the continuous development of Internet technology and the improvement of living standards, people demand of spiritual life and online consumption are increasing. The film as a popular entertainment, demand is also increasing. the ‘cinema ticket booking’ app also conform to the trend and increase gradually. At the same time, the development modes of app are steadily devided into three types: native development, H5 development and hybrid development. As a medium, the app is realized by H5 development in order to provide a good user interface. Meanwhile, Vue, as a front-end framework, is easy to use, flexible and of high performance, which can be well applied in development.

This topic mainly studies how to use Web framework to quickly and efficiently develop cinema ticket booking system APP. Therefore, the system adopts MVVM architecture and combines front-end technologies such as HTML, CSS and JavaScript to design beautiful pages, which makes the user interface more user-friendly. The background is completed by using Node. js Express framework, which solves the dilemma that background management needs to be vigorously developed in the design of cinema ticket booking system under other frameworks, and quickly improves the development efficiency of cinema ticket booking.

Key Words：Vue Framework；cinema ticket booking System；MVVM Architecture；Web Development; Node.JS

目录

第 1 章 绪论 6

1.1 研究背景 6

1.2 研究现状 6

1.3 论文主要工作 7

1.4 论文结构 7

第 2 章 系统分析与设计 9

2.1 需求分析 9

2.1.1 功能需求 9

2.1.2非功能型需求 14

2.2 架构设计 14

2.3 模块划分 15

2.4 数据库设计 16

2.4.1 系统 ER 图 16

2.4.2 系统数据表 17

2.5 系统实施环境 19

2.5.1 开发环境 19

2.5.2 运行环境 20

第 3 章 系统实现与测试 21

3.1 用户管理模块 21

3.2 用户浏览模块 28

3.3 电影订票模块 32

3.4 电影管理模块 36

3.5 评论管理模块 39

3.6 影院管理模块 43

3.7 测试方法 45

3.8 测试用例和测试结果 46

第 4 章 总结与展望 48

4.1 工作总结 48

4.2 工作展望 48

参考文献 49

致 谢 50

第 1 章 绪论

1.1 研究背景

随着我国经济以及互联网技术的迅速发展，人们的生活水平和质量不断提高，并且对精神生活逐渐有了追求，其中电影不失为一个很好的精神文化活动，设计并开发一套订票系统便成为一件很有现实意义的工作。电影订票相比传统的人工售票模式有着无比的优越性，凭借信息更新速度快、信息储存量大、应用方便等特点为用户订票带来了极大的方便^[1]。我们可以展望，随着电影行业的发展，这套系统也会发挥更大作用。伴随着互联网的蓬勃发展，电影票预订系统作为电子商务的一种形式正以其高效、低成本的优势，逐步成为新兴的经营模式和理念^[1]，人们已不再满足于信息浏览和发布，而是渴望着能够充分享受网络所带来的更多的便利。的确，客户足不出户便可以方便快捷的选购自己喜欢的电影，这正是影城订票系统为客户带来的好处。同时当前人们的生活已经越来越离不开互联网，年轻一族对手机和电脑已经产生了比较深的依赖性。在网络购物日趋升温的大环境下，开发影城订票系统来满足售票的效率与人们高品质的生活已是必要之事。

app 的开发有三种开发模式：原生开发，HTML5开发^[2]与混合开发，这些模式有着各自的缺点以及优势。随着互联网技术的高速发展, 移动客户端的需求量越来越多, H5技术发展趋于成熟, 为人们的生活提供了很大的便利性，运用H5技术开发移动端可以降低维护和开放成本。Web App的开发用到的技术, 主要采用的技术是运用HTML搭建页面结构、用css完成页面样式, 用js完成页面交互, 三种语言各尽其职, 共同作用, 开发出一款供客户使用的Web App, 同时, Web App在任何平台都可以运行使用, 具有明显的跨平台使用与开发的优势^[3]。

1.2 研究现状

目前，国内中高级电影院的数量和规模都在扩大，国外星级影院也纷纷着陆中国，这些影院之间的竞争可谓日益激烈。一个安全、高效、灵活、可靠的预约系统，将对提高客户服务质量、提高客户服务水平、维护公众形象、提高工作效率起到重要作用。对于电影院来说，售票系统不仅可以扩大服务范围，扩大电影院的影响力，降低运营费用，而且对稳定电影院最重要的客户起到了重要的辅助作用^[4]。从前来观看电影的观众的角度来看，电影院提供的服务提供了更多的便利，没有时间和空间的限制来享受电影院提供的服务。同时，为了提高企业效率，依托现代计算机信息处理技术，可以合理利用网络资源，快速反映用户对电影票价格和放映时间的看法。从而大大节省了人力物力资源，不仅为工作室创造了良好的经济效益，也为广大影迷提供了一个方便快捷的购票平台。

根据CNNIC的统计结构，截止2019年6月，我国网络支付用户规模达6.33亿，较2018年底增长3265万，占网民整体的74.1%；手机网络支付用户规模达6.21亿，较2018年底增长3788万，占手机网民的73.4%。这说明网上支付具有良好的群众基础，因此，设计一个具有电子商务功能的影城订票系统有非常好的开发与应用