国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Ionic2調用本地SQlite實例

2024-05-06 15:18:11
字體:
來源:轉載
供稿:網友

普通的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并安裝到手機看看效果吧

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持錯新站長站。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 上高县| 江孜县| 靖远县| 交城县| 平阴县| 巴马| 永城市| 兴城市| 阿城市| 桐乡市| 任丘市| 太谷县| 轮台县| 赤城县| 西吉县| 博客| 河南省| 威海市| 威宁| 凌海市| 汝阳县| 东山县| 开江县| 襄垣县| 惠东县| 格尔木市| 抚州市| 阜新市| 泽库县| 扬州市| 师宗县| 和田县| 重庆市| 互助| 喀什市| 巴楚县| 勃利县| 天等县| 临沂市| 买车| 阜新|