毕业设计（论文）
根据多条件选择场次如图4-9所示：
图4-8 多条件选择场次图
4.4 单部影片详细展示页面
单部影片页面可通过首页，电影，上映时刻表页面点击相应影片连接到此页面。此页面显示影片的详细介绍信息，包括影片海报、影片名、导演、主演、类型、片长、上映日期、剧情简介，及上映的场次时刻，同时也可根据用户需要的不同日期，不同时间，不同版本进行筛选。
单部影片页面如图4-9所示：
30
毕业设计（论文）
图4-8 单部影片详细展示图
以上是用户未登录时都可浏览的，如果未登录时点击“我要购票”，页面会自动跳转到登录页面，登录后会继续用户所选的场次进行订票操作。
4.5 登录页面
系统登录页面是本网站中一个重要的模块。此模块主要功能为对用户的身份进行验证，并且将用户的部分信息储存在服务器上以便使用。登录页面包括账号、密码的验证，和30天内自动登录的设置。
系统登录界面如图4-9所示：
31
毕业设计（论文） 图4-9 登录界面图
账号是用户注册时的邮箱地址，邮箱地址格式通过js脚本语言的正则表达式进行格式验证，如果格式不正确，页面会提示信息。如图4-10所示：
图4-10 邮箱格式不正确提示信息图
点击“登录”按钮之后表单提交到后台处理，后台从数据库取值，检查用户名密码匹配与否，如果匹配则成功登录主界面并且将用户的信息储存到服务器的临时变量（session）中，在登录成功后系统将该用户的登录信息储存到服务器中，为系统的其他功能服务，减少数据库查询次数，有效地提高了系统效率[3]。
如果不匹配及登录失败，则页面会有相应提示。此过程是通过AJAX技术，后台查询数据库，返回登录正确与否的信息至页面，对页面的进行局部刷新，大大提高了网站的运行效率。
登录失败如图4-11所示：
图4-10 登录失败提示信息图
本网站登录模块，还设立了“30天内自动登录”的设置，运用Cookie技术，在客户端保存用户登录信息，方便用户以后进入网站购票，免除了登录的繁琐操作，提高了用户操作的便利性。
本系统考虑到系统的安全性。采用了单点登录验证，在一个用户登录到登出
32
毕业设计（论文）
的时间内，这个账号不能在除本机外任何机器上再次登录。此功能是通过在线列表（application）实现的，将已经登录的用户放入一个List集合中。如果这个集合中有某个用户的对象说明该用户已经在线，不可以再次登录，用户登录超时后或用户登出的时候在线列表会自动移除该用户的账号[2]。重复登录时，系统会通过AJAX提示信息如图4-11所示：
图4-11 重复登录提示信息图
如果用户尚未注册成为本网站的用户，则可点击“立即注册”进行注册操作。
4.6 注册页面
注册页面表单有电子邮箱，性别，创建登录密码，确认登录密码，验证码这几项，邮箱唯一性和验证码的正确性都是通过AJAX技术与后台进行交互，使页面局部刷新。邮箱的格式和填写完整校验是通过js脚本完成的。未填信息和填写信息不合法时，立即注册按钮为不可用状态，当注册信息都填写正确后，立即注册按钮将为可用状态，注册页面如图4-12所示：
图4-12 注册页面图
4.7 选座订票页面
选座订票模块是本网站的核心模块，也是用户最终的目的所在。如同4-13
33
毕业设计（论文）
所示，蓝色座位为可选的座位，紫色座位为已售出的座位，红色座位为用户选择的座位。页面下方有用户选择的座位号，通过js脚本及时显示。点击“重选座位”按钮，则会刷新最新的座位情况。点击“选好了，下一步”按钮，会跳转下一步要操作的页面。
图4-13 选座订票图
为防止用户滥选，选票数量通过js脚本控制在一次购票数量最多选4张票，如图4-14所示：
34