html5移动端地铁售票系统(附件)
本课题的研究课题是基于HTML5的移动端地铁售票系统，针对所有出行的游客和工作人员的购票需求，采用时下流行的移动支付方式，生成特定二维码车票，然后进站不用取实体票直接扫二维码车票进站，相比于传统购票更具有便捷性。本系统采用PHP作为后台语言沟通Apache服务器和Mysql数据库，动态生成HTML5页面。本系统完成用户登录注册，修改密码和个人信息，实现百度API接口定位当前地点，定位获取地铁线路信息，并实现可以手势交互的JavaScript购票窗口程序,用户可以自己选择起止站点，完成购票，并生产立即付款和稍后付款订单，付款之后利用PhpQrcode类库加密系统给出信息，生产二维码凭证作为车票；为了方便出游用户，根据定位动态生成当地景点文章论坛，结合AJAX技术提供留言和无限级回复评论，点赞等功能；提供旅游说说记录用户的旅游相册功能。
目录
摘要 1
关键词 1
ABSTRACT 1
KEY WORDS 1
引言 1
1．选题背景 2
1.1 国内外研究状况 2
1.1.1 国外研究状况 2
1.1.2 国内研究状况 2
1.2 研究的目的和内容 2
2．开发平台及应用技术 3
2.1 MYSQL数据库基本概述 3
2.1.1 MySQL逻辑架构 3
2.2.2 B/S数据库示例 3
2.2 HTML5简介 5
2.3 PHP简介 5
2.4 AJAX异步传输技术 5
3. 系统需求分析 5
3.1 系统分析 5
3.2 需求分析 6
3.2 可行性分析 6
3.2.1 技术可行性 6
3.2.2 操作可行性 6
3.2.4 法律可行性 7
3.3 系统用例图分析 7
3.3.1 普通用户用例图 7
3.3.1 管理员用例图 7
3.4 系统活动图分析 8
3.5 数据流程分析 10
3.5.1 数据流 *好棒文|www.hbsrm.com +Q: #351916072#
程图 10
4. 系统详细设计 15
4.1 系统功能模块设计 15
4.2 数据库的分析与设计 16
4.2.1 数据库的ER图设计 16
4.2.2 数据表的设计 16
4.3 系统开发和运行平台设置 19
4.4 系统功能设计 19
4.4.1 用户登录和注册 19
4.4.2 用户修改资料和密码 22
4.4.3 调用百度地图API实现用户定位当前位置 22
4.4.4 调用百度地图API调用全国地铁矢量图 23
4.4.5 嵌入矢量图形的手势操作交互购票窗口 24
4.4.6 JavaScript和百度地图API接口实现站点规划路线 25
4.4.7 AJAX异步传输的后台计算地铁票价功能 25
4.4.8 AJAX异步传输查询提示站点名 26
4.4.9 立即和稍后付款订单生成页面和后台购买程序 26
4.4.10 历史订单查查询功能 27
4.4.11 订单车票生成Qrcode二维码车票功能 28
4.4.12 实现用户评价景点并动态生成留言板功能 29
4.4.13 AJAX实现评论点赞功能 30
4.4.14 AJAX实现留言板无限极回复功能 31
4.4.15 实现用户图文反馈和建议 32
4.4.16 实现用户旅行记录说说 33
4.4.17 实现电子钱包功能 35
4.4.18 管理员后台登录界面和主页 36
4.4.19 管理员更新论坛文章模块 37
4.4.20 管理员处理用户基本信息模块 37
5．系统测试 38
5.1 系统测试目标 38
5.2 测试的实现 38
6．总结 41
致谢 42
参考文献 43
基于HTML5移动端地铁售票系统
引言
B/S结构最大的优点就是，用户手持带浏览器并已联网的设备，就能够随时随地进行操作而不用安装其他软件程序。B/S系统的使用非常简易，向服务器请求账户密码，若通过系统自动的审核，即可使用。
二、B/S架构对比C/S架构
B/S全称Browser/Server，即浏览器/服务器架构，Browser客户端，WebApp服务器端和DB端构成三层架构。C/S全称Client/Server，即客户端/服务器端架构，它是两层架构。客户端包含一个或多个在用户设备上运行的程序。
表1 C/S和B/S架构对比
C/S架构
B/S架构
建立基础
局域网
广域网
安装
需要安装
只需要浏览器
压力
客户端压力大
服务器压力大
其他
维护成本高，不受网速影响，更加安全，断网时不能与其他电脑共享资源。
适应性更强，受网速影响，安全性不够强，更加注重访问的速度，共享性强业务拓展方便，维护简单，兼容性问题大。
2.2 HTML5简介
HTML5是对HTML进行第五次重大修改的新版本，解决了很多前面几代的规范问题。此外HTML5中增加了很多新特性，如非外部插件的本地音频视频播放；基于CANVAS的绘图效果；增加地理信息的使用；浏览器支持拖拽式的桌面文件上传，比如常用的qq邮箱和百度云盘都支持这样的上传操作。其中地理信息和绘图在本系统中调用的API都有使用。
目录
摘要 1
关键词 1
ABSTRACT 1
KEY WORDS 1
引言 1
1．选题背景 2
1.1 国内外研究状况 2
1.1.1 国外研究状况 2
1.1.2 国内研究状况 2
1.2 研究的目的和内容 2
2．开发平台及应用技术 3
2.1 MYSQL数据库基本概述 3
2.1.1 MySQL逻辑架构 3
2.2.2 B/S数据库示例 3
2.2 HTML5简介 5
2.3 PHP简介 5
2.4 AJAX异步传输技术 5
3. 系统需求分析 5
3.1 系统分析 5
3.2 需求分析 6
3.2 可行性分析 6
3.2.1 技术可行性 6
3.2.2 操作可行性 6
3.2.4 法律可行性 7
3.3 系统用例图分析 7
3.3.1 普通用户用例图 7
3.3.1 管理员用例图 7
3.4 系统活动图分析 8
3.5 数据流程分析 10
3.5.1 数据流 *好棒文|www.hbsrm.com +Q: #351916072#
程图 10
4. 系统详细设计 15
4.1 系统功能模块设计 15
4.2 数据库的分析与设计 16
4.2.1 数据库的ER图设计 16
4.2.2 数据表的设计 16
4.3 系统开发和运行平台设置 19
4.4 系统功能设计 19
4.4.1 用户登录和注册 19
4.4.2 用户修改资料和密码 22
4.4.3 调用百度地图API实现用户定位当前位置 22
4.4.4 调用百度地图API调用全国地铁矢量图 23
4.4.5 嵌入矢量图形的手势操作交互购票窗口 24
4.4.6 JavaScript和百度地图API接口实现站点规划路线 25
4.4.7 AJAX异步传输的后台计算地铁票价功能 25
4.4.8 AJAX异步传输查询提示站点名 26
4.4.9 立即和稍后付款订单生成页面和后台购买程序 26
4.4.10 历史订单查查询功能 27
4.4.11 订单车票生成Qrcode二维码车票功能 28
4.4.12 实现用户评价景点并动态生成留言板功能 29
4.4.13 AJAX实现评论点赞功能 30
4.4.14 AJAX实现留言板无限极回复功能 31
4.4.15 实现用户图文反馈和建议 32
4.4.16 实现用户旅行记录说说 33
4.4.17 实现电子钱包功能 35
4.4.18 管理员后台登录界面和主页 36
4.4.19 管理员更新论坛文章模块 37
4.4.20 管理员处理用户基本信息模块 37
5．系统测试 38
5.1 系统测试目标 38
5.2 测试的实现 38
6．总结 41
致谢 42
参考文献 43
基于HTML5移动端地铁售票系统
引言
B/S结构最大的优点就是，用户手持带浏览器并已联网的设备，就能够随时随地进行操作而不用安装其他软件程序。B/S系统的使用非常简易，向服务器请求账户密码，若通过系统自动的审核，即可使用。
二、B/S架构对比C/S架构
B/S全称Browser/Server，即浏览器/服务器架构，Browser客户端，WebApp服务器端和DB端构成三层架构。C/S全称Client/Server，即客户端/服务器端架构，它是两层架构。客户端包含一个或多个在用户设备上运行的程序。
表1 C/S和B/S架构对比
C/S架构
B/S架构
建立基础
局域网
广域网
安装
需要安装
只需要浏览器
压力
客户端压力大
服务器压力大
其他
维护成本高，不受网速影响，更加安全，断网时不能与其他电脑共享资源。
适应性更强，受网速影响，安全性不够强，更加注重访问的速度，共享性强业务拓展方便，维护简单，兼容性问题大。
2.2 HTML5简介
HTML5是对HTML进行第五次重大修改的新版本，解决了很多前面几代的规范问题。此外HTML5中增加了很多新特性，如非外部插件的本地音频视频播放；基于CANVAS的绘图效果；增加地理信息的使用；浏览器支持拖拽式的桌面文件上传，比如常用的qq邮箱和百度云盘都支持这样的上传操作。其中地理信息和绘图在本系统中调用的API都有使用。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/389.html
