八、影片添加页实现《仿淘票票系统前后端完全制作(除支付外)》

一、影片添加页

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

上一届影院添加页功能已经完成,这一节咱们实现影片添加页内容。

影片添加页如下:
在这里插入图片描述
该页面实现起来比较简单,点击图片后使用文件上传组件进行图片上传即可。

首先添加文件接口到当前页面之下:
在这里插入图片描述
随后给按钮添加时间,首先需要读取文件:
在这里插入图片描述
在上图中可以看到,我再是否输出 base64 图片时选择了 是,这是因为在接下来上传图片时我们可以直接得到 base64 图片,这样即可方便的完成上传。在此还需要注意的一点就是,咱们需要先读取拿到图片后才可以进行内容上传,在读取图片的回调之中,再次调用这个文件接口,在动作中选择上传图片信息:
在这里插入图片描述
随后在上传完成的结果中将上传图片的 url 地址给与到图片之中即可。

二、创建影片数据库

接着咱们创建影片数据库,影片数据库字段如下:
在这里插入图片描述
在这里插入图片描述
该影片数据库依旧有是否删除字段,默认值为0.咱们主要要了解已添加影院这个字段,这个字段其实和影院中已添加影片字段是对应的。

在进行数据库搜索时,影院中的已添加片用于在选择影院时可以直接通过当前影院的已添加影院字段对影片进行搜索,否则你若使用一个数据库记录当前影院的影片,那么将会出现从一个大量数据表里查询内容,此时查询是效率非常低的,并且你需要搜索数据库的次数要多两次,若在这里直接使用一个一位数组存这些值,随后就可以直接通过当前影院自带的影片字段去数据库搜索内容,那么中间就少了两个步骤,极大的增加了搜索数据库时的效率,这个效率是体现在响应速度上的。

同理,这个影片中的已添加影院也是如此,在用户点击当前影片进入到影院选择阶段时,将会弹出多个影院进行选择,该步骤是表示用户需要到哪个影院进行观影,若此时也是通过一个数据库进行存储已添加的影院值,那么也会出现多次的数据库查询操作,这是不规范的,要尽量减少这些影响响应的查询。

此时知道了字段设置的理由后,咱们创建一个服务用于存储提交的影片信息:
在这里插入图片描述
首先需要的服务字段如下:
在这里插入图片描述
随后直接提交即可:
在这里插入图片描述

三、影院在首页的显示

已经完成了影片和影院的增加,那接下来咱们先显示影院和影片在首页。

首先需要创建一个影院获取的服务:
在这里插入图片描述
接着直接使对应数据库输出内容即可:
在这里插入图片描述
此时一定需要注意,咱们输出的影院不是所有影院,影院一定要是未删除的影院,所以在筛选条件中设置条件是否删除为0,否则为1则是已删除内容,不进行输出。

输出内容后前端肯定需要一个容器进行存储,此时创建一个对象数组作为存储容器,因为返回内容为对象数组,咱们进行接收的最好方式也是对象数组:
在这里插入图片描述
此时设置这个影院数据对象数组的字段,一定要与数据库输出内容对应,否则很你将很困难的进行调用:
在这里插入图片描述
在这里插入图片描述

接着直接调用即可:
在这里插入图片描述
随后在影院的前端页面中进行遍历:
在这里插入图片描述
此时循环创建的内容是刚刚使用对象数组接收的内容,设置循环创建的数据来源为影院数据:
在这里插入图片描述
随后在显示文本的数据绑定中绑定对应的影院数据即可:
在这里插入图片描述
那为什么这里还需要设置对应的标签内容呢?
在这里插入图片描述
这是因为标签这一列的内容是一个一位数组,此时直接作为循环创建的数据来源那么久可以自动解析后进行循环:
在这里插入图片描述
最后界面如下:
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/286147.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MAUI 通用权限框架(ABP)

