【从零开始JavaEE课设】《影院系统》成品展示——主页面

发布于:2023-07-04 ⋅ 阅读:(103) ⋅ 点赞:(0)

距离上一次更新做课设的博文已经过去了半个月了。在上一篇博文中,课设还只停留在持久层。现在它已经完工了!先来给大家展示下成果。课设的制作过程后面还会持续更新的,毕竟总还有各种各样的技术等待总结(捂脸笑)

咱不会剪辑精美的视频,也不会制作图集进行渲染,只好以博文的形式讲解各部分的功能,一边讲一边放图,好在找到了个还算靠谱的截gif的软件,没得钱开会员,所以有些水印,大家不要介意QAQ。

简单介绍一下就是这个课设分成三个部分:

  • 前台页面,用于展示电影。选座购票
  • vip系统,支持vip注册、登录、信息查改、账户充值等,vip还可以在购买电影票时进行打折并使用vip卡中余额。
  • 后台管理系统,管理各方面的数据,主要包括:电影,影厅,放映计划,vip,售票记录

博客中的展示也将按照内容分成三个部分,这一篇就先来简单展示一下前台首页。


首页展示

先来看一看这个精美的首页:
在这里插入图片描述
啊,他长得简直就像某18+的网站。它的外形非常的精美,黑色的底色配上白色的打字,到处透露着vip尊享的上流气息。卡通猫打底的粉色标题,更映衬出它独一无二的气质。。。~~~

不好意思放错了,这是前期试验的不正经版本(尽管我也不知道这个也免得灵感来自哪里(假的))

真正的页面是这个:
在这里插入图片描述

简约风,蓝色基调(我不会说这个灵感取自万达影院官网)。看那错落有致的标题大字,酷炫牛X的筛选框,放映场次中莫须有的电影,多么符合直男程序员的审美~~~

光一张图片看不出什么,让我们来看看它的动态图:
在这里插入图片描述

先来说说这个首页可以做的功能:

选择电影和场次并下单购买:

首先,选择电影场次的途径有两个:

  • 最近场次->选座购买
  • 热映电影->场次->选座购买

影片或者场次有对应的筛选框

对于即将播放的场次,筛选主要在于未来的多长时间的场次,这里的选项是预制的,仅有1、 3 、6、 12、 24这几个选项。后台根据当前时间和延后时间取出对应的场次并进行刷新。

对于正在热映的影片,筛选的项目就多了,可以根据名称搜索(模糊搜索),也有限制日期(从那一天后),当然还包括国家和语言两个选项。另外,这两个选项各自添加一个全选项。

在这里插入图片描述

点击最近场次或者选择影片并选择场次后会弹出选座窗口

在这里插入图片描述
总的来说选座界面做起来还是费了些力气,但是好在他还是非常好玩的。支持选择,反选鼠标划过时提示。已经售卖过得电影会有特殊的标记且不能与用户互动。另外,在选座的同时,下方同步系那是选择的座位数量和总价钱,也便于用户计算。
在这里插入图片描述
说实话,相较于实际需求,这样的选座在形式上还有待改进。例如,允许后台设计座位的排布等,目前用户还不知道自己买的座位具体在哪里。不过这个需求也可以使用当前的模式,搭配上座位分布图来解决。

选定座位之后,点击下方确认按钮,就可以进入结算界面。

根据需求,结算仅需要提供手机号即可,并“支付”相应金额。这里两个输入框都有失焦检查

  • 电话号码主要检查有没有非数字字符以及长度需要为十一位。
  • 金额框需要检查有没有奇奇怪怪的字符以及金额不能不够或者过长

再检查确认无误后,提交订单完成购买,后台程序将为该订单生成一个独一无二的十五位长的“二维码”编号,它将同其他订单信息一并显示出来。
在这里插入图片描述

首页中除了最基本的购买影片的功能,还提供了通向后台管理系统的入口以及vip系统。这两个系统在后面的博客中会逐一展示。好啦
,首页简短的功能就先介绍到这里,后续的介绍及技术实现的博客敬请期待。


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

后面的展示:

本文含有隐藏内容,请 开通VIP 后查看

微信公众号

今日签到

点亮在社区的每一天
去签到