文章出處

作者:Grey

原文地址: http://www.cnblogs.com/greyzeng/p/5557947.html

   

       

 Ionic2可以有兩種方式來存儲數據,Local Storage和SQLite

   

LocalStorage

   

因為比較容易訪問,所以不適合存比較敏感性的數據

比如可以存儲: 用戶是否登錄的信息. 一些session信息等

具體用法:

  • 進入項目目錄:cd MyFirstApp
  • 在主頁設置一個按鈕,點擊按鈕,獲取LocalStorage的數據并打印在控制臺

    app/pages/home/home.html

    在app/pages/home/home.ts中增加一個處理方法:

    我們可以通過

    this.local = new Storage(LocalStorage);

    this.local.set('isLogin', false);

    來設置并保存isLogin的值

    并且通過:

    this.local.get('isLogin');

    來獲取isLogin的值

  • 運行:ionic serve -l

    點擊按鈕,打開Chrome控制臺,可以看到輸出結果:

       

SQLite

我們還可以通過SQLite來存儲數據,通過SQL語句來實現相關存儲。

  • 首先我們必須增加一個插件:進入項目目錄:cd MyFirstApp

    運行:ionic plugin add https://github.com/litehelpers/Cordova-sqlite-storage

  • 在app/app.ts中,我們先初始化一些數據庫信息:

  • 在app/pages/home/home.html中增加一個按鈕和一個Label,點擊按鈕,將數據庫dbname6中people這個表的第一條記錄的firstname字段展示出來:

    app/pages/home/home.html

    在app/pages/home/home.ts中增加相應的方法來獲取數據庫中的數據:

  • 運行:ionic serve -l

    點擊ShowData按鈕:

       

更多:Use SQLite In Ionic 2 Instead Of Local Storage

------

上一篇:Ionic2學習筆記(7):Input

下一篇:Ionic2學習筆記(9):訪問本地設備


文章列表




Avast logo

Avast 防毒軟體已檢查此封電子郵件的病毒。
www.avast.com


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()