簽到功能完成03《ivx低代碼簽到系統制作》

制作iVX 低代碼項目需要進入在線IDE:https://editor.ivx.cn/

一、簽到頁制作

上一節完成了簽到內容的發布,那我們接下來如何制作一個簽到頁面并且簽到呢?

此時我們先創建一個頁面叫做簽到二維碼頁面:
在這里插入圖片描述
隨后直接預覽這個頁面,將會看到頁面上會有一個pid,這個pid就是ivx 中這個頁面的 id 值:
在這里插入圖片描述

咱們直接復制這一串值到上一節中對應的發布簽到后生成的鏈接處:
在這里插入圖片描述
接著到這個頁面中制作頁面內容,頁面如下:
在這里插入圖片描述

這個頁面十分簡單,類似的頂部內容,然后下面就是一個二維碼,此時咱們該部分就不再贅述。

此時當前頁面需要接收傳入過來的參數,那么此時在當前頁面的顯示事件中添加參數獲取,獲取參數使用應用系統即可獲取:
在這里插入圖片描述

這個id在上一節中我們已經得知,是表示哪一個簽到的ID,那么此時得到了這個id那必然是需要得到當前這個ID的簽到內容,那么此時需要創建一個服務用語獲取這一個ID對應的數據,創建一個服務名叫搜索簽到信息:
在這里插入圖片描述
接著編寫當前服務,接收一個參數為簽到ID,隨后通過這個ID值在數據庫查找對應的簽到:
在這里插入圖片描述

由于此時是通過id查找值,那么必然該值是一條數據,不可能是多條數據,因為ID值是唯一的,所以在這里我是返回了輸出結果的某一行內容,這一行是0,0表示第一行內容因為索引從0開始:
在這里插入圖片描述
隨后咱們返回到頁面的顯示事件中,在獲取到id 參數后直接調用這個服務:
在這里插入圖片描述
完成后直接使用一個對象變量進行賦值:
在這里插入圖片描述
那么此時需要創建一個對象變量,這個對象變量需要與傳輸過來的數據一一對應,該對象變量的字段:
在這里插入圖片描述
此時還要創建一個簽到名字符串變量,當簽到信息的值獲取后,直接給與到簽到名,并且這個簽到名變量是與當前頁的標題做綁定的:
在這里插入圖片描述
接著咱們在下面創建一個動作給當前頁面中的二維碼進行賦值即可:
在這里插入圖片描述

此時可以看到我再這里用到了一個時間變量:
在這里插入圖片描述
這個時間變量需要創建,并且命名為當前時間:
在這里插入圖片描述

二、變換的二維碼

在第一點中所說的當前時間時為了使二維碼發現變換,咱們需要時簽到的二維碼的時間戳參數為2秒之內,那么每隔2秒就給與這個二維碼新的url值即可,但是我個人并不喜歡這個操作,在此我會演示如何使二維碼變換,但是我是不會使用這個值進行簽到的錄入,我將直接使用跳轉頁面后的時間戳。

此時我們創建一個定時器——觸發器:
在這里插入圖片描述
此時我更改這個觸發器為自動更改驗證碼,這個觸發器是自動響應的:
在這里插入圖片描述
每隔3秒進行觸發,那觸發什么內容呢?我們可以查看事件:
在這里插入圖片描述
也就是通過時間變量對其進行賦值即可,因為時間變量獲取當前值默認將是當前時間的內容,那么此時我們預覽當前頁面:
在這里插入圖片描述
記住一定要帶id,否則將會提示沒有當前簽到內容,此時我們發現當前二維碼每隔3秒進行切換。

三、完成簽到功能

需要完成簽到功能還需要創建一個頁面,用這個頁面座位簽到的響應:
在這里插入圖片描述

這個簽到頁面分為兩個功能,一個是成功提示,還有一個是失敗提示:
在這里插入圖片描述
在這里插入圖片描述
此時保留登錄功能,因為之前的文章都有做,在這里就當做一個提示即可。

此時預覽這個頁面的url,復制對應的uid 到二維碼處,這樣掃碼就可以到這個頁面了,接著咱們在這個頁面的事件中編寫參數獲取的內容:
在這里插入圖片描述

瘦現貨區到結果后復制給簽到ID當前簽到的id值,隨后去搜索當前id的內容,為什么要搜索呢?因為咱們需要從數據庫中判斷對應的開始喝結束時間,在這里一定要注意,在外部輸入的數據“都是不安全的”,我們能用內部數據就用內部的。

接著在搜索完畢后,咱們創建對應的時間變量以及對象變量,并且將返回值給到這些變量之中:
在這里插入圖片描述
接著我們直接判斷當前時間的值是否在數據庫時間戳之中的范圍,因為是秒數,所以直接做判斷就可以了:
在這里插入圖片描述
判斷成功后顯示成功的塊即可:
在這里插入圖片描述
否則顯示失敗的塊:
在這里插入圖片描述
這兩個塊默認隱藏即可:
在這里插入圖片描述

這樣一個簽到的核心功能就實現了。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/286059.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/286059.shtml
英文地址,請注明出處:http://en.pswp.cn/news/286059.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

System.CommandLine參數Argument

前兩篇說到Command和Option,這篇說說Argument。Argument的用法和Option很像,只是他的構造和屬性有些差別,再就是在運行輸入時有區別,接下來看看實現。一個參數//創建根命令 var rootCommand new RootCommand("這是一個命令行…

