Ionic2調(diào)用本地SQlite實例
更新時間：2017年04月22日 10:58:11 作者：莫干牧童
這篇文章主要介紹了Ionic2調(diào)用本地SQlite實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
普通的app用ionic內(nèi)置的Storage存儲鍵值對的方式可以滿足日常的使用，但是有時候遇到一些奇怪的需求。比如說有個網(wǎng)友留言說做一個離線版的App，怎樣調(diào)用本地Sqlite執(zhí)行SQL語句。問題描述清楚直接上代碼。
需要說明的是SQLite是手機內(nèi)置的數(shù)據(jù)庫存儲方式，在Ionic2中需要安裝相應(yīng)的插件和安裝包。過程很簡單
第一步
安裝插件、并加入項目
$ ionic plugin add cordova-sqlite-storage $ npm install --save @ionic-native/sqlite
第二步
把服務(wù)加入到src/app/app.moudle.ts
...
import { SQLite } from '@ionic-native/sqlite';
...
providers: [
...
SQLite
]
...
第三步
使用數(shù)據(jù)庫，常規(guī)來說，這一步應(yīng)該封裝成公共服務(wù)或者工具類。類中是具體的創(chuàng)建數(shù)據(jù)庫，調(diào)用數(shù)據(jù)庫，CRUD等方法。這里只是說明原理，直接調(diào)用
import { Component } from '@angular/core';
import { SQLite, SQLiteObject } from '@ionic-native/sqlite';
@Component({
selector: 'page-hello-ionic',
templateUrl: 'hello-ionic.html'
})
export class HelloIonicPage {
constructor(
private sqlite: SQLite) {
}
database :SQLiteObject;
ngOnInit(){
this.initDB();
}
initDB(){
this.sqlite.create({
name: 'data.db',
location: 'default'
})
.then((db: SQLiteObject) => {
db.executeSql('create table t_log(name VARCHAR(32))', {})//建表
.then(() => console.log('Executed SQL'))
.catch(e => console.log(e));
this.database = db;
db.executeSql("insert into t_log values('123')",{});//插入數(shù)據(jù)
})
.catch(e => console.log(e));
}
//查詢
query() {
let results = this.database.executeSql("select * from t_log",{});
alert(data.rows.length);
alert(data.rows.item(0).name);
})
}
}
最后一步
這一步一定要生成app安裝到手機才能得到結(jié)果，畢竟是調(diào)用手機內(nèi)置的SQLite。
ionic build android
用上面的命令構(gòu)建APP并安裝到手機看看效果吧
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
2007/12/23更新創(chuàng)意無限,簡單實用(javascript log)
在javascript開發(fā)過程中，如果總是使用alert的方式調(diào)試程序，在某些簡單的程序中是可行的. 但是在通常的項目很復(fù)雜，這種方式已經(jīng)很難滿足，企業(yè)級開發(fā)的需要。2007-12-12
超好玩js頁面效果之實現(xiàn)數(shù)值的動態(tài)變化
這篇文章主要給大家介紹了關(guān)于超好玩js頁面效果之實現(xiàn)數(shù)值的動態(tài)變化的相關(guān)資料,文中通過示例代碼及圖文介紹的非常詳細,對大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-10-10
js判斷radiobuttonlist的選中值顯示/隱藏其它模塊的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s判斷radiobuttonlist的選中值顯示/隱藏其它模塊的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
在IE7、IE8中，使用JavaScript提供的close()方法都可以關(guān)閉當(dāng)前窗口或標(biāo)簽，但都提示討厭的對話框，找了下代碼，終于可以無提示直接關(guān)閉了。2009-08-08
這篇文章主要為大家介紹了big.js?如何解決精度丟失問題源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
本人主要介紹了使用nodejs如何讀取memcache的示例程序，大家參考使用吧2014-01-01
這篇文章主要介紹了微信小程序適配iphoneX的實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
uniapp自定義網(wǎng)絡(luò)檢測組件項目實戰(zhàn)總結(jié)分析
這篇文章主要為大家介紹了uniapp自定義網(wǎng)絡(luò)檢測組件項目實戰(zhàn)總結(jié)分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
這篇文章主要介紹了JS塊級作用域和私有變量,結(jié)合實例形式較為詳細的分析了javascript塊級作用域和私有變量相關(guān)概念、原理、操作技巧,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了jQuery拖拽 & 彈出層，有需要的朋友可以參考一下2013-12-12