制作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的內容,為什么要搜索呢?因為咱們需要從數據庫中判斷對應的開始喝結束時間,在這里一定要注意,在外部輸入的數據“都是不安全的”,我們能用內部數據就用內部的。
接著在搜索完畢后,咱們創建對應的時間變量以及對象變量,并且將返回值給到這些變量之中:
接著我們直接判斷當前時間的值是否在數據庫時間戳之中的范圍,因為是秒數,所以直接做判斷就可以了:
判斷成功后顯示成功的塊即可:
否則顯示失敗的塊:
這兩個塊默認隱藏即可:
這樣一個簽到的核心功能就實現了。