SQL.js - 在浏览器中运行 SQLite

SQL.js 是一个库，它允许在浏览器中使用 SQLite 而无需后端服务器。以下是一个简单的例子，展示如何使用 SQL.js 在浏览器中创建一个 SQLite 数据库并运行一个查询。

首先，确保在您的 HTML 文件中包含了 SQL.js 的脚本：

<script type="text/javascript" src="sql-wasm.js"></script>
<script type="text/javascript" src="sql-wasm-memory-growth.js"></script>
<script type="text/javascript" src="sql.js"></script>

然后，您可以使用以下 JavaScript 代码来创建一个新的 SQLite 数据库，创建一个表，并插入一些数据：

// 创建一个新的 SQLite 数据库实例
const db = new SQL.Database();
 
// 创建一个表
db.run("CREATE TABLE test (col1, col2);");
 
// 插入一些数据
db.run("INSERT INTO test (col1, col2) VALUES (?, ?), (?, ?);", "test1", "test2", 123, 456);
 
// 查询数据
const res = db.exec("SELECT * FROM test WHERE col1 = 'test1';");
 
// 输出查询结果
console.log(res[0].values); // 输出: [['test1', 'test2']]
 
// 关闭数据库
db.close();

这个例子展示了如何在浏览器中使用 SQL.js 执行基本的 SQLite 操作。请注意，SQL.js 依赖于 WebAssembly，因此需要现代浏览器的支持。