Ionic2调用本地SQlite实例
网络编程 2021-07-04 18:32www.168986.cn编程入门
这篇文章主要介绍了Ionic2调用本地SQlite实例,长沙网络推广觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随长沙网络推广过来看看吧
普通的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并安装到手机看看效果吧
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程