cordova_sqlite_storage的使用

Cordova SQLite 存储实战指南
本文详细介绍了如何在Cordova项目中使用cordova_sqlite_storage进行数据库操作,包括集成方法、数据库创建、表创建、数据的插入、删除、修改和查询,以及数据库关闭的最佳实践。

sql

使用教程

集成方法

cordova 项目目录下运行

cordova plugin add cordova-sqlite-storage --save
添加平台支持
  • cordova platform add ios
  • cordova platform add android
添加cordova依赖

在index.html下添加cordova相关组件,如果是通过cordova init <projectName>命令创建的,则不需要添加cordova依赖

<!-- Cordova 相关组件 -->
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="cordova_plugins.js"></script>
数据库操作

数据操作需要先打开数据才能对数据进行操作,建议在应用打开的时候就连接数据库
通过window.openDatabase对象来调用api

数据库创建

数据库的创建需要在cordova 的 deviceready 回调函数后创建or打开数据库
因为如果在deviceready监听之前,cordova的组件无法全部挂载

this.db = window.sqlitePlugin.openDatabase({
    name: 'my.db',
    location: 'default',
    androidDatabaseImplementation: 2
    },
    //回调函数,可传
    function callBack(db) {
    db.transaction(function (tx) {
        alert("创建数据库成功")
        // ...
    }, function (err) {
        console.log('Open database ERROR: ' + JSON.stringify(err));
    });
});

数据库的创建位置
这里写图片描述

表创建
db.transaction(function (tx) {
    // ...
    tx.executeSql('CREATE TABLE customerAccounts (firstname, lastname, acctNo)');
}, function (error) {
    console.log('transaction error: ' + error.message);
}, function () {
    console.log('transaction ok');
});
插入数据
function addItem(first, last, acctNum) {

    db.transaction(function (tx) {

        var query = "INSERT INTO customerAccounts (firstname, lastname, acctNo) VALUES (?,?,?)";

        tx.executeSql(query, [first, last, acctNum], function (tx, res) {
                console.log("insertId: " + res.insertId + " -- probably 1");
                console.log("rowsAffected: " + res.rowsAffected + " -- should be 1");
            },
            function (tx, error) {
                console.log('INSERT error: ' + error.message);
            });
    }, function (error) {
        console.log('transaction error: ' + error.message);
    }, function () {
        console.log('transaction ok');
    });
}

调用方法插入数据

function inserDataToTable() {
    addItem("Fred", "Smith", 100);
    addItem("Bob", "Yerunkle", 101);
    addItem("Joe", "Auzomme", 102);
    addItem("Pete", "Smith", 103);
}

结果展示
这里写图片描述

删除数据
db.transaction(function (tx) {

    var query = "DELETE FROM customerAccounts WHERE acctNo = ?";

    tx.executeSql(query, [100], function (tx, res) {
            console.log("removeId: " + res.insertId);
            console.log("rowsAffected: " + res.rowsAffected);
        },
        function (tx, error) {
            console.log('DELETE error: ' + error.message);
        });
}, function (error) {
    console.log('transaction error: ' + error.message);
}, function () {
    console.log('transaction ok');
});

结果展示
这里写图片描述

修改数据
db.transaction(function (tx) {

    var query = "UPDATE customerAccounts SET firstname = ? WHERE acctNo = ?";

    tx.executeSql(query, ['我是替换的名字', 101], function (tx, res) {
            console.log("insertId: " + res.insertId);
            console.log("rowsAffected: " + res.rowsAffected);
        },
        function (tx, error) {
            console.log('UPDATE error: ' + error.message);
        });
}, function (error) {
    console.log('transaction error: ' + error.message);
}, function () {
    console.log('transaction ok');
});

执行结果
这里写图片描述

查数据
db.transaction(function (tx) {

        var query = "SELECT firstname, lastname, acctNo FROM customerAccounts WHERE acctNo > 100";

        tx.executeSql(query, [], function (tx, resultSet) {

                for (var x = 0; x < resultSet.rows.length; x++) {
                    console.log("First name: " + resultSet.rows.item(x).firstname +
                        ", Acct: " + resultSet.rows.item(x).acctNo);
                }
            },
            function (tx, error) {
                console.log('SELECT error: ' + error.message);
            });
    }, function (error) {
        console.log('transaction error: ' + error.message);
    }, function () {
        console.log('transaction ok');
    });

查询结果
这里写图片描述

关闭数据库

建议在每次执行数据库语句的时候,最后加上关闭数据库连接,防止因数据库连接导致的内存上升

db.close(successcb, errorcb);
评论 6
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值