Ionic2學習筆記(8):Local Storage& SQLite


作者: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):訪問本地設備


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM