基于Spring Boot+Vue的电影大剧院订票选座管理系统

文章目录

  • 一 简介
  • 二.主要技术
    • 三 功能简介
      • **会员功能需求**
      • **管理员功能需求**
  • 四 系统介绍
  • 效果图
    • 剧院管理功能实现
      • 5.2.1管理员登录
      • 5.2.2管理主界面
      • 5.2.3节目类型管理
      • 5.2.3剧院节目管理
      • 5.2.4用户管理

一 简介

郑州大剧院订票选座管理系统包括用户管理、新闻公告管理、预订管理、剧院节目、在线客服管理、系统管理。
基于Spring Boot+Vue的电影大剧院订票选座管理系统_第1张图片

二.主要技术

技术名 作用
Springboot 后端框架
Vue 前端框架
MySQL 数据库

三 功能简介

郑州大剧院订票选座管理系统本质上是一个剧院节目浏览和在线预订的平台,从用户角度,系统包括会员和管理员。

会员功能需求

未经登录的用户不能使用本平台,通过授权的用户才能查看剧院节目信息,选择具体的剧院节目类别,查询剧院节目,选择剧院节目后在线预订。会员定期对个人信息进行修改,包括个人信息和密码信息,最终通过注销后退出本系统。

会员的用例图如3.1所示:

基于Spring Boot+Vue的电影大剧院订票选座管理系统_第2张图片

管理员功能需求

管理员具有最高的权限,通过后台的登录页面进入验证权限后才能进行管理。管理内容包括,管理会员预订的剧院节目订单,类别管理、剧院节目管理,新闻管理、用户管理。

管理员的用例图如3.2所示

基于Spring Boot+Vue的电影大剧院订票选座管理系统_第3张图片

四 系统介绍

用户管理包括会员用户和管理员用户两个用户。设计一个用户数据表,使用权限字段进行区分。当前台会员进行注册的时候,权限设为会员。管理员用户权限设置为管理员。虽然数据存储在一个数据库表,但是在登录的时候使用权限类别进行区分,管理员用户无法通过客户端进行登录。同理,客户端用户也无法登陆管理员端。

新闻公告是管理员发布剧院节目的公告,信息发布后的公告在客户端浏览查看。

其中系统功能结构图如4.1所示:

基于Spring Boot+Vue的电影大剧院订票选座管理系统_第4张图片

图4.1 系统功能结构图

剧院节目是本系统的重点功能,客户端用户登录后发布剧院节目,选择对应的分类,上传图片,其中图片是保存在服务器端,数据库记录对应的图片链接地址,在资源类信息保存中还可以通过二进制进行保存。本系统为了降低数据库的负荷,把图片以文件格式进行存储,这样既减轻了服务器的数据库的存储,也提高了图片数据传输的速度。会员发布后,在管理端对数据进行管理,删除一些违法违规的记录。没有删除的记录将在客户端首页进行展示,用于其他会员查看。会员可以通过剧院节目的分类进行搜索,不同分类对应了不同的剧院节目。也可以通过关键字进行检索。剧院节目还具有点赞和收藏功能。

节目订单管理,会员用户查看剧院节目,在线预订,填写预订信息,提交节目订单。管理员审核所有节目订单,会员查看个人的节目订单。

效果图

剧院管理功能实现

5.2.1管理员登录

使用脚本把数据库导入到mysql中,配置SpringBoot,运行程序。其中用户登录的界面如下所示。

基于Spring Boot+Vue的电影大剧院订票选座管理系统_第5张图片

使用form表单设计了用户名和密码输入框,并通过button按钮进行form表单的提交,信息提交到control的后台方法中,该方法首先判断用户的权限,如果是管理员用户,使用管理员的service方法查询该管理员账号密码是否正确,并将管理员信息保存在session对象中。该方法返回主界面的重定向方法,会员的控制流程和管理员流程一致。

5.2.2管理主界面

主界面主要包括了系统管理菜单,通过菜单对系统功能进行管理。每一个功能包括基本的查询、添加等操作。其中主界面如下所示。

基于Spring Boot+Vue的电影大剧院订票选座管理系统_第6张图片

5.2.3节目类型管理

节目类型管理包括剧院节目编号、名称、内容信息。其中节目类型管理如下所示。

基于Spring Boot+Vue的电影大剧院订票选座管理系统_第7张图片

图5.3 节目类型管理界面

创建一个信息录入的表单,在设计节目类型基本信息收集栏,点击提交的时候,通过vue的POST方法传递到节目类型controller方法中。在controller中定义插入的方法,先实例化节目类型实体类,将节目类型信息通过实体类进行设置,然后调用节目类型数据库操作方法,保存节目类型信息到数据库,然后返回成功消息。

5.2.3剧院节目管理

剧院节目管理包括剧院节目编号、名称、类别、图片内容信息。其中剧院节目管理如下所示。

基于Spring Boot+Vue的电影大剧院订票选座管理系统_第8张图片

图5.3 剧院节目管理界面

创建一个信息录入的表单,在设计剧院节目基本信息收集栏,点击提交的时候,通过vue的POST方法传递到节目controller方法中。在controller中定义插入的方法,先实例化剧院节目实体类,将剧院节目信息通过实体类进行设置,然后调用剧院节目数据库操作方法,保存剧院节目信息到数据库,然后返回成功消息。

5.2.4用户管理

用户管理包括用户信息查看和用户删除功能,管理员对过期的用户进行删除。其中用户管理如下所示。

基于Spring Boot+Vue的电影大剧院订票选座管理系统_第9张图片

创建一个信息录入的vue表单,在vue中设计用户基本信息收集栏,点击提交的时候,通过vue的POST方法传递到用户controller方法中。在controller中定义插入的方法,先实例化用户实体类,将用户信息通过实体类进行设置,然后调用用户数据库操作方法,保存用户信息到数据库,然后返回成功消息。

在用户信息管理页面先通过查询条件,获取对应的用户列表,然后在用户管理页面通过标签,把所有的用户信息绑定到列表中。

你可能感兴趣的:(Java,SpringBoot,精品项目,java,spring,boot,vue.js,毕业设计,电影订票选座)