大发体育娱乐在线-大发体育娱乐官方网站-大发体育娱乐登录网址
做最好的网站

调用本地SQlite,Ionic2调用本地SQlite实例

来源:http://www.dfwstonefabricators.com 作者:编程应用 人气:108 发布时间:2019-09-19
摘要:日常的app用ionic内置的Storage存款和储蓄键值对的艺术能够满意普通的选取,然而一时碰到有的意料之外的要求。比方说有个网络好友留言说做一个离线版的App,怎么样调用本地Sqlite实行

日常的app用ionic内置的Storage存款和储蓄键值对的艺术能够满意普通的选取,然而一时碰到有的意料之外的要求。比方说有个网络好友留言说做一个离线版的App,怎么样调用本地Sqlite实行SQL语句。难题呈报清楚直接上代码。必要验证的是SQLite是手提式有线电话机内置的数据库存款和储蓄格局,在Ionic第22中学必要安装相应的插件和安装包。进度很简短

Ionic2调用本地SQlite实例,ionic2sqlite实例

常备的app用ionic内置的Storage存储键值对的办法能够满意平常的接纳,不过一时蒙受有个别竟然的须求。比方说有个网络死党留言说做二个离线版的App,如何调用地方Sqlite实践SQL语句。难点陈说清楚直接上代码。

亟需表明的是SQLite是手提式有线电话机放到的数据仓库储存款和储蓄格局,在Ionic第22中学必要安装相应的插件和安装包。进度很轻巧

第一步

安装插件、并出席项目

$ 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用ionic内置的Storage存款和储蓄键值对的法子得以知足平日的运用,但是临时境遇有个别竟然的需要...

  • ###### 第一步

设置插件、并到场项目

$ 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', {})//建表 .then => console.log('Executed SQL')) .catch(e => console.log; this.database = db; db.executeSql("insert into t_log values",{});//插入数据 }) .catch(e => console.log; }//查询query() { let results = this.database.executeSql("select * from t_log",{}); alert(data.rows.length); alert(data.rows.item; }) }}
  • ###### 最终一步

这一步必须要生成app安装到手提式有线电话机本领收获结果,终归是调用手提式有线电话机放置的SQLite。ionic build android用地点的命令创设应用程式并安装到手机看看效果啊

本文由大发体育娱乐在线发布于编程应用,转载请注明出处:调用本地SQlite,Ionic2调用本地SQlite实例

关键词:

上一篇:没有了

下一篇:没有了

最火资讯