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

一、播放影片影院頁制作

上一節已經做完了首頁所有欄目內容,那么點擊購票后應該出現對應有購票的影院,選擇影院后進入購買票務頁。

首先新建一個頁面命名為播放該影片的影院:
在這里插入圖片描述
接著復制首頁中的標題欄到播放影片的影院頁中,此時需要刪除右側行內容:
在這里插入圖片描述

接著更改 logo 部分的背景色為透明:
在這里插入圖片描述
接著在 logo 中添加一個文本,為朝向左的箭頭:
在這里插入圖片描述
這個箭頭用于返回上一層,此時由于該logo 部分有具體大小值,需要更改高度為包裹:
在這里插入圖片描述
重命名這個行為返回:
在這里插入圖片描述
接著給這個文本創建一個事件,調用前臺返回上一層:
在這里插入圖片描述
此時進入頁面后,點擊返回文本可以回退到剛剛所訪問的上一頁內容。

接著直接復制影院頁的內容到當前頁即可:
在這里插入圖片描述
此時還需要刪除其中的廣告圖片。

二、影院擁有的影片顯示

影院擁有的影片顯示頁制作也很簡單,直接復制 播放影片的影院頁 重命名為 影院擁有的影片顯示頁:
在這里插入圖片描述
接著刪除影院原本擁有的內容:
在這里插入圖片描述
復制首頁首頁欄中的熱映內容到 影院擁有的影片顯示頁 中:
在這里插入圖片描述
在這里插入圖片描述

三、管理員頁

接著制作管理員頁內。

首先創建一個頁面,命名為 管理員首頁:
在這里插入圖片描述
接著復制 影院擁有的影片顯示頁 中的標題提到管理員頁:
在這里插入圖片描述
接著刪除下拉選項,將下拉選項刪除,添加文本,內容為當前頁面標題,命名為 管理員首頁:
在這里插入圖片描述
隨后再到首頁我的登錄后要顯示的內容與反饋復制過來:
在這里插入圖片描述
刪除復制過來的管理員入口,在此處沒有必要了,因為已經進入到管理員頁了:
在這里插入圖片描述
接下來更改對應的背景色:
在這里插入圖片描述
再重復的去復制內容就可以,然后更改其文本:
在這里插入圖片描述

三、影院增加頁

接著創建一個頁,命名為影院增加頁:
在這里插入圖片描述
賦值管理員首頁的標題到影院增加頁:
在這里插入圖片描述
接著更改對應的文本內容為 影院增加頁,這個頁面主要用于增加影院信息:在這里插入圖片描述
接著復制管理員頁中的幫助與反饋行,賦值到影院增加頁:
在這里插入圖片描述
接著重命名這個復制過來的幫助與反饋(記得刪除內部內容)為增加信息:
在這里插入圖片描述
隨后創建一個行命名為內容,內部為一個輸入框:
在這里插入圖片描述
內容行依舊需要設置內邊距,并且高度為包裹;隨后創建多個行內容:
在這里插入圖片描述

在此需要注意,有一個行為標簽,該行是為了給當前影院增加對應的標簽信息,例如是否有vip廳、是否贈送零食、以及一些其他配置標簽。

這些標簽的添加只需要在標簽輸入框中輸入文本,點擊添加即可在標簽區域顯示;此時我們可以添加一個一維數組,命名為標簽:
在這里插入圖片描述
隨后給予確認按鈕事件,點擊按鈕后添加輸入的標簽信息到標簽數組中,之后再直接循環標簽信息即可。

此時給予按鈕事件:
在這里插入圖片描述
此時我們發現,在事件中,我還判斷了要添加的標簽文本內容字符數是否為0,如果是為0 則表示沒有輸入內容,就不會進入到添加內容中;接著若內容大于0,則表示有內容,進入到條件中,直接給予標簽一維數組添加值為輸入框的值即可,當然最后還還要清空對應的輸入框標簽內容,否則體驗感就不是很好。

此時我們已經添加了對應的標簽信息到一維數組,那如何使標簽信息顯示呢?我們需要一個for循環,直接給顯示的標簽信息放到for循環中,指定 for 循環的數據來源為標簽的循環數組即可:
在這里插入圖片描述
接著再給文本要顯示的內容綁定為當前數據1即可:
在這里插入圖片描述
那么此時我們查看預覽,輸入內容后即可添加信息到標簽進行顯示。

