基于AngularJS的网上电影购票系统

基于AngularJS的网上电影购票系统

摘 要：本论文按照软件开发设计思想，从需求分析、系统设计、详细设计、系统实施和系统开发等方面，详细阐述了网上电影购票系统的全过程，可用手机购票。该网站是基于AngularJS框架开发的，提高了网页制作的快速性、安全性和专业性。

关键词：AngularJS；手机端；电影购票

Abstract: according to the design idea of software development ,and ideas, this paper explaining the whole process of online movie ticketing systems in detail form requirements analysis, system design, detailed design, system implementation,system development and so on. The website is developed based on AngularJS framework, it improved the rapidity, security and professionalism of web page making.

Key words：AngularJS; mobile terminal; movie ticket

随着时代的发展，用户对手机的依赖性越来越高，很多事情都是通过手机完成的，比如网上订餐、网上购票等，所以网上购买电影票也成为了热门需求。用户不用到电影院门口不用排队买票，不用找零等麻烦，就能轻轻松松的完成购票。在网上购票可以根据自己的时间安排选择合适的场次，减少了时间的浪费。所以网上电影购票系统也应运而生。

1 需求分析

人工售票的手续繁琐，效率低下，用工成本高，而售票系统提高效率，节省成本，减少人工，提升用户体验。通过需求分析设计模块如下：

（1）用户注册模块

用户注册模块用于用户填写自己的用户名、密码，注册成为网站用户，主要是对用户名的验证，用户名是否已被注册，密码格式是否正确。

（2）用户登录模块

用户登录模块用于用户填写用户名和密码，登录进入网站，主要是验证用户名和密码是否正确。

第 1 页 （共 19 页）

（3）电影模块

电影模块包含电影列表、电影选座购票等。 （4）影院模块

影院模块包含电影院的详细地址。 （5）选座购票模块

选座购票模块有三个色块，分别表示已售票、已选票、未选票，方便用户查看哪些座位没有售出。点击选座按钮时，先判断用户是否登录，如果没有登录，先跳转到登录页面，登录成功之后才能成功购票。选座按钮点击成功之后，跳转至支付页面。

（6）支付模块

支付模块先判断用户余额是否充足，如果余额不足，跳转到充值页面进行充值，而已经选好的票保存在购物车里，也可以在充值完成后返回继续支付。

（7）用户模块

用户模块包含账号信息和个人操作：充值、未支付、已买票、修改密码等。

2 网页设计

整个网页前台、后台结构如图2-1、图2-2 所示。 2.1 系统的顺序图

2.1.1 用户前台浏览顺序图

当访问网页后，先登录或注册用户登；登录网站成功之后跳转到电影列表，选择电影之后跳转到电影场次选择页面，可选择电影院及电影播放时间；跳转到选座购票页面；选座成功跳转到付账页面；付账完成后跳转到用户页面，可查看自己的购票信息。如图2-3所示。

第 2 页 （共 19 页）

登录/注册 主页

用户 用户详情 金额及充值 未付费 已 买票 电影列表 电影时刻表 选座购票 支付

图2-1 网页前端结构图

管理员登录 主页 场次模块 用户模块 管理员模块 编辑 编辑 电影模块 电影院模块 编辑 财务结算

编辑 编辑 图2-2 网页后台结构图

电影列表 1登录成功 电影时刻表 选座购票 2、选票 支付 2、选择电影 2、选择场次 图2-3 用户前台浏览顺序图 2.1.2 用户后台数据顺序图

第 3 页 （共 19 页）

管理员登录之后，选择需要操作的模块，用户模块可删除用户的票；管理员模块可添加、删除账户；电影模块可添加、删除、修改电影；电影院模块可添加、删除、修改电影院；场次模块可添加、删除、修改场次；财务模块可查看系统的盈利信息。如图2-4 所示。

主页 1.管理员登录 各种模块操作 图2-4 用户后台数据顺序图

开始注册 用户名检查 用户名是否已被注册

否 密码检查 错误 正则校验 正确 图2-5 用户注册流程图

存入数据库 是 注册成功 自动登录 修改完成 2.选择模块 3.对模块的操

2.2 系统流程图 2.2.1 用户注册流程图

用户必须先注册用户或者登录账号才能进入网站首页。点击用户，如果没有登录，就会直接跳转到登录界面，在登录界面上可以点击注册账号。当用户表单完成之后，先判断账号的格式是否正确，然后再判断此账号是否已被注册，如果

第 4 页 （共 19 页）