制作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 為我某個頁面的地址,因為我接下來將會使用某個頁面當做簽到頁。
此時發布后可以在數據庫中找到對應的記錄: