发布功能完成02《ivx低代码签到系统制作》

制作iVX 低代码项目需要进入在线IDE:https://editor.ivx.cn/

一、发布功能思考、数据库、服务创建

上一节我们制作了后台的页面,那么此时我们应该需要制作发布功能了,那么在制作之前,我们应该思考一下如何制作这个签到内容发布的功能。

首先发布签到的功能肯定是需要有一个数据库进行存储,这个存储那要什么字段呢?首先我们应该想到,需要先有签到名,也就是当前签到是什么签到,例如“***会议签到”之类的,那么此时我们创建一个数据库。点击后台,创建一个数据库命名为签到数据库:
在这里插入图片描述
添加了数据库后咱们在其中添加字段签到名:
在这里插入图片描述

那么此时我们应该想一下除了签到还需要有什么字段呢?此时应该想到,签到是有时间间隔的,例如在某一个时间点到另外一个时间点,那么此时我们可以创建两个文本,一个是开始签到时间,另一个是结束签到时间:
在这里插入图片描述
创建完毕后,那么我们发布的时候肯定是需要跟数据库做交互的,那么做交互肯定是需要服务,在此创建一个服务叫做提交签到座位发布签到的服务:
在这里插入图片描述
那么此时我们应该还要想到,签到数据库的数据要从外部传入的有哪些?是不是包括了签到名、签到开始时间和签到结束时间,那么此时我们就需要创建3个参数,并且你想清洗的分清楚参数和数据库字段,那么你对参数的命名就不能一样,在此我用提交的这三个字作为区分:
在这里插入图片描述
接着咱们就可以对这个签到数据库做一个常规的数据提交即可:
在这里插入图片描述
细心的同学可能发现,我这个服务在当前服务提交成功后返回了提交结果的数据ID,这是为什么呢?

此时我们可以想到,在前端页面我们创建一个签到时,是不是会有一个链接,这个链接就是当前你发布的签到的签到地址,你打开这个地址后正常情况下会有一个签到二维码,这个签到二维码在学员扫码后将会让学员跳转到签到。那我们先做思考一下,既然学员需要跳转签到,此时肯定需要在链接中知道是哪一个签到,那么在数据库中是哪一个字段是表示当前这一条数据的数据ID呢?是不是在默认情况下只有数据ID这一条?所以此时我们直接返回这条提交数据的数据ID即可。

二、发布页面操作

本节的第一点中我们已经做好了签到的准备,那么此时我们应该在前端调用对应的服务进行提交了,那此时我们还不明白的是如何生成一个带有当前提交签到内容的链接,不过不要急,接下来咱们将会搞清楚。

此时发布页面还需要设置选择时间的事件:
在这里插入图片描述

当点击选择时间按钮后,设置时间选择器为显示,这样的用户的体验效果会好很多:
在这里插入图片描述
并且时间选择器也需要设置默认为隐藏:
在这里插入图片描述
接着咱们还需要对时间选择器做设置:
在这里插入图片描述
此时设置了时间选择器点击了确定后,确定时间我们应该把开始时间和结束时间复制到两个时间变量,在这里设置时间变量的原因是方便获取时间戳,时间戳是1970年1月1日后到此时的时间秒数,咱们可以通过时间变量即可进行获取,不过在你进行当前时间前还需要在当前页面下参加哪两个时间变量:
在这里插入图片描述
并且在赋值到时间变量时不能直接使用赋值,你需要使用设置属性:
在这里插入图片描述
并且格式也有讲究,必须是日期和事件之间空一格格,这个得注意:
在这里插入图片描述
最后进行隐藏,这样对用户体验较好:
在这里插入图片描述
最后我们直接给与当前发布按钮事件即可,点击后直接调用签到发布服务:
在这里插入图片描述

