JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Ionic2调用本地SQlite实例大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

普通的app用ionic内置的Storage存储键值对的方式可以满足日常的使用,但是有时候遇到一些奇怪的需求。比如说有个网友留言说做一个离线版的App,怎样调用本地sqlite执行sql语句。问题描述清楚直接上代码。

需要说明的是sqlite是手机内置的数据库存储方式,在Ionic2中需要安装相应的插件和安装包。过程很简单

第一步

安装插件、并加入项目

sqlite-storage $ npm install --save @ionic-native/sqlite

第二步

把服务加入到src/app/app.moudle.ts

{ sqlite } from '@ionic-native/sqlite'; ... providers: [ ... sqlite ] ...

第三步

使用数据库,常规来说,这一步应该封装成公共服务或者工具类。类中是具体的创建数据库,调用数据库,CRUD等方法。这里只是说明原理,直接调用

{ 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并安装到手机看看效果吧

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持菜鸟教程。

大佬总结

以上是大佬教程为你收集整理的Ionic2调用本地SQlite实例全部内容,希望文章能够帮你解决Ionic2调用本地SQlite实例所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。