十为影院添加影片及座位安排《仿淘票票系统前后端完全制作(除支付外)》

Posted 1_bit

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了十为影院添加影片及座位安排《仿淘票票系统前后端完全制作(除支付外)》相关的知识,希望对你有一定的参考价值。

一、选中添加功能完成

首先打开在线编辑器进入我们的项目:https://editor.ivx.cn/

在上一节咱们已经完成了对应的准备工作,在这一节中,咱们只需要对其进行调用即可,调用前还需要处理这些数据:

首先选中时,咱们需要对当前影院的影片ID值赋值,为其新增一个ID内容,这个ID内容必须从获取到的影院ID上进行追加,所以在此还需要新建一个影片ID列表:


随后当循环遍历的影院内容的id对其进行赋值:

接着把当前的影片ID增加到这个列表末尾:

当然,影片中也是相同的操作,所以处理出具部分的动作事件如下:


随后再调用上一节中所准备的服务内容:

二、座位内容的准备工作

在选中对列表进行的操作是添加,那么在取消选中内容时所作的操作必然是删除,那么删除的话在这里就需要对其进行删除,对数组中指定值进行删除直接选择删除动作即可。此时动作编写如下:

接着直接调用对应的服务即可:

因为添加的内容都是列表,数据操作部分不自在数据库中制作,所以直接使用相同服务即可。

三、动态座位设置

动态座位设置如下:

动态座位设置是指点击对应的位置将会显示为白色,该部分内容是为了较为动态的设置位置信息,例如在发布电影前设置某个位置不可用,这样可以及时的对某些已损坏位置进行处理,这样别人就选择不了当前位置。

那如何制作呢?

首先我们可以给与一个较为大的矩阵来模拟作为,在点击作为设置后跳转到当前座位设置页,再座位设置页显示时创建一个1010 或者2020 的二维数组,当然也可以直接对其进行设置,例如创建一个二维数组变量命名为座位矩阵,并且在这个矩阵中添加对应的内容:

这是比较简单的方法,你也可以在显示事件中直接编写两个循环,设置号循环次数后对其进行赋值即可:

在此选择最简单的方法即可。

随后创建两个循环用于遍历这个二维数组:

一位数组用一个循环,那么二维数组就用2个循环,第一个循环得到是每一行的内容,第二个循环得到是这一行中的每一个内容,因为一位数组是一个数组列表,那么二位数组就是多个数组列表就行纵向的排列,所以在循环给值时,第一个循环直接给这个座位矩阵即可,第二个循环直接给到这些纵向内容的每一行即可,也就是第一个循环得到的内容。

第一个循环的数据来源:

第二个循环的数据来源:


随后在内部的数据中添加两个if 容器,用于判断当前循环到的值:

第一个循环容器直接判断当前的值是否是1,1表示有作为,0表示空座位,咱们只需要在值等于1时创建一个座位信息,这个座位信息咱们暂时用一个方块显示,这个方块为黄色:


这个条件容器的判断如下:

接着创建一个有座位的判断,判断当前循环到的值是否是1,如果不是的话,那么就直接显示一个空白座位即可:



这样的话就准备好了两个座位内容,在对应值是对其进行显示有座位或者无座位即可,下一节咱们将讲解如何实现点击后不同座位的切换。

以上是关于十为影院添加影片及座位安排《仿淘票票系统前后端完全制作(除支付外)》的主要内容,如果未能解决你的问题,请参考以下文章

九为影院添加影片《仿淘票票系统前后端完全制作(除支付外)》

九为影院添加影片《仿淘票票系统前后端完全制作(除支付外)》

十一为影院添加影片制作准备服务《仿淘票票系统前后端完全制作(除支付外)》

十一为影院添加影片制作准备服务《仿淘票票系统前后端完全制作(除支付外)》

四一般页面制作《仿淘票票系统前后端完全制作(除支付外)》

八影片添加页实现《仿淘票票系统前后端完全制作(除支付外)》