码迷,mamicode.com
首页 > 数据库 > 详细

Ionic2学习笔记(8):Local Storage& SQLite

时间:2016-06-04 00:29:50      阅读:563      评论:0      收藏:0      [点我收藏+]

标签:

作者: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学习笔记(8):Local Storage& SQLite

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!