App Inventor 快速篩選想讀取的資料
App Inventor

App Inventor 快速篩選想讀取的資料

這次的 App 主要會從上一次的專案去做修改,最底下也會附已完成這次教學的專案的 aia 檔案








1. 請開啟上次的 App Inventor 專案

點我下載


2. 在網路瀏覽器元件的上方,加入一個 TextBox,讓使用者可以輸入要查詢的資料。


接著將畫面切換到程式設計


直接修改當讀取按鈕被點選的方塊


3. 拉一個「如果…則…否則…」的判斷方塊,放到「當讀取按鈕被點選」裡面,並將設定網路元件網址的方塊,放到「」裡面。


如果我們的 搜尋欄位(TextBox) 沒有填入資料的話,就搜尋全部的資料。


4. 複製「設定網路元件網址」的方塊,把最後面的文字方塊,用合併文字方塊改成「select B, C, D where B = “TextBox.文字”」,然後放到「否則」裡面。

這句意思是要找 「B 等於我們指定的資料」的資料
B 是指 在試算表的第二個欄位,而第二個欄位是我們這個專案的 帳號 ID。


接著我們來看看實際效果


當我搜尋「Gundam」時,它就只會出現一筆資料。


那如果要搜尋的資料有一筆以上呢?

像是「a12345」有兩筆


那麼搜尋之後,也是會顯示兩筆喔!


那如果想要搜尋有相關性的資料呢?

例如我想搜尋 帳號 ID 裡有 Test 的資料

P.S. 不一定只有 Test,可能是 Test5678,只要有 Test 就把它找出來。




5. 把 SQL 的方塊複製一次,而這次 SQL 要改成
select B, C, D where B like “%TextBox.文字%”」。

TextBox 文字的前後要用「%」包住,這個意思是,不管前面和後面有多少個字元,只要這筆資料有包含,我們要找的字,就把他抓出來。


接著我們來找找看有「Test」的資料


有包含 Test 的資料總共有四筆

App 到此就完成了!

只要會下 SQL 語法,資料就能照我們想要的做篩選,這個應用也可以用在記帳 App,當我們要找客人的資料時,都非常的好用!


App Inventor 專案 aia 檔案下載







14 則留言

發表迴響