接下來添加一個按鈕即可完成剩下操作:
在這里插入圖片描述

剩下的頁面內容相似,不再贅述,其頁面如下.

影院刪除頁:
在這里插入圖片描述
影片增加頁:
在這里插入圖片描述
影片刪除頁:
在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/286193.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/286193.shtml
英文地址,請注明出處:http://en.pswp.cn/news/286193.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

SuppressLint黃色警告的原因以及解決辦法

最近在做項目的時候,碰到方法的前面和類的前面有時會出現SuppressLint或者SuppressWarnings這樣的黃色警告,看起來很不舒服,于是上網搜集了一些相關資料。發現這些警告的出現其實是由于我們編寫代碼時的一些不規范的寫法導致,解決…

重磅!win10無法安裝.NET Framework 3.5服務解決辦法(附離線安裝包下載)

安裝CASS測圖軟件之前需要安裝CAD,Win10操作系統安裝CAD時經常會需要.net framework 3.5,win10中默認是沒有安裝該環境的,需要單獨安裝。本文講解Win10系統中在線和離線安裝.net framework 3.5。 CAD 2006+CASS 7.1安裝參考:《Win 10操作系統CAD 2006+CASS 7.1安裝圖文經典…

C語言試題三十六之將s所指字符串中所有下標為奇數位置上的字母轉換為大寫(若該位置上不是字母,則不轉換)。

??個人主頁:個人主頁 ??系列專欄:C語言試題200例目錄 ??推薦一款刷算法、筆試、面經、拿大公司offer神器 ?? 點擊跳轉進入網站 ?作者簡介:大家好,我是碼莎拉蒂,CSDN博客專家(全站排名Top 50),阿里云博客專家、51CTO博客專家、華為云享專家 1、題目 請編寫一個…

數據結構實驗之鏈表二:逆序建立鏈表

數據結構實驗之鏈表二:逆序建立鏈表 Time Limit: 1000MS Memory Limit: 65536KBSubmit StatisticProblem Description 輸入整數個數N,再輸入N個整數,按照這些整數輸入的相反順序建立單鏈表,并依次遍歷輸出單鏈表的數據。Input 第一…

執行yum:Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again...

安裝eple源,在yum clean all;yum makecache 后出現報錯Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again解決辦法:sed -i s/mirrorlist/\#mirrorlist/g epel.repo epel-testing.reposed -i s/\#…

700行無用 純 CSS 祝考生 金榜高粽《1_bit 的無用 CSS 代碼 》

今天才想起來這回事,沒辦法就急急忙忙的趕工一下,接下來我就畫一下這個海報試試手了: 一、背景制作 1.1 準備工作 先給整個網頁制作一個布局吧,直接 flex 搞定,并且使其居中 justify-content、align-items 都要賦值為…

【CASS精品教程】win10安裝CAD+CASS過程中出現的錯誤問題及解決辦法集錦

文章目錄 1. 無法安裝2. 提示DWF Viewer、AutoCAD2008未安裝3. 安裝完成后一直出現如下窗口4. Win10 64位 cass9.1+cad2008打開后出現Frame主框架程序沒有加載。5. 注冊程序無法運行,提示由于無法安裝此service pack。1. 無法安裝 解決辦法:開啟Administrator,以管理員身份…

(01).NET MAUI實戰 建項目

1.概要本系列文章將會針對.NET MAUI實戰開發的一些內容,會長期不間斷更新我了解學習到的內容。當學習新的軟件開發技術時,都會從基礎建項目開始MAUI也不例外。ref:https://docs.microsoft.com/zh-cn/dotnet/maui/get-started/first-app?pivo…

Android Studio 引用aar包 更新后找不到新增的方法問題(踩坑)

明明已經更新了aar文件,但死活找不到新增的方法,代碼提示里也找不到新增的方法名,但編譯能編譯,運行也一切正常,只是IDE一直提示錯誤,有強迫癥的小猿好幾天都想不明白。 其間有高手指教說:“那…

VMware Workstation與VMware vSphere的區別

