发布功能完成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,一经查实,立即删除!

相关文章

力扣(leetcode)第26题删除有序数组中的重复项(Python)

26.删除有序数组的重复项 题目链接:26.删除有序数组的重复项 给你一个非严格递增排列 的数组 nums ,请你 原地 删除重复出现的元素,使每个元素 只出现一次 ,返回删除后数组的新长度。元素的 相对顺序 应该保持 一致 。然后返回 …

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

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

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

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

[转] java.nio.ByteBuffer中flip、rewind、clear方法的区别

转载 对缓冲区的读写操作首先要知道缓冲区的下限、上限和当前位置。下面这些变量的值对Buffer类中的某些操作有着至关重要的作用: limit:所有对Buffer读写操作都会以limit变量的值作为上限。position:代表对缓冲区进行读写时,当前…

【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…

C语言试题五十四之求n以内(不包括n)同时能被3与7整除的所有自然数之和的平方根s,并作为函数值返回。

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

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("这是一个命令行…

php 迭代器

迭代器&#xff08;Iterator&#xff09;模式&#xff0c;又叫做游标&#xff08;Cursor&#xff09;模式。GOF给出的定义为&#xff1a;提供一种方法访问一个容器&#xff08;container&#xff09;对象中各个元素&#xff0c;而又不需暴露该对象的内部细节。 百度百科: http:…

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

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

GitHub中watch、star、fork的作用

star 的作用是收藏&#xff0c;目的是方便以后查找。watch 的作用是关注&#xff0c;目的是等作者更新的时候&#xff0c;你可以收到通知。fork 的作用是参与&#xff0c;目的是你增加新的内容&#xff0c;然后 Pull Request&#xff0c;把你的修改和主仓库原来的内容合并。最早…

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

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

C语言试题五十五之m个人的成绩存放在score数组中,请编写函数function,它的功能是:将高于平均分的人数作为函数值返回,将高于平均分的分数放在high所指定的数组中。

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

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…

.NET Core 分布式事务 CAP 发布 6.1 正式版

前言我们很高兴宣布 CAP 发布 6.1 版本正式版&#xff0c;在这个版本中我们主要针对目前已经发现的几个BUG进行了修复了以及添加了一些小特性。那么&#xff0c;接下来我们具体看一下吧。总览可能有些人还不知道 CAP 是什么&#xff0c;老规矩来一个简介。CAP地址&#xff1a;h…

【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…