此时我们还需要对应的设置连接内容,在一个链接中带参数我们可以使用兼容模式,也就是你现在预览一下你的项目将会有一个项目链接,在之后使用一个?后一个参数名,例如id,这个参数id你要给一个值11那么就可以写成?id=11,若还需要添加新的参数,那么就使用 & 符号进行相连,若一个url 是www.xxx.com/那么这个链接就可以写成 www.xxx.com/?id=11&time=2018,那么此时链接我们就知道如何进行编写了:
在这里插入图片描述
以上链接中的 pid 为我某个页面的地址,因为我接下来将会使用某个页面当做签到页。

此时发布后可以在数据库中找到对应的记录:
在这里插入图片描述

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

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

相关文章

WPF 实现简易北京地铁效果图

本文经原作者授权以原创方式二次分享,欢迎转载、分享。原文作者:眾尋原文地址: https://www.cnblogs.com/ZXdeveloper/p/8600785.html前言这个是百度地图上北京地铁的地址,我们先看下百度上面的效果图;我要实现的内容比…

C#学习笔记-Windows窗体自定义初始位置

根据屏幕大小定义初始位置: (这个不是难,但是最近常常忘记,记着方便查看。) 1 //获取当前屏幕的长和宽2 int ScreenX Screen.PrimaryScreen.Bounds.Width;3 int ScreenY Screen…

【MATLAB统计分析与应用100例】案例014:matlab读取Excel数据,调用stepwise函数作交互式逐步回归分析

文章目录 1. 交互式逐步回归分析结果预览2. 完整matlab代码1. 交互式逐步回归分析结果预览 2. 完整matlab代码 % 从Excel文件examp08_03.xls中读取数值型数据 xydata = xlsread(examp08_03.xls); y = xydata<

MsSql 自定义分数段,按分数段统计考试人次

