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

一、播放影片影院页制作

上一节已经做完了首页所有栏目内容,那么点击购票后应该出现对应有购票的影院,选择影院后进入购买票务页。

首先新建一个页面命名为播放该影片的影院:
在这里插入图片描述
接着复制首页中的标题栏到播放影片的影院页中,此时需要删除右侧行内容:
在这里插入图片描述

接着更改 logo 部分的背景色为透明:
在这里插入图片描述
接着在 logo 中添加一个文本,为朝向左的箭头:
在这里插入图片描述
这个箭头用于返回上一层,此时由于该logo 部分有具体大小值,需要更改高度为包裹:
在这里插入图片描述
重命名这个行为返回:
在这里插入图片描述
接着给这个文本创建一个事件,调用前台返回上一层:
在这里插入图片描述
此时进入页面后,点击返回文本可以回退到刚刚所访问的上一页内容。

接着直接复制影院页的内容到当前页即可:
在这里插入图片描述
此时还需要删除其中的广告图片。

二、影院拥有的影片显示

影院拥有的影片显示页制作也很简单,直接复制 播放影片的影院页 重命名为 影院拥有的影片显示页:
在这里插入图片描述
接着删除影院原本拥有的内容:
在这里插入图片描述
复制首页首页栏中的热映内容到 影院拥有的影片显示页 中:
在这里插入图片描述
在这里插入图片描述

三、管理员页

接着制作管理员页内。

首先创建一个页面,命名为 管理员首页:
在这里插入图片描述
接着复制 影院拥有的影片显示页 中的标题提到管理员页:
在这里插入图片描述
接着删除下拉选项,将下拉选项删除,添加文本,内容为当前页面标题,命名为 管理员首页:
在这里插入图片描述
随后再到首页我的登录后要显示的内容与反馈复制过来:
在这里插入图片描述
删除复制过来的管理员入口,在此处没有必要了,因为已经进入到管理员页了:
在这里插入图片描述
接下来更改对应的背景色:
在这里插入图片描述
再重复的去复制内容就可以,然后更改其文本:
在这里插入图片描述

三、影院增加页

接着创建一个页,命名为影院增加页:
在这里插入图片描述
赋值管理员首页的标题到影院增加页:
在这里插入图片描述
接着更改对应的文本内容为 影院增加页,这个页面主要用于增加影院信息:在这里插入图片描述
接着复制管理员页中的帮助与反馈行,赋值到影院增加页:
在这里插入图片描述
接着重命名这个复制过来的帮助与反馈(记得删除内部内容)为增加信息:
在这里插入图片描述
随后创建一个行命名为内容,内部为一个输入框:
在这里插入图片描述
内容行依旧需要设置内边距,并且高度为包裹;随后创建多个行内容:
在这里插入图片描述

在此需要注意,有一个行为标签,该行是为了给当前影院增加对应的标签信息,例如是否有vip厅、是否赠送零食、以及一些其他配置标签。

这些标签的添加只需要在标签输入框中输入文本,点击添加即可在标签区域显示;此时我们可以添加一个一维数组,命名为标签:
在这里插入图片描述
随后给予确认按钮事件,点击按钮后添加输入的标签信息到标签数组中,之后再直接循环标签信息即可。

此时给予按钮事件:
在这里插入图片描述
此时我们发现,在事件中,我还判断了要添加的标签文本内容字符数是否为0,如果是为0 则表示没有输入内容,就不会进入到添加内容中;接着若内容大于0,则表示有内容,进入到条件中,直接给予标签一维数组添加值为输入框的值即可,当然最后还还要清空对应的输入框标签内容,否则体验感就不是很好。

此时我们已经添加了对应的标签信息到一维数组,那如何使标签信息显示呢?我们需要一个for循环,直接给显示的标签信息放到for循环中,指定 for 循环的数据来源为标签的循环数组即可:
在这里插入图片描述
接着再给文本要显示的内容绑定为当前数据1即可:
在这里插入图片描述
那么此时我们查看预览,输入内容后即可添加信息到标签进行显示。

接下来添加一个按钮即可完成剩下操作:
在这里插入图片描述

剩下的页面内容相似,不再赘述,其页面如下.

影院删除页:
在这里插入图片描述
影片增加页:
在这里插入图片描述
影片删除页:
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.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、题目 请编写一个…