iT邦幫忙

2023 iThome 鐵人賽

DAY 27
0
Mobile Development

用30天學習做出我的第一個Flutter App系列 第 27

Day27 [Flutter] SQLite( 2 )

  • 分享至 

  • xImage
  •  

4、引入到頁面中

  • 一樣要先import TestDB.dart
    https://ithelp.ithome.com.tw/upload/images/20231012/20163063YX9uIKkGrT.png
  • 查詢
    • 先建一個List之後用來存放從資料庫中獲取的資料列表
    • 呼叫TestDB中的get方法查詢資料並返回資料列表,再用setState( )來更新當前的畫面顯示最新的資料。
      https://ithelp.ithome.com.tw/upload/images/20231012/20163063Den1zYaC6t.png
  • 新增
    • 創建一個新的Test,並傳入到TestDB的add()中來新增一筆資料,然後再調用剛剛的getTestList來更新畫面資料
      https://ithelp.ithome.com.tw/upload/images/20231012/20163063Q19g9mzIUN.png
  • 修改
    • 建一個新的Test,將修改好的name和age傳入(id不變),然後傳入TestDB的update()中更新資料,最後一樣要更新畫面以及Navigator.pop()編輯完成會退出頁面。
      https://ithelp.ithome.com.tw/upload/images/20231012/20163063qyra34uwwR.png
  • 刪除
    • 使用test.id調用TestDB中的delete(),刪除指定id的資料,最後使用getTestList來獲取最新的資料、更新畫面
      https://ithelp.ithome.com.tw/upload/images/20231012/20163063pVLkGsMyAf.png

這部分的實作還有點問題,所以今天先到這裡結束!明天會接著完成畫面!

參考資料:
https://medium.com/%E5%86%8D%E4%B8%8D%E5%AF%AB%E5%B0%B1%E8%A6%81%E5%BF%98%E4%BA%86/flutter-%E4%BD%BF%E7%94%A8-sqlite-%E6%9C%AC%E5%9C%B0%E8%B3%87%E6%96%99%E5%BA%AB-b6c8a2f1f3e8


上一篇
Day26 [Flutter] SQLite( 1 )
下一篇
Day28 [Flutter] SQLite( 3 )
系列文
用30天學習做出我的第一個Flutter App30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言