--分数段分布 DECLARE levels VARCHAR(100) 10,20,30,40,50,60,70,80,90,100; --自定义分数段 DECLARE paperId VARCHAR(100)0000000000001019--试卷编号 WITH tbTemp AS (--处理分数段SELECT L.levelFROM (SELECT [value] CONVERT(XML, <v> REPLACE(levels, ,, &l…

opencv---颜色空间转化并实现物体跟踪

一、图像处理的基本操作 因为这是第一篇写opencv的笔记&#xff0c;故先讲讲在python下写opencv的基本操作。总共总结了三点如下&#xff1a; 开头一定要加编码声明:-*- coding: utf-8 -*-python下记得引入opencv模块:import cv2要知道如何读取并展示图片,代码如下:# -*- codin…

签到功能完成03《ivx低代码签到系统制作》

制作iVX 低代码项目需要进入在线IDE&#xff1a;https://editor.ivx.cn/ 一、签到页制作 上一节完成了签到内容的发布&#xff0c;那我们接下来如何制作一个签到页面并且签到呢&#xff1f; 此时我们先创建一个页面叫做签到二维码页面&#xff1a; 随后直接预览这个页面&am…

System.CommandLine参数Argument

前两篇说到Command和Option&#xff0c;这篇说说Argument。Argument的用法和Option很像&#xff0c;只是他的构造和属性有些差别&#xff0c;再就是在运行输入时有区别&#xff0c;接下来看看实现。一个参数//创建根命令 var rootCommand new RootCommand("这是一个命令行…

Kotlin和Java混合开发总结(基于Kotlin1.3.0版本)

我本来是不想学习kotlin的&#xff0c;但是现在的形势&#xff0c;很多公司都在使用kotlin开发&#xff0c;可以说学会kotlin也是无奈之举&#xff0c;既然是潮流&#xff0c;谷歌也在大力推广&#xff0c;所以还是只能硬着头皮逼迫自己学一下&#xff0c;也能更快适应公司的需…

【MATLAB统计分析与应用100例】案例015:matlab读取Excel数据,进行值聚类分析

1. 聚类分析轮廓图 2. matlab完整代码 %*****计算例9.1的距离矩阵 x = [1, 2, 6, 8, 11];

01超精美渐变色动态背景完整示例【CSS动效实战(纯CSS与JS动效)】

若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我&#xff0c;若你是真心学习可以送你书籍&#xff0c;指导你学习&#xff0c;给予你目标方向的学习路线&#xff0c;无套路&#xff0c;博客为证。 本节案例如下&#xff08;其他动效篇幅原因逐步讲解&#xff0c;欢迎三…

Liferay 用本地私服(nexus) 打包部署Portlet应用

当我们使用搭建一个nexus本地仓库&#xff0c;并且配置settings.xml来让应用启用这个仓库。我们使用Liferay 6.1.10的archetype来创建liferay portlet, 如下图&#xff1a; 当我们运行命令mvn package liferay:deploy时&#xff0c;会出现以下错误&#xff1a; [DEBUG] Using c…

【MATLAB统计分析与应用100例】案例016:matlab读取Excel数据,进行样品系统聚类分析

1. 聚类分析结果 2. matlab完整代码 (1)读取数据,并进行标准化 [X,textdata] = xlsread(examp09_02.xls); % 从Excel文件中读取数据 X = zscore(X

解决React Native报错:Error:Found unexpected optical bounds (red pixel)

问题背景 同样是在升级 gradle plugin V2.2.3 --> gradle plugin V3.0.1后&#xff0c;运行至打包APK期间报错&#xff1a; Error:found unexpected optical bounds (red pixel) on top border at x14.&#xff08;错误&#xff1a;在X14的上边框上发现意外的光学边界&am…

webpack 入门

什么是WebPack&#xff0c;为什么要使用它&#xff1f; 为什要使用WebPack 现今的很多网页其实可以看做是功能丰富的应用&#xff0c;它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度&#xff0c;前端社区涌现出了很多好的实践方法 模块化&#xff0c;让我…

使用vsftp虚拟用户实现安全访问控制

一、ftp连接方式 1、命令连接 ftp在与用户交互时&#xff0c;首先打开的是TCP的21号端口&#xff0c;建立命令连接&#xff0c;这个连接会始终存在&#xff0c;直到用户输入bye的那一刻&#xff0c;才断开命令连接。 2、数据连接 1&#xff09;主动连接 主动连接是基于TCP21号端…

【前端就业课 第二阶段】CSS 零基础到实战(04)定位

若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我&#xff0c;若你是真心学习可以送你书籍&#xff0c;指导你学习&#xff0c;给予你目标方向的学习路线&#xff0c;无套路&#xff0c;博客为证。 一、定位 定位分为相对定位以及绝对定位。 相对定位可以理解为在 HTM…

Android TextView设置ClickableSpan 点击结尾空白位置也响应点击的问题

解决办法&#xff0c;在后边紧接着追加一个0宽度字符&#xff1a; builder.append("\u200b"); 相关知识&#xff1a; “\u200b” 为 Unicode Character ‘ZERO WIDTH SPACE’ (U200B)&#xff0c;可用于内容标识&#xff0c;不占位数&#xff08;宽度0&#xff0…

【MATLAB统计分析与应用100例】案例017:matlab读取Excel数据,进行变量系统聚类分析

1. 变量系统聚类分析结果 2. matlab完整代码 (1)读取数据,并转为距离向量 [X,textdata] = xlsread(examp09_03.xls); % 从Excel文件中读取数据 y = 1 -

Wordpress:将图片、post等的URL转换为相对路径

2019独角兽企业重金招聘Python工程师标准>>> 例如上传一张图片&#xff0c;其地址是可能 http://127.0.0.1/wp-content/uploads/2015/12/1_.png&#xff0c; 问题是如果我们通过其他的电脑通过wordpress主机的公网IP访问这张图片时会提示找不到。 最好的处理方法是不…

【MATLAB统计分析与应用100例】案例018:matlab读取Excel数据,进行K均值聚类分析

文章目录 1. K均值聚类分析结果2. matlab完整代码(1)读取数据,并进行标准化变换(2)选取初始凝聚点,进行聚类(3)绘制轮廓图1. K均值聚类分析结果 2. matlab完整代码 (1)读取数据,并进行标准化变换 [X, textdata] = xlsread(examp09_04.xls