App Inventor學習記錄112-帳號密碼的簡單登入判斷,適用tinydb、firebase

這次以App Inventor學習記錄47,用 FirebaseDB元件,做一個簡單的註冊登入頁面為基礎,加上幾個比較多人問的問題,比如說帳號或密碼沒填,帳號密碼分開判斷,重新整理一下程式的部份。
記錄一下:App Inventor學習記錄112-帳號密碼的簡單登入判斷,適用tinydb、firebase


這次的完成品如下。

按下註冊或是登入按鈕,但帳號或密碼其中一個為空的時候,會跳提示訊息。
按鈕登入按鈕的時候,會先判斷帳號是否正確,再判斷密碼是否正確
只是這次用的元件是 tinydb,但也適用於 firebase


畫面編排的部份如下。

文字輸入盒、密碼輸入盒、對話框、微型資料庫,firebasedb的原件各 1。


全部的程式碼如下。


第 1部份的程式碼說明。

建立變數_所有的標籤,它的值是一個空清單。

程式初始化的時候,設定變數_所有的標籤的值為微型資料庫中的標籤的資料
由於微型資料庫 tinydb中,取得標籤資料的值會是一個清單,所以在程式一個開始的時候,就要先把變數_所有的標籤的預設值,設定成一個空清單,這樣比較方便使用。


第 2部份的程式碼說明。

當註冊按鈕被點擊的時候。
先判斷一下文字輸入盒或是密碼輸入盒中的文字。
如果有其它一個是空白的話,就跳對話框設定的提示訊息。

如果文字輸入盒或是密碼輸入盒都有輸入的話。
就判斷文字輸入盒的文字,有沒有在變數_所有的標籤這個清單中,如果有在這個清單中的話,那麼就跳對話框的提示訊息,說這個帳號已經被使用了。

如果文字輸入盒的文字,沒有在變數_所有的標籤這個清單中的話。
呼叫微型資料庫來儲存資料


第 3部份的程式碼說明。

這部份跟第 2部份是差不多的。同樣是先判斷兩個輸入項是不是空白。
都是空白的話,就跳對話框說明,帳號密碼輸入不完整。

如果兩個輸入項都有填入資料的話。
就先判斷文字輸入盒的文字有沒有在變數_所有的標籤這個清單中,沒有在清單中的話,代表帳號不存在,所以就跳對話框,顯示帳號不存在的訊息。

文字輸入盒的文字變數_所有的標籤這個清單中話,再判斷微型資料庫中,在文字輸入盒.文字這個標籤下的值,有沒有跟密碼輸入盒的文字相同。不同的話就跳對話框,說明密碼錯誤。正確的話,也是跳對話框,說明帳號密碼都正確。


好的,這次的 aia檔的下載連結如下:
點我下載 NO_112_simple_login.aia

大家如果有什麼問題的話,可以在網頁下方留言討論,也可以在 youtube上的影片下方留言討論。但,這兩種方式大部份都只有我在看。說真的,我的能力並不強,所以只能在工作之外的時間,在能力範圍上做回覆。所以常常有會回覆的不好,或是不對的地方,請大家多包涵。

也是因為我能力有限的關係,所以我在 line上建立一個「APP INVENTOR 交流」的社群,如果有問題的話,大家也可以在這裡討論。人多力量大,大家互樣的交流學習。
而且 line也很方便,有什麼問題截個圖看一下,會比文字說明來的清楚些,這也是比在網頁下方或是 youtube影片下方留言討論更方便的地方。

有興趣的朋友可以點擊連結加入,也可以掃描 QR code加入。
您已被邀請加入「APP INVENTOR 交流」!請點選以下連結加入社群!
https://line.me/ti/g2/Loxwrcc2iNRS5-Qd4SFXxQ?utm_source=invitation&utm_medium=link_copy&utm_campaign=default

參考書籍請見博客來書籍介紹頁面:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發表迴響