简介众所周知, MAUI目前发布正式版本了, 那么对应, MAUI对应的ABP框架也应该马上出现, 这点也恰巧在我的预料之中, 所以在去年年底就开始着手Xamarin.Forms的ABP框架迭代。到目前为止,针对Xamarin.Forms 以及 WPF版本的 ABP框架已经在之前的文章当中给大家介绍过。那么本次主要…

十六、Struts2文件上传与下载

文件上传与下载 1.文件上传前提&#xff1a;<form action"${pageContext.request.contextPath}/*" method"post" enctype"multipart/form-data"> 2.动作类中字段需要符合命名规范 表单字段名&#xff1a;image 动作类&#xff1a;…

C语言试题四十三之求出ss所指字符串中指定字符的个数,并返回此值。

📃个人主页:个人主页 🔥系列专栏:C语言试题200例目录 💬推荐一款刷算法、笔试、面经、拿大公司offer神器 👉 点击跳转进入网站 ✅作者简介:大家好,我是码莎拉蒂,CSDN博客专家(全站排名Top 50),阿里云博客专家、51CTO博客专家、华为云享专家 1、题目 请编写一个…

《Matlab实用案例》系列Matlab从入门到精通实用100例案例教程目录(持续更新)

文章目录1. 专栏简介2. 专栏地址3. 专栏目录1. 专栏简介 2. 专栏地址 「 刘一哥与GIS的故事 」之《Matlab使用案例》 3. 专栏目录 【MATLAB统计分析与应用100例】案例001&#xff1a;matlab使用Importdata函数导入文本txt数据【MATLAB统计分析与应用100例】案例002&#xff…

Quartz2 定时器 《一》(概述)

为什么80%的码农都做不了架构师&#xff1f;>>> Quartz2 说白了&#xff0c;就是个功能比较完善的定时器&#xff0c;可以通过指定的时间执行指定的任务。 应用范围 a.比如让商城的活动&#xff08;对象&#xff09;在指定的时间&#xff08;定时&#xff0…

SQL 数据库远程备份 语句

DECLARE DATABakPath VARCHAR(200) N\\192.168.0.22\DataBak --远程共享目录&#xff08;备份文件夹根目录&#xff09; DECLARE UserName VARCHAR(50) N192.168.0.22\dbuser --远程目录访问用户账户 DECLARE UserPwd VARCHAR(50) N123456 --远程目录访问用户密码 DECLARE R…

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

一、数据获取 首先打开在线编辑器进入我们的项目&#xff1a;https://editor.ivx.cn/ 上一节已展示了影院页&#xff0c;但是你点击影院页进入后将看不到任何数据&#xff0c;这是因为当前影院还未有添加的影片&#xff0c;本节之后将会从页面开始完成这个功能。 首先我们应…

大话领域驱动设计——基础设施层

概述基础设施层是整个系统的⽀持层&#xff0c;通过对第三⽅类库的调⽤或系统的抽象和集成来实现对其他层的⽀持。与传统架构不同在DDD中&#xff0c;数据库访问的具体实现&#xff08;仓储&#xff09;也被放在了基础设施层。在DDD的理念中&#xff0c;基础设施层是为领域和用…

C语言试题四十四之移动一维数组中的内容,若数组中由n个整数,要求把下标从0到p(p小于等于n-1)的数组元素平移到数组的最后。

📃个人主页:个人主页 🔥系列专栏:C语言试题200例目录 💬推荐一款刷算法、笔试、面经、拿大公司offer神器 👉 点击跳转进入网站 ✅作者简介:大家好,我是码莎拉蒂,CSDN博客专家(全站排名Top 50),阿里云博客专家、51CTO博客专家、华为云享专家 1、题目 请编写一个…

【MATLAB统计分析与应用100例】案例004:matlab调用smoothts函数对金融时间序列数据进行平滑处理

时间序列数据进行平滑处理效果预览: Excel原数据部分预览: 1. 读取金融时间序列数据,绘制波形图 x = xlsread(examp03_02.xls); % 从文件examp03_02.xls中读取数据 price = x(:,4)

