html5+js 读写sqlite增删改查

HTML5+JS读写SQLite增删改查
概述：
SQLite是一种轻量级的数据库引擎，被广泛应用于移动端和嵌入式设备中。

在Web开发中，我们常常需要使用SQLite进行数据的存储和读取操作。

本文将介绍如何使用HTML5和JS来进行SQLite的读写操作，包括增删改查等功能。

一、什么是SQLite
SQLite是一个嵌入式的关系型数据库引擎，它不需要独立的服务器进程，可以直接访问存储在普通磁盘文件中的数据库。

SQLite的设计目标是尽量简单，尽量小，且尽量高效。

SQLite非常适合用作移动端和嵌入式设备中的数据库引擎。

二、HTML5中的Web SQL
在HTML5中，引入了一种虚拟数据库技术，即Web SQL。

Web SQL基于SQLite，可以在浏览器中实现对数据库的操作。

Web SQL 提供了一种利用SQL语言进行数据库操作的接口，使得我们可以在浏览器中进行复杂的数据库操作。

三、使用HTML5+JS进行SQLite操作
1. 创建数据库
在使用HTML5+JS进行SQLite操作之前，我们首先需要创建一个数
据库。

这可以通过以下代码实现：
```javascript
var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024); ```
上述代码中，openDatabase()函数用于在浏览器中创建一个数据库。

该函数接受四个参数，分别是数据库的名称、版本号、描述和大小。

2. 创建表
创建数据库之后，我们需要创建表格来存储数据。

下面是一个创建表的示例代码：
```javascript
db.transaction(function (tx) {
tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
});
```
上述代码中，我们使用了transaction()函数来执行一个数据库事务。

在事务中，我们使用executeSql()函数来执行SQL语句，从而创建一个名为LOGS的表格。

3. 插入数据
```javascript
db.transaction(function (tx) {
tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "foobar")');
});
```
上述代码使用executeSql()函数来向LOGS表中插入一条数据。

4. 查询数据
```javascript
db.transaction(function (tx) {
tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) { var len = results.rows.length, i;
for (i = 0; i < len; i++){
console.log(results.rows.item(i).log );
}
}, null);
});
```
上面的代码中，我们使用executeSql()函数来执行一条查询语句，然后使用results.rows.item()函数来获取查询结果并进行遍历展示。

5. 更新数据
```javascript
db.transaction(function (tx) {
tx.executeSql('UPDATE LOGS SET log = "新的值" WHERE
id=1');
});
```
上述代码使用executeSql()函数来执行一条更新语句，即将id为1的记录的log字段更新为新的值。

6. 删除数据
```javascript
db.transaction(function (tx) {
tx.executeSql('DELETE FROM LOGS WHERE id=1');
});
```
上述代码使用executeSql()函数来执行一条删除语句，即删除id为1的记录。

结论：
通过本文的介绍，我们了解了如何使用HTML5和JS来进行SQLite 的读写操作，包括创建数据库、创建表格、插入数据、查询数据、更新数据和删除数据等操作。

SQLite作为一种轻量级的数据库引擎，可以在Web开发中起到非常重要的作用，希望本文能对读者有所帮助。