前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >七、后台入口及添加影院实现《仿淘票票系统前后端完全制作(除支付外)》

七、后台入口及添加影院实现《仿淘票票系统前后端完全制作(除支付外)》

作者头像
1_bit
发布2022-06-17 10:50:11
6330
发布2022-06-17 10:50:11
举报
文章被收录于专栏:我的知识小屋

一、登录后台窗口显示与跳转

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

上一节已经完成了登录和注册功能,在这一节咱们将会实现对应的后台入口进入和一些后台功能的制作。

首先咱们需要记录一下登录的UID,因为咱们后台界面或者说个人界面是需要通过UID进行判定的,如果没有UID 那么将会显示登录和注册块,否则将会显示对应的后台界面,此时我们需要在登录成功后给与当前的UID到UID变量:

在这里插入图片描述
在这里插入图片描述

此时我们刷新界面,重新登录一次,此时将会进入到后台窗口:

在这里插入图片描述
在这里插入图片描述

此时为了方便测试,我们依旧显示后台入口,去除对应的条件,直接显示后台入口行:

在这里插入图片描述
在这里插入图片描述

此时页面显示如下:

在这里插入图片描述
在这里插入图片描述

此时咱们给与这个后台入口的跳转到管理员首页开始完成对应的管理员功能:

在这里插入图片描述
在这里插入图片描述

二、影院后台内容添加

影院增加功能首先需要一个数据库,这个数据库拥有以下字段:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

以上字段是否删除是用作表示当前影院是否已经注销,或者已经退出平台。在正常开发中我们一般不会删除数据,将会使用一个标记记录当前用户(影院)的删除状态。

以上字段还有一个字段需要自已,那就是拥有影片字段,这个字段是用于存储当前影院所拥有的影片,例如当前影院添加了《哈利波特》、《指环王》等电影,这些电影是拥有一个ID的,咱们将使用 json 类型的数据存储在这个拥有影片的字段中,这样做是为了方便查询数据库,否则你数据库需要查询多次,将会严重的降低当前数据库的效率。

理解了原理后,咱们添加一个服务,命名为添加影院:

在这里插入图片描述
在这里插入图片描述

接着咱们添加所需要添加的参数内容:

在这里插入图片描述
在这里插入图片描述

其他未添加的字段之后将会设置默认值,随后编写数据库提交内容:

在这里插入图片描述
在这里插入图片描述

以上截图中,是否删除的值默认为 0,表示状态正常,若为1则表示已删除。

三、影院前台内容添加

影院添加页内容如下:

在这里插入图片描述
在这里插入图片描述

我们发现标签右侧有一个添加按钮,这个按钮将会将值添加到下面标签进行显示,那如何完成这个功能呢?

此时需要创建一个一位数组变量:

在这里插入图片描述
在这里插入图片描述

这个标签变量为存储当前影院的标签内容,这个内容也将会以 json(一位数组)的方式存储到数据库中,用这种方式存储的好处就是在读取时方便解析,并且查询起来比较方便。

此时我们给添加按钮一个时间,当点击后只要输入的标签字符数大于0,那么就添加值到这个标签末尾即可:

在这里插入图片描述
在这里插入图片描述

此时标签内容就可以在前端使用循环进行遍历了,for循环的数据来源于标签一位数组即可:

在这里插入图片描述
在这里插入图片描述

此时还需要对标签添加一个时间,只要点击了这个标签文本,那么就直接删除一位数组中当前序号的值,那么就可以实现动态添加内容,让用户体验更舒服:

在这里插入图片描述
在这里插入图片描述

最后直接给添加按钮调用影院添加的服务即可:

在这里插入图片描述
在这里插入图片描述
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-06-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、登录后台窗口显示与跳转
  • 二、影院后台内容添加
  • 三、影院前台内容添加
相关产品与服务
对象存储
对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档