javaweb优化

http://blog.csdn.net/jiangzhaobao/article/details/8003244转载于:https://www.cnblogs.com/yzjT-mac/p/5889292.html

MultiProcess-MultiThread

听到一些关于python多进程与多线的例子&#xff0c;感觉比较经典&#xff0c;把一些例子分享一下. 内容如下&#xff1a; Process、Thread、GIL、Process fork、Multiprocessing、Queue、ProcessPool、Multiprocess-Multithread comparison (1) Process : 程序的一次执行(程序编…

【MATLAB统计分析与应用100例】案例005:matlab调用medfilt1函数对加噪正弦波信号进行平滑处理

平滑效果预览: 文章目录 1. 产生加噪正弦波信号,绘制加噪波形图2. 调用medfilt1对加噪正弦波信号y进行中值滤波,并绘制波形图1. 产生加噪正弦波信号,绘制加噪波形图 t = linspace(0,2*pi,500); % 产生一个从0到2

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

一、选中添加功能完成 首先打开在线编辑器进入我们的项目&#xff1a;https://editor.ivx.cn/ 在上一节咱们已经完成了对应的准备工作&#xff0c;在这一节中&#xff0c;咱们只需要对其进行调用即可&#xff0c;调用前还需要处理这些数据&#xff1a; 首先选中时&#xff0…

遍历文件夹还原数据库SQL语句

/***** 遍历文件夹进行数据库还原 *******/---需要开启xp_cmdshell 如已经开启 可以略过 /***** Step 1 开启 xp_cmdshell Use Master GO EXEC master.dbo.sp_configure show advanced options, 1 RECONFIGURE WITH OVERRIDE GO EXEC master.dbo.sp_configure xp_cmdshell, 1…

聊聊 C# 和 C++ 中的 泛型模板 底层玩法

最近在看 C 的方法和类模板&#xff0c;我就在想 C# 中也是有这个概念的&#xff0c;不过叫法不一样&#xff0c;人家叫模板&#xff0c;我们叫泛型&#xff0c;哈哈&#xff0c;有点意思&#xff0c;这一篇我们来聊聊它们底层是怎么玩的&#xff1f;一&#xff1a;C 中的模板玩…

ceph集群报 Monitor clock skew detected 错误问题排查,解决

ceph集群报 Monitor clock skew detected 错误问题排查&#xff0c;解决 告警信息如下&#xff1a; [rootceph-100-80 ceph]# ceph -w cluster ddc1b10b-6d1a-4ef9-8a01-d561512f3c1d health HEALTH_WARN clock skew detected on mon.ceph-100-81,…

Java实现画八卦

八卦是由多个圆叠加而成&#xff0c;如果我们让每个圆都有自己的颜色&#xff0c;那么具体结构便一目了然&#xff0c;如下图所示&#xff1a; 显然只要令对应的圆颜色相同&#xff0c;就能达到我们预期的效果。 用Java就能轻松画出来&#xff1a; import java.awt.BasicStroke…

C语言试题四十五之把第1到第p个字符,平移到字符串的最后,把第p+1到最后的字符移到字符串的前部。

📃个人主页:个人主页 🔥系列专栏:C语言试题200例目录 💬推荐一款刷算法、笔试、面经、拿大公司offer神器 👉 点击跳转进入网站 ✅作者简介:大家好,我是码莎拉蒂,CSDN博客专家(全站排名Top 50),阿里云博客专家、51CTO博客专家、华为云享专家 1、题目 请编写一个…

【MATLAB统计分析与应用100例】案例006:matlab数据的标准化变换

文章目录 1. 调用rand函数产生一个10行,4列的随机矩阵,每列服从不同的均匀分布2. 调用zscore函数对x进行标准化变换(按列标准化),返回变换后矩阵xz,以及矩阵x各列的均值构成的向量mu,各列的标准差构成的向量sigma3. 变换结果1. 调用rand函数产生一个10行,4列的随机矩阵…