在學完vSphere后,想起了VMware Workstation。這兩個都是虛擬化的東西,這兩者到底有什么本質的不同呢?順著我的思路我開始將所學過的進行檢索期望從中尋到一絲半點的線索。很快大腦中建立了兩個對他們明顯的標簽 VMware Workstation&#xff1…

C語言試題三十七之求除一個2×m整型二維數組中最大元素的值,并將此值返回調用函數。

??個人主頁:個人主頁 ??系列專欄:C語言試題200例目錄 ??推薦一款刷算法、筆試、面經、拿大公司offer神器 ?? 點擊跳轉進入網站 ?作者簡介:大家好,我是碼莎拉蒂,CSDN博客專家(全站排名Top 50),阿里云博客專家、51CTO博客專家、華為云享專家 1、題目 請編寫一個…

RSA加密解密

http://files.cnblogs.com/files/liuJava/rsa.zip、 直接上工具類 JAR 和前臺JS 都在上面的鏈接里 package my.tools.security;import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.ObjectInputStream; import java.io.Obj…

Atitit.js圖表控件總結

Atitit.js圖表控件總結 1. 為什么要使用圖表1 2. 圖表分類1 3. 數據可視化的優點1 4. 流行的js圖表類庫1 5. 參考2 1. 為什么要使用圖表 因為要可視化 2. 圖表分類 條形圖、柱狀圖、折線圖和餅圖是圖表中四種最常用的基本類型 分類 條形圖、柱狀圖、折線圖和餅圖是圖表中四種最…

Matlab圖像處理函數大全(建議收藏)

文章目錄 第1章: 圖像顯示與圖像文件輸入輸出函數第2章: 圖形繪制第3章: 圖像類型和類型轉換第4章: 圖形用戶界面工具第5章: 空間變換和圖像配準第6章: 圖像分析和統計第7章: 圖像代數運算第8章: 圖像增強第9章: 圖像去模糊第10章: 線性濾波和變換第11章: 形態學操作…

Asp.net 批量導入Excel用戶數據功能加強版

平時我們用Asp.net導入用戶,一般是提供一個用戶Excel表的模板,實際導入數據時并非有些人愿意按你的模版制表,因此對Asp.net導入功能進行加強,可以導入非模版化的Excel數據,并且支持一次處理多個Sheet表,方便…

C語言試題三十八之將s所指字符串中除了下標為偶數、同時ascii值也為偶數的字符外,其余的全都刪除;串中剩余字符所形成的一個新串放在t所指的一個數組中。

??個人主頁:個人主頁 ??系列專欄:C語言試題200例目錄 ??推薦一款刷算法、筆試、面經、拿大公司offer神器 ?? 點擊跳轉進入網站 ?作者簡介:大家好,我是碼莎拉蒂,CSDN博客專家(全站排名Top 50),阿里云博客專家、51CTO博客專家、華為云享專家 1、題目 請編寫一個…

C#+Signalr+Vue實現B站視頻自動回復評論,當一個最懶程序員!

Part1前言前幾天刷到了程序員魚皮的自動回復視頻評論的視頻,于是我也想來試試!Part2開始第一步打開想要自動回復評論的視頻url,打開調試模式!然后找到可以觸發評論的網絡請求可以看到我們的oid是可以唯一確定視頻的id,那么這個oid…

一張圖不用,純CSS 做個生日賀卡

朋友生日了,直接畫,炫技并且表示本人閑的全身疼才會去拿CSS畫畫,以此嘲弄對方的加班: 既然賀卡做出來了,那就順便介紹一下賀卡制作流程吧,其實也不是什么技術,也就是CSS 拼拼拼就可以了&#…

C語言試題三十九之將s所指字符串中除了下標為奇數、同時ascii值也為奇數的字符外,其余的全都刪除;串中剩余字符所形成的一個新串放在t所指的一個數組中。

??個人主頁:個人主頁 ??系列專欄:C語言試題200例目錄 ??推薦一款刷算法、筆試、面經、拿大公司offer神器 ?? 點擊跳轉進入網站 ?作者簡介:大家好,我是碼莎拉蒂,CSDN博客專家(全站排名Top 50),阿里云博客專家、51CTO博客專家、華為云享專家 1、題目 請編寫一個…