2。3。3 互动模块 7

2。3。4 排队预约模块 8

2。3。5 对外接口模块 9

3 详细设计 10

3。1 主要流程图 10

3。1。1 用户注册流程图 10

3。1。2 用户预约流程 11

3。1。3 用户排队流程图 12

3。1。4 商家注册流程图 13

3。2 排队方法 13

3。2。1 餐饮类商家 13

3。2。2 美容美发类预约排队方法 15

3。2。3 宠物服务类预约排队方法 15

3。3 数据构成 15

3。3。1 设计的数据项和数据结构 15

3。3。2 数据逻辑结构设计 16

4 主要代码和技术使用 19

4。1 使用 ajax 接口实现上传文件 19

4。2 采用 jQuery 搜索功能 20

4。3jQuery 实现消息提示框 21

4。4 使用 CSS 实现响应式网页‘ 21

4。5 使用 jQuery Mobiel 实现网页设计和简单功能 21

4。6jQuery 实现发送并获取服务器内容 21

4。6 使用了互亿无线的接口实现手机短信验证 23

5 部分界面设计 26

5。1 响应式网页 26

5。2 商家注册 26

5。3 完成一次排队 30

5。4 预约部分补充 34

总 结 35

致 谢 36

参考文献 37

1引言

1。1 开发背景

本课题是基于 Javascript 的互联网预约排队网站，将参考多种形式的排队优 化算法编写较为适合本次设计的算法，研究适合多种智能手机和 PAD 页面的移 动网站界面设计及功能分布，并将其实现。

预约是一直存在的一种节省用户时间的服务。在中国，CNNIC 的报告表明， 截至 2009 年 6 月底，中国手机网民规模为 1。55 亿人，占整体网民的 45。9%，半 年内手机网民增长超过 3700 万。 目前，中国的移动用户数和互联网用户数均是 世界第一，据预测，今年底中国使用手机上网的用户将可能首次超过 PC 上网用 户数。[15] 随着移动通信技术的发展以及智能终端的普及，移动通信网络的业 务模式从单一的语音业务，转变为传统电信、移动互联网和物联网等业务并存 的业务模式。一个完整的预约体系应该集互联网、移动互联网、呼叫中心等多 种技术于一体，用户可以通过电话、网站、短信等渠道进行预约。

基于新一代互联网的预约排队系统正是在这种发展的背景下催生出来的新 的一种预约方式，本次课题主要方向是移动互联网方向，旨在补上传统预约排 队体系中的空缺，让预约排队更加简便。

此次设计会根据不同的商家类型，使用不同的预约排队方法，但重点还是 在餐饮类的设计上，美容美发、宠物服务等行业目前支持在线预约，但排队业 务由于商家本身的服务限制，无法实行。