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

一、选中添加功能完成

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

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

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

二、座位内容的准备工作

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

在这里插入图片描述

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

在这里插入图片描述

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

三、动态座位设置

动态座位设置如下：

在这里插入图片描述

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

那如何制作呢？

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

在这里插入图片描述

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

在这里插入图片描述

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

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

在这里插入图片描述

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

第一个循环的数据来源：

在这里插入图片描述

第二个循环的数据来源：

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

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