猛犸出行在线票务APP的设计与实现

摘  要：随着互联网信息时代的高速发展，网络购票的方法也越来越完善，不仅避免了许多人排队购票的现象，而且有效帮助人们节省了时间，提高了人们的生活质量。我国的网络售票系统随着网络信息的飞速发展也在不断被优化，能有效地帮助售票人员分担工作的压力。并且在春运等客流量较大的节假日时，网络售票也起着十分重要的分担作用。相比较其他的购票方式，网络购票具有便捷快速、价格适宜、安全指数高等优点；此外网络售票系统还能有效改善排长队购买车票的现象，具有长远的社会效益和经济效益，也能间接的提高售票人员的服务质量。

该在线票务系统App项目以Visual Studio Code为主要的开发工具。主体页面和框架由Vue、Elementui组件库搭建。主要功能有用户的登录模块、注册模块、购物车模块、个人模块（个人信息）、商品详情模块、结算模块、分类模块等，登陆模块（用户名和密码不能为空）、注册模块（验证用户名、密码、再次确认密码的信息）、购物车模块（添加商品、删除商品、更新商品）、商品详情模块（详细介绍商品的属性）、分类模块（点击分类选项立即筛选出相应商品）、结算模块（结算后清空购物车并显示购买成功）等功能。

范文分为引言、开发工具及环境介绍、项目概述、需求分析、系统实现、测试、总结和展望七个部分的组成。

关键词：Elementui 票务  购物  Vue   MySql

目 录

1引言 2

1.1 在线票务App的开发背景 2

1.2 在线App的意义和设计目的 2

2开发工具及环境介绍 2

2.1在线票务App开发环境 2

2.2本项目应用的主要开发工具 3

2.2.1Visual Studio Code1.41.0 3

2.2.2 java script 3

2.2.3 CSS+HTML 4

2.2.4 Structured Query Language（MySQL） 5

2.2.5 JQuery 5

3项目概述 6

3.1项目风险 6

3.2项目进度 7

4需求分析 8

4.1功能性需求概述 8

4.1.1网站系统总功能结构图 8

4.1.2功能模块概要说明 8

4.1.3网站系统总体结构图 8

4.2现行研究存在的问题及解决办法 9

4.3用例模型 10

4.3.1确定软件项目中的参与者 10

4.3.2确定软件项目中的用例 10

5系统实现 12

5.1说明 12

5.1.1项目文件命名规范 12

5.1.2项目的文件结构说明 12

5.2系统功能实现 12

5.2.1首页 12

5.2.2登录界面 22

5.2.3注册界面 31

5.2.4扶贫商城界面 40

5.2.5票务查询界面 47

5.2.6商品详情界面 53

6测试 60

6.1测试 60

6.2测试例子及其结果 60

6.2.1登录测试 60

6.2.2注册测试 61

6.2.3购物车测试 61

7 总结与展望 62

7.1总结 62

7.2展望 62

致谢 63

参考文献 64