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

一、数据获取

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

上一节已展示了影院页，但是你点击影院页进入后将看不到任何数据，这是因为当前影院还未有添加的影片，本节之后将会从页面开始完成这个功能。

首先我们应该要知道，影片添加到影院时，也等于了影院添加了影片，意思是两个数据库都需要同时记录内容，否则将会出现数据不对等，会导致错误的情况出现。

首先回到管理业，为影片增加到影院页添加数据：

在这里插入图片描述

点击之后将会跳转到影院添加影片页：

在这里插入图片描述

在跳转时需要对应的获取当前已有影片内容，此时需要添加一个服务，命名为获取影片：

在这里插入图片描述

接着以类似上一节中获取影片的方式获取当前的影片数据，当然影片也要遵循是否删除这个原则，否则添加了也无用：

在这里插入图片描述

此时已经有了输出结果，那么前端则需要使用一个对象数组进行接收，创建一个对象数组：

在这里插入图片描述

当前对象数组的字段如下：

在这里插入图片描述

在这里插入图片描述

该字段一定要与对应的数据库传递过来的数据一致，接着在当前页面显示时就调用影片获取服务得到影片内容：

在这里插入图片描述

以上服务调取后将会使用创建的影片数据UI想数组对内容进行接收。接着在内容中循环创建对应的影片信息内容：

在这里插入图片描述

以上循环创建的数据来源则是用于接收影院的对象数组：

在这里插入图片描述

此时预览页面效果如下：

在这里插入图片描述

二、数据删除

此时点击影院编辑将会进入编辑页，点击删除将会调用删除服务，在此我们先完成删除内容功能。

创建一个服务名叫影片删除：

在这里插入图片描述

当前影片删除页服务需要接受影片的ID作为删除的依据，在此需要设置一个参数：

在这里插入图片描述

由于在之前章节中有说明，在数据库中一般不做删除操作，需要时用一个标记表示当前内容是否删除，在此咱们直接对该ID的内容进行更新，设置是否删除为1即可：

在这里插入图片描述

并且更新后返回对应的内容，成功返回1，不成功则返回失败原因即可：

在这里插入图片描述

随后给删除按钮调用当前服务即可：

在这里插入图片描述

三、影片显示

此时咱们先把准备内容做完，这样的话直接做影片增加到影院就可以同时点击影片后进入下一个页面将会看到已添加当前影片的影院了。

接着咱们在首页显示中添加一个服务调取，当显示后直接调用获取影片得到影片数据，在前几点钟已经写好了影片获取的服务，这次直接调用即可：

在这里插入图片描述

此时还需要创建一个影片数据的对象数组，大家一定要创建好，并且放置在对应调用的页面之下，否则你会分不清楚哪些变量是在哪些地方使用的，分类进行存放或者使用名称来辨认是一种不错的选择。

接着直接在页面上使用循环进行遍历即可：

在这里插入图片描述

此时循环的内容为影片数据：

在这里插入图片描述

绑定完数据后，此时页面效果如下：

在这里插入图片描述