溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
普通的app用ionic內置的Storage存儲鍵值對的方式可以滿足日常的使用，但是有時候遇到一些奇怪的需求。比如說有個網友留言說做一個離線版的App，怎樣調用本地Sqlite執行SQL語句。問題描述清楚直接上代碼。
需要說明的是SQLite是手機內置的數據庫存儲方式，在Ionic2中需要安裝相應的插件和安裝包。過程很簡單
第一步
安裝插件、并加入項目
$ ionic plugin add cordova-sqlite-storage $ npm install --save @ionic-native/sqlite
第二步
把服務加入到src/app/app.moudle.ts
...
import { SQLite } from '@ionic-native/sqlite';
...
providers: [
...
SQLite
]
...
第三步
使用數據庫，常規來說，這一步應該封裝成公共服務或者工具類。類中是具體的創建數據庫，調用數據庫，CRUD等方法。這里只是說明原理，直接調用
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')",{});//插入數據
})
.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安裝到手機才能得到結果，畢竟是調用手機內置的SQLite。
ionic build android
用上面的命令構建APP并安裝到手機看看效果吧
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