php 迭代器

迭代器(Iterator)模式,又叫做游標(Cursor)模式。GOF給出的定義為:提供一種方法訪問一個容器(container)對象中各個元素,而又不需暴露該對象的內部細節。 百度百科: http:…

Kotlin和Java混合開發總結(基于Kotlin1.3.0版本)

我本來是不想學習kotlin的,但是現在的形勢,很多公司都在使用kotlin開發,可以說學會kotlin也是無奈之舉,既然是潮流,谷歌也在大力推廣,所以還是只能硬著頭皮逼迫自己學一下,也能更快適應公司的需…

GitHub中watch、star、fork的作用

star 的作用是收藏,目的是方便以后查找。watch 的作用是關注,目的是等作者更新的時候,你可以收到通知。fork 的作用是參與,目的是你增加新的內容,然后 Pull Request,把你的修改和主倉庫原來的內容合并。最早…

【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動效)】

若是大一學子或者是真心想學習剛入門的小伙伴可以私聊我,若你是真心學習可以送你書籍,指導你學習,給予你目標方向的學習路線,無套路,博客為證。 本節案例如下(其他動效篇幅原因逐步講解,歡迎三…

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

當我們使用搭建一個nexus本地倉庫,并且配置settings.xml來讓應用啟用這個倉庫。我們使用Liferay 6.1.10的archetype來創建liferay portlet, 如下圖: 當我們運行命令mvn package liferay:deploy時,會出現以下錯誤: [DEBUG] Using c…

.NET Core 分布式事務 CAP 發布 6.1 正式版

前言我們很高興宣布 CAP 發布 6.1 版本正式版,在這個版本中我們主要針對目前已經發現的幾個BUG進行了修復了以及添加了一些小特性。那么,接下來我們具體看一下吧。總覽可能有些人還不知道 CAP 是什么,老規矩來一個簡介。CAP地址: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后,運行至打包APK期間報錯: Error:found unexpected optical bounds (red pixel) on top border at x14.(錯誤:在X14的上邊框上發現意外的光學邊界&am…

C語言試題五十六之計算并輸出給定整數n的所有因子(不包括1與自身)之和。規定n的值不大于1000。

??個人主頁:個人主頁 ??系列專欄:C語言試題200例目錄 ??推薦一款刷算法、筆試、面經、拿大公司offer神器 ?? 點擊跳轉進入網站 ?作者簡介:大家好,我是碼莎拉蒂,CSDN博客專家(全站排名Top 50),阿里云博客專家、51CTO博客專家、華為云享專家 1、題目 請編寫函數…

webpack 入門

什么是WebPack,為什么要使用它? 為什要使用WebPack 現今的很多網頁其實可以看做是功能豐富的應用,它們擁有著復雜的JavaScript代碼和一大堆依賴包。為了簡化開發的復雜度,前端社區涌現出了很多好的實踐方法 模塊化,讓我…

mysql 列類型

列類型整型 tinyint,smallint,mediumint,int,bigint (可選參數unsigned ,(M,zerofill,結合使用才有意義))浮點型 float(可選參數D,M) decimal(可選參數D,M)字…

使用vsftp虛擬用戶實現安全訪問控制

一、ftp連接方式 1、命令連接 ftp在與用戶交互時,首先打開的是TCP的21號端口,建立命令連接,這個連接會始終存在,直到用戶輸入bye的那一刻,才斷開命令連接。 2、數據連接 1)主動連接 主動連接是基于TCP21號端…

【前端就業課 第二階段】CSS 零基礎到實戰(04)定位

若是大一學子或者是真心想學習剛入門的小伙伴可以私聊我,若你是真心學習可以送你書籍,指導你學習,給予你目標方向的學習路線,無套路,博客為證。 一、定位 定位分為相對定位以及絕對定位。 相對定位可以理解為在 HTM…

Android TextView設置ClickableSpan 點擊結尾空白位置也響應點擊的問題

解決辦法,在后邊緊接著追加一個0寬度字符: builder.append("\u200b"); 相關知識: “\u200b” 為 Unicode Character ‘ZERO WIDTH SPACE’ (U200B),可用于內容標識,不占位數(寬度0&#xff0…

【MATLAB統計分析與應用100例】案例017:matlab讀取Excel數據,進行變量系統聚類分析

1. 變量系統聚類分析結果 2. matlab完整代碼 (1)讀取數據,并轉為距離向量 [X,textdata] = xlsread(examp09_03.xls); % 從Excel文件中讀取數據 y = 1 -

WinForm 之 窗口最小化到托盤及右鍵圖標顯示菜單

日常開發有時候需要實現窗口最小化到系統托盤,本文就來講講該如何實現winfrom最小化到系統托盤,本例子基于VS2019編寫。用C#開發winform桌面程序時,程序啟動后,默認是顯示在桌面而且在任務欄中有對應的圖標。有的時候,…

C語言學習筆記--函數與指針

1. 函數類型 (1)C 語言中的函數有自己特定的類型,這個類型由返回值、參數類型和參數個數共同決定。如 int add(int i,int j)的類型為 int(int,int)。 (2)C 語言中通過 typedef 為函數類型重命名 typedef type name(parameter list);//如 typedef int f(int,int); 2. 函數指針 (…