【从零开始JavaEE课设】《影院系统》成品展示——vip管理

vip管理是整个课设的第二部分主要涉及到vip的登录、注销;注册信息查改,以及使用vip购买优惠影票。


vip管理

vip注册

使用vip系统的第一步当然是注册成为vip。vip的登录、注册和信息展示位于网页的最右端,是个固定(fixed)的展示框。

点击“注册”字样的黑色头像框,即可进入注册页面

【从零开始JavaEE课设】《影院系统》成品展示——vip管理
【从零开始JavaEE课设】《影院系统》成品展示——vip管理

在注册页面,头顶栏的标题字样可以跳转回主界面。注册会员需要填写会员的基本信息,当前包括:

  • 姓名
  • 电话
  • 生日
  • 密码

额外的,在注册的同时可以进行充值。

这里的选项都是具有校验功能:

  • 姓名,为必填项,校验是否为空
  • 电话,为必填项,校验是否为空;十一位数字,校验格式;电话号码唯一,校验是否已经注册
  • 生日,为必填项,需要填写日期不得晚于今天
  • 密码,需要不超过六位
  • 充值,仅能输入数字,不能有奇奇怪怪的输入,且上限为3w
  • 确认密码,需要先填写密码,且必须与密码相同

【从零开始JavaEE课设】《影院系统》成品展示——vip管理
【从零开始JavaEE课设】《影院系统》成品展示——vip管理

当所有信息校验无误之后,表单允许提交,注册成功!!

后台生成唯一vip卡号并跳转页面进行展示:
【从零开始JavaEE课设】《影院系统》成品展示——vip管理

之后用户使用这个卡号或者电话号码便可以进行登录。

来看一遍完整的吧~~~~
【从零开始JavaEE课设】《影院系统》成品展示——vip管理

vip登录和注销

【从零开始JavaEE课设】《影院系统》成品展示——vip管理

在没有登录的时候,它将显示登录和注册两部分内容。

点击登录头像,将会弹出登录框,等待用户输入账号密码。vip登录支持手机号码或者vip卡号(在注册时生成)。两者都是唯一的,也就是说,一个电话号码仅允许关联一张vip卡。

【从零开始JavaEE课设】《影院系统》成品展示——vip管理

账号输入框使用了ajax,在失去焦点时将从后台校验该手机号码或者vip卡号是否存在。若不存在则返回空值,同时前端窗口进行提示,若存在就返回该vip对象,这个对象包含着密码信息。当用户输入密码并进行提交时,进行密码校验。

在完成登录后,页面将刷新,同时侧边栏信息切换为用户资料(姓名和余额)。

【从零开始JavaEE课设】《影院系统》成品展示——vip管理

再次点击头像框,即可注销用户。
【从零开始JavaEE课设】《影院系统》成品展示——vip管理

来看一下完整的过程吧~~~

【从零开始JavaEE课设】《影院系统》成品展示——vip管理

vip购票

vip在这个系统中的的作用就是可以充值并购买打折票。因此在登录vip之后,进行结算时将会出现vip付款的按钮。

【从零开始JavaEE课设】《影院系统》成品展示——vip管理【从零开始JavaEE课设】《影院系统》成品展示——vip管理
当余额不足时,不可以使用vip付款:
【从零开始JavaEE课设】《影院系统》成品展示——vip管理
所有vip卡默认打8折。
来看一下完整的过程吧~~~
【从零开始JavaEE课设】《影院系统》成品展示——vip管理

鏖(熬)战三周制作不易,如果喜欢的话,记得点个赞哦~

其它的展示: