一、影片添加頁

首先打開在線編輯器進入我們的項目：https://editor.ivx.cn/

上一屆影院添加頁功能已經完成，這一節咱們實現影片添加頁內容。

影片添加頁如下：

該頁面實現起來比較簡單，點擊圖片后使用文件上傳組件進行圖片上傳即可。

首先添加文件接口到當前頁面之下：

隨后給按鈕添加時間，首先需要讀取文件：

在上圖中可以看到，我再是否輸出 base64 圖片時選擇了 是，這是因為在接下來上傳圖片時我們可以直接得到 base64 圖片，這樣即可方便的完成上傳。在此還需要注意的一點就是，咱們需要先讀取拿到圖片后才可以進行內容上傳，在讀取圖片的回調之中，再次調用這個文件接口，在動作中選擇上傳圖片信息：

隨后在上傳完成的結果中將上傳圖片的 url 地址給與到圖片之中即可。

二、創建影片數據庫

接著咱們創建影片數據庫，影片數據庫字段如下：


該影片數據庫依舊有是否刪除字段，默認值為0.咱們主要要了解已添加影院這個字段，這個字段其實和影院中已添加影片字段是對應的。

在進行數據庫搜索時，影院中的已添加片用于在選擇影院時可以直接通過當前影院的已添加影院字段對影片進行搜索，否則你若使用一個數據庫記錄當前影院的影片，那么將會出現從一個大量數據表里查詢內容，此時查詢是效率非常低的，并且你需要搜索數據庫的次數要多兩次，若在這里直接使用一個一位數組存這些值，隨后就可以直接通過當前影院自帶的影片字段去數據庫搜索內容，那么中間就少了兩個步驟，極大的增加了搜索數據庫時的效率，這個效率是體現在響應速度上的。

同理，這個影片中的已添加影院也是如此，在用戶點擊當前影片進入到影院選擇階段時，將會彈出多個影院進行選擇，該步驟是表示用戶需要到哪個影院進行觀影，若此時也是通過一個數據庫進行存儲已添加的影院值，那么也會出現多次的數據庫查詢操作，這是不規范的，要盡量減少這些影響響應的查詢。

此時知道了字段設置的理由后，咱們創建一個服務用于存儲提交的影片信息：

首先需要的服務字段如下：

隨后直接提交即可：

三、影院在首頁的顯示

已經完成了影片和影院的增加，那接下來咱們先顯示影院和影片在首頁。

首先需要創建一個影院獲取的服務：

接著直接使對應數據庫輸出內容即可：

此時一定需要注意，咱們輸出的影院不是所有影院，影院一定要是未刪除的影院，所以在篩選條件中設置條件是否刪除為0，否則為1則是已刪除內容，不進行輸出。

輸出內容后前端肯定需要一個容器進行存儲，此時創建一個對象數組作為存儲容器，因為返回內容為對象數組，咱們進行接收的最好方式也是對象數組：

此時設置這個影院數據對象數組的字段，一定要與數據庫輸出內容對應，否則很你將很困難的進行調用：

接著直接調用即可：

隨后在影院的前端頁面中進行遍歷：

此時循環創建的內容是剛剛使用對象數組接收的內容，設置循環創建的數據來源為影院數據：

隨后在顯示文本的數據綁定中綁定對應的影院數據即可：

那為什么這里還需要設置對應的標簽內容呢？

這是因為標簽這一列的內容是一個一位數組，此時直接作為循環創建的數據來源那么久可以自動解析后進行循環：

最后界面如下：