基于Vue框架的影院购票APP的设计与实现

 作为“重灾区”之一，电影行业遭受了几乎停摆式的重创——影院关闭、影片堆积、拍摄停滞、资金紧缩、产业链断裂等问题严重影响中国电影行业的疫后重建。
现在疫情方开，通过构建一个影院购票系统包含电影购票、用户评价、影片推荐、影片信息、影院信息、排片信息、座位选择的平台为电影院及个人提供电影票销售和购买电影票的通道。通过数字化的方式管理和销售电影票，可以提高效率，降低成本，推动数字化进程的发展。涵盖了用户体验、影院效益、电影产业发展、技术水平提升和数字化进程等多个方面，具有重要的实际意义和理论价值。再者，希望能够通过这次项目锻炼自己，将所学的知识运用到其中，提高自己的能力。
2、课题研究现状及前景
随着网络时代的发展多家影院推出了自己的购票APP，如猫眼电影、淘票票、美团电影等。影院购票APP的用户规模不断扩大，特别是年轻人群体。据相关数据显示，2019年全国影院线上购票用户规模已经达到了4.26亿人次。影院购票APP也在不断探索新的功能和服务，如优惠活动、电影评价、社交分享等，为用户提供更多服务和体验。
随着智能手机和移动互联网的普及，越来越多的用户开始使用手机进行购票。未来影院购票APP将更加注重对移动端的适配和用户体验，提供更加方便快捷的购票方式。虽然疫情已过，但无接触购票成为了一种习惯。未来影院购票APP将更加注重无接触购票的实现，如电子票，提供更加安全和便捷的购票方式。满足更多人的需求，吸引更多的用户。

3、课题研究的基本内容
电影购票软件的设计与实现内容包括对电影购票、用户评价、影片推荐、影片信息、影院信息、排片信息、座位选择等等功能，具体内容如下:
1.    电影购票及影片推荐：进行电影票的购买和电影推荐，让用户能够进行自由选择。
2.    用户评价：用户购买电影票并观看后可对电影或平台进行评价，为其他用户提供有价值的购票参考。
3.    影片信息及影院信息：为用户提供影片和影院简介。
4.    排片信息和座位选择：该页面可直观的看到电影放映日期时间以及所对应的作为信息，选择适合自己的时间及座位。
5.    登录注册：账户的创建。
6.    个人中心：对个人的订单和电影收藏进行增删改查。
设计（论文）的技术路线及预期目标：

技术路线：
1. 使用Vue Cli作为前端框架。
2. git 作为项目源码版本管理工具。
3. 使用 java的spring框架搭建后端。
4. 使用 Mysql 数据库。
5. 使用 VSCode作为前端页面开发工具。
6. 以HTML、CSS、JavaScript为核心技术。
7. 搭配样式和布局框架Vant。
预期目标：
1.    能够正常使用上述功能。
2.    在能够正常使用上述功能的情况下优化程序编码、结构以及性能，尽量提高用户体验。

SpringMVC的执行流程
(1)客户端发起请求到前端控制器（DispatcherServlet）[7]
(2)前端控制器请求HandLerMapping去查找Handler(可以根据SpringMVC的配置文件或注解去查找)
(3)处理器映射器向前端控制器返回HandlerExcutionChain(执行器链)
(4)前端控制器调用处理器适配器去执行Handler
(5)处理适配器去执行Handler
(6)Handler将ModelAndView返回给处理适配器（ModelAndView是SpringMVC底层的一个对象，内部封装了Model和View，也就是分装了数据和视图的信息）
(7)处理适配器将ModelAndView返回给前端控制器
(8)前端控制器请求视图解析器去解析视图（根据逻辑视图名解析成物理视图）
（二）Mybaits链接数据库MySQL
1 加载配置并初始化
ClassForName加载驱动
2 根据配置文件config.xml生成SQLSessionFactory
3 根据SQLSessionFactory生成sqlSession
4 由SQLSession产生Mapper代理对像
5 Mapper代理对象进行数据库操作
6具体使用
在项目包下创建一个Mapper的抽象类[2]，在Mapper中定义增删改查的抽象方法，
再创建一个Mapper的xml文件用以保存SQL语句，再书写Service类调用Mapper.xml中的Sql即可[8]。

使用Jsp完成视觉设计
（1）首先用div标签定下大致总-分-总布局
（2）全局设置边框1px solid black
（3）消除div之间的空隙： border-collapse:collapse
（4）模块分为交流区与电子图书馆，交流区通过收发贴实现即时学术交流，电子图书馆收集学习资料方便大家网上学习。
（5）设置全局背景图片，因为背景图片整体颜色为黑，所以文本字体我设置为白
（6）使用iframe固定主页面，其余页面都在主页面下的div中显示。
（7）HTML/CSS的主要用法：关于样式共有三种设置方式。一是外部式，在外部的样式文件，一般都是拷贝自别人已经设置好的样式，项目成员都应用以保证样式统一美观，外部文件的扩展名为.CSS，引用语句为<link rel="stylesheet" href="<c:url 
  value='/ui/bootstrap/3.3.0/css/bootstrap.min.css'/>">，表示引用ui文件夹下的bootstrap样式，这种样式的优先级最低；二是嵌入式，在头部文件中以<style></style>载入，可以设置字体颜色，表格边框，空隙边距等；三是内联式，在标签中定义样式，这种样式的优先级最高。