javascript操作sqlite数据库
js读写sqlite
JavaScript 是一种在浏览器中运行的脚本语言，无法直接读写 SQLite 数据库。不过，你可以使用一些 JavaScript 库或框架来操作 SQLite 数据库，例如 SQLite.js 和 sql.js。
SQLite.js 是一个使用 JavaScript 实现的 SQLite 数据库，可以在浏览器环境中使用。它可以让你在浏览器中创建、打开、查询和修改 SQLite 数据库。使用 SQLite.js，你可以将 SQLite 数据库文件上传到服务器，然后使用 JavaScript 代码在浏览器中操作该文件。
sql.js 也是一个使用 JavaScript 实现的 SQLite 数据库，但与 SQLite.js 不同，它是完全在客户端中运行的。它使用 Emscripten 将 C/C++ 代码编译成 JavaScript 代码，从而实现了在浏览器中运行 SQLite 数据库的功能。使用 sql.js，你可以直接将 SQLite 数据库文件打包到你的网站中，并使用 JavaScript 代码在浏览器中操作该文件。
总的来说，如果你需要在浏览器中操作 SQLite 数据库，可以考虑使用 SQLite.js 或 sql.js。这两个库都提供了方便易用的 API，可以让你轻松地在浏览器中读写 SQLite 数据库。
出处：https://juejin.cn/s/js%E8%AF%BB%E5%86%99sqlite
======================================================================================
js -- 操作sqlite数据库
最近看到一个使用js来操作sqlite数据库的，测试了一下，具体使用的是
js操作类： https://github.com/kripken/sql.js/ （sqlite js 驱动）
异步请求：http://npm.taobao.org/package/axios（异步请求插件，只有12.6k）
这里使用的js驱动是和服务器端使用方法一致，sql标准语法都支持，可以用第三方管理工具来管理数据文件
目前我使用的是
Navicat Premium 12。
下面是测试的源代码：
1. 数据库sql
自己运行生成test.db，和html页面放在同一目录下：
PRAGMA foreign_keys = false;
-- ----------------------------
-- Table structure for sys_user
-- ----------------------------
DROP TABLE IF EXISTS "sys_user";
CREATE TABLE "sys_user" (
"id" bigint(11) NOT NULL,
"role_id" bigint(11) NOT NULL,
"user_name" varchar(255) NOT NULL,
"user_pass" varchar(64) NOT NULL,
"nick_name" varchar(255) NOT NULL,
"register_time" datetime NOT NULL,
"status" int(11) NOT NULL DEFAULT 1,
"sort" decimal(16,2) NOT NULL DEFAULT 0.00,
PRIMARY KEY ("id")
)
WITHOUT ROWID;
-- ----------------------------
-- Records of sys_user
-- ----------------------------
INSERT INTO "sys_user" VALUES (1, 1, 'lxw', 123456, '李兴武', '2019-01-07 11:22:30', 0, 1);
INSERT INTO "sys_user" VALUES (2, 1, 'lwq', 123456, '浏览器', '2019-01-08 11:11:11', 0, 2);
INSERT INTO "sys_user" VALUES (3, 1, 'tjun', 123123, '田俊', '2018-01-01 12:22:35', 1, 3);
INSERT INTO "sys_user" VALUES (4, 1, 'tttt', 123456, '通天塔', '', 1, 4);
-- ----------------------------
-- Indexes structure for table sys_user
-- ----------------------------
CREATE UNIQUE INDEX "pk"
ON "sys_user" (
"id" COLLATE BINARY ASC
);
PRAGMA foreign_keys = true;
2. html（可直接复制下来运行）
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>sqlite数据库测试</title>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.bootcss.com/sql.js/0.5.0/js/sql-optimized.js"></script>
</head>
<body>
<p>sqlite数据库测试，使用js操作sqlite数据库</p>
<p>这里使用axios读取test.db文件，进行初始化数据库连接，</p>
<p>查询速度不快，除非不想写后台要直接操作数据库，不然没什么用。</p>
<p>具体效果可查看代码和控制台打印的数据。</p>
<script>
// 读取数据库数据
axios.get("test.db", {responseType: 'arraybuffer'})
.then(function (response) {
let db = new window.SQL.Database(new Uint8Array(response.data));
// 执行查询
let s = new Date().getTime();
let r = db.exec("SELECT * FROM sys_user WHERE status = 1;");
let e = new Date().getTime();
console.info("查询数据耗时：" + (e - s) + "ms");
// 解析数据
let obj = dbToObj(r);
console.info(obj);
})
.catch(function (error) {
console.info(error);
});
// 方法传入两个数组，第一个数组为key，第二个数组对应位置为value，此方法在Python中为zip()函数。
const ArraytoObj = (keys = [], values = []) => {
if (keys.length === 0 || values.length === 0) return {};
const len = keys.length > values.length ? values.length : keys.length;
const obj = {};
for (let i = 0; i < len; ++i) {
obj[keys[i]] = values[i]
}
return obj;
};
// 转驼峰表示：func.camel('USER_ROLE',true) => UserRole
// 转驼峰表示：func.camel('USER_ROLE',false) => userRole
const camel = (str, firstUpper = false) => {
let ret = str.toLowerCase();
ret = ret.replace(/_([\w+])/g, function (all, letter) {
return letter.toUpperCase();
});
if (firstUpper) {
ret = ret.replace(/\b(\w)(\w*)/g, function ($0, $1, $2) {
return $1.toUpperCase() + $2;
});
}
return ret;
};
// 把数组里面的所有转化为驼峰命名
const camelArr = (arrs = []) => {
let _arrs = [];
arrs.map(function (item) {
_arrs.push(camel(item));
});
return _arrs;
};
// 读取数据库
// 1.把columns转化为驼峰；
// 2.把columns和values进行组合；
const dbToObj = (_data = {}) => {
let _res = [];
_data.map(function (item) {
let _columns = camelArr(item.columns);
item.values.map(function (values) {
_res.push(ArraytoObj(_columns, values));
});
});
return _res;
};
</script>
</body>
</html>
出处：https://www.cnblogs.com/lixingwu/p/10236640.html
=======================================================================================
从JavaScript访问SQLite3数据库
比较好的解决方案为使用sql.js
For the impatients, try the demo here: http://kripken.github.io/sql.js/GUI/
sql.js is a port of SQLite to JavaScript, by compiling the SQLite C code with Emscripten. It uses a virtual database file stored in memory, and thus does’nt persist the changes made to the database. However, it allows you to import any existing sqlite file, and to export the created database as a javascript typed array.
There is no C bindings or node-gyp compilation here, sql.js is a simple javascript file, that can be used like any traditional javascript library. If you are building a native application in javascript (using Electron for instance), or are working in node.js, you will likely prefer to use a native binding of SQLite to javascript.
SQLite is public domain, sql.js is MIT licensed.
以下是待验证的使用：
var db = SQL.open();
var data = db.exec(command);
详细使用方案见用JavaScript操作SQLite文件
还有一篇文章也不错
其中详细说明了怎么连接自己的数据库。
过去一段时间因为要弄一个有趣的CS架构程序，需要找一个文件型数据库，最后决定用sqlite3数据库。但是js连接sqlite3 数据库伤透了脑筋。使用nodejs连接sqlite数据库但是node的ABI与node-webkit的ABI对不上号，就快在崩溃的边缘时找到了一个比较好的连接sqlite3数据库的工具sql.js。从此变得一发不可收拾。
sql.js下载地址：https://github.com/kripken/sql.js
下面是使用sql.js写的一个demo：
需在页面上导入sql.js
function test()
{
var fs = require("fs");
//Create the database
var db = new SQL.Database();
// NOTE: You can also use new sql.Database(data) where
// data is an Uint8Array representing an SQLite database file
// Execute some sql
sqlstr = "CREATE TABLE hello (a int, b char);";
sqlstr += "INSERT INTO hello VALUES (0, 'hello');"
sqlstr += "INSERT INTO hello VALUES (1, 'world');"
db.run(sqlstr); // Run the query without returning anything
var res = db.exec("SELECT * FROM hello");
// Prepare an sql statement
var stmt = db.prepare("SELECT * FROM hello WHERE a=:aval AND b=:bval");
// Bind values to the parameters and fetch the results of the query
var result = stmt.getAsObject({':aval' : 1, ':bval' : 'world'});
alert(result); // Will print {a:1, b:'world'}
// Bind other values
stmt.bind([0, 'hello']);
while (stmt.step()) alert(stmt.get()); // Will print [0, 'hello']
// free the memory used by the statement
stmt.free();
// You can not use your statement anymore once it has been freed.
// But not freeing your statements causes memory leaks. You don't want that.
// Export the database to an Uint8Array containing the SQLite database file
var binaryArray = db.export();
var buffer = new Buffer(binaryArray);
fs.writeFileSync("filename.sqlite", buffer);
}
也可以使用自己新建的sqlite数据库文件
导入方式：
var fs =require('fs');
var filebuffer=fs.readFileSync('test.sqlite');// Load the db
var db= new SQL.Database(filebuffer);
// Exportthe database to an Uint8Array containing the SQLite databasefile
varbinaryArray = db.export();
var buffer =new Buffer(binaryArray);
fs.writeFileSync("test.sqlite", buffer);
出处：https://www.jianshu.com/p/364740cf6b75
======================================================================================
JS操作sqlite数据库
##JS操作SQLite数据库
###0.问题的由来
-
一直非常讨厌MySql等等体积庞大的数据库，在项目里都是尽可能用SQLite数据库
-
一个本地项目同时需要内网上能够简单的访问部分信息，因此涉及到JavaScript访问SQLite的问题
###1.问题的解决
####1.1sql.js库
有伟大的github在，当然不用自己写数据库访问库了。sql.js库是一个用Emscripten（别问我这是什么，我也不知道）从c++转译过来的访问sqlite3数据库的JS库，支持到最新的3.8.7.4版本的sqlite3.该库使用的时候只需引用单一的文件便可实现功能，完全脱离sqlite。
####1.2开发环境
1.EverEdit(推荐一下这个国产编辑器) 64bit
2.html+JavaScript+css+sql.js
4.SQLiteSpy 软件
####1.3主要代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="sql.js"></script>
</head>
<body>
<button name="test" type="button" value="val" onclick="save()">Button Text</button>
<input id="uploadInput" type="file" onchange="getfile()">
</body>
<script>
function save() {
//Create the database
var db = new window.SQL.Database();
db.run("CREATE TABLE test (列1 int, 列2 char);");
db.run("INSERT INTO test VALUES (0,'hello');");
db.run("INSERT INTO test VALUES (1,'world');");
db.run("INSERT INTO test VALUES (55,'34534545');");
db.run("INSERT INTO test VALUES (166,'woteggrgrld');");
//save to local file
var data = db.export();
var arraybuff = data.buffer;
var blob = new Blob([arraybuff]);
var url = window.URL.createObjectURL(blob);
var a = document.createElement("a");
a.href = url;
a.download = 'test.db';
a.click();
window.URL.revokeObjectURL(url);
}
function getfile() {
var files = document.getElementById("uploadInput").files;//document.getElementById("uploadInput").value;
var file = files[0];
var fr = new FileReader();
fr.onload = function(){
var Uints = new Uint8Array(fr.result);
var db = new window.SQL.Database(Uints);
var res = db.exec("SELECT 列2 FROM test");
for(i=0;i<res[0].values.length;i++)
{//query values
console.log(res[0].values[i]+' ');
}
}
fr.readAsArrayBuffer(file);
}
</script>
</html>####1.4几点说明
1.15-20行对数据库的操作是在内存中进行的，保存到本地的话需要执行21行后的代码。
2.上面代码保存到本地不会覆盖原数据库。
3.查询的时候res是一个保存了多行对象的数组。在代码文档里写到
We have the following table, named test :
id age name
1 1 Ling
2 18 Paul
3 3 Markus
We query it like that:
var db = new SQL.Database();
var res = db.exec("SELECT id FROM test; SELECT age,name FROM test;");res is now :
[
{columns: ['id'], values:[[1],[2],[3]]},{columns: ['age','name'], values:[[1,'Ling'],[18,'Paul'],[3,'Markus']]}]
给个赏吧
如果我的文字解决了你的问题，请打个赏的，让我更有动力:)
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-t9uAcIwK-1605511739012)(http://oza71xi0c.bkt.clouddn.com/18-9-3/34854473.jpg)]
出处：https://blog.csdn.net/sunnyloves/article/details/48002839
======================================================================================
javascript读写本地sqlite数据库
sqlite这种单文件数据库，类型简单功能强大效率也不错，非常适合单机软件开发。
把一个我以前写的JavaScript sqlite数据库操作类分享给大家，还是先上代码，注释写的很清楚啦，支持增删改查，支持链式查询，使用的时候不用new。
|
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 |
/*sqlite数据库操作类 by sdxjwkq01*/
this.Db={ tableName:"",//表 whereReg:"",//where条件 orderReg:"",//排序条件 pageReg:"",//分页 dbUrl:"DRIVER=SQLite3 ODBC Driver;Database=Db/database.db",//数据库地址 //取得表 table:function(tableName){ this.tableName=tableName; return this; }, //取得where where:function(whereReg){ this.whereReg=whereReg; return this; }, //排序 order:function(orderReg){ this.orderReg=orderReg; return this; }, //分页 page:function(pageReg){ this.pageReg=pageReg; return this; }, //添加 add:function(json){ var sql="insert into "+this.tableName+"("; var fields=[]; var values=[]; for(var item in json){ fields.push(item); values.push("'"+json[item]+"'"); } sql+=fields.join(","); sql+=") values("+values.join(",")+")"; var con = new ActiveXObject("ADODB.Connection"); con.ConnectionString =this.dbUrl; con.Open(); con.Execute(sql); con.Close(); }, //删除 del:function(id){ var con = new ActiveXObject("ADODB.Connection"); con.ConnectionString = this.dbUrl; con.Open(); if(typeof id=="object"){ con.Execute("delete from "+this.tableName+" where id in ("+id.join(",")+")"); }else{ con.Execute("delete from "+this.tableName+" where id="+id); } con.Close(); }, //修改 upd:function(json){ var sql="update "+this.tableName+" set "; var data=[]; for(var item in json){ data.push(item+"="+json[item]); } sql+=data.join(","); if(this.whereReg.length>0){ sql+=" where "+this.whereReg; } var con = new ActiveXObject("ADODB.Connection"); con.ConnectionString =this.dbUrl; con.Open(); var re=con.Execute(sql); con.Close(); }, //查询 sel:function(){ var con = new ActiveXObject("ADODB.Connection"); con.ConnectionString =this.dbUrl; con.Open(); var sql=""; sql+="select * from "+this.tableName; if(this.whereReg.length>0){ sql+=" where "+this.whereReg; } if(this.orderReg.length>0){ sql+=" order by "+this.orderReg; } if(this.pageReg.length>0){ var limit=this.pageReg.split(","); sql+=" limit "+limit[0]+" offset "+limit[1]; } var result=con.Execute(sql); var resultArray=[]; var h=0; while(!result.eof){ if(h==0){ //试探指针位置 for(i=0;;i++){ try{ eval("var temp=result("+i+")"); }catch(e){ var fieldLength=i; break; } } h++; } var temp=[]; for(i=0;i<fieldLength;i++){ eval("temp.push(''+result("+i+"))"); } resultArray.push(temp); result.movenext(); } con.Close(); return resultArray; }, //直接执行 execute:function(sql){ var con = new ActiveXObject("ADODB.Connection"); con.ConnectionString =this.dbUrl; con.Open(); var result=con.Execute(sql); var resultArray=[]; var h=0; while(!result.eof){ if(h==0){ //试探指针位置 for(i=0;;i++){ try{ eval("var temp=result("+i+")"); }catch(e){ var fieldLength=i; break; } } h++; } var temp=[]; for(i=0;i<fieldLength;i++){ eval("temp.push(''+result("+i+"))"); } resultArray.push(temp); result.movenext(); } con.Close(); return resultArray; } } |
例如下面是更新一条数据
也可以像下图这样直接运行sql语句
运行这个sqlite操作类，电脑需要安装SQLite ODBC 驱动，非精简版系统一般都有安装，这个步骤可以忽略。
出处：https://www.codenong.com/cs105185005/
======================================================================================
使用Javascript直接读取Sqlite3的最佳方法？
对于我们的一个Insights平台,我们计划在后台生成摘要SQLite3数据库,并将其作为图表在浏览器上呈现.目前,我们打算服务于服务于数据需求的服务器端端点.
我们希望通过完全消除服务器端端点来进一步优化这一点.我们很好(从安全角度来看)直接在S3上公开SQLite3并读取javascript模块并生成图表.
SQLite3文件预计相当小 - 可能是4-6列,也许是10-500行数据,并且所有这些文件只包含一个表.测试运行表明文件大小小于15KB.我们不打算在浏览器上编写或操作SQLite3.我们不需要将它作为WebSQL或IndexedDB表单在浏览器上缓存,但如果需要,我们可以使用它们.
从我的网络搜索中,我们无法找到可以读取SQLite3文件并查询结果的Javascript库.如果您知道任何可以执行此操作的JavaScript库,请告诉我们.
另一方面,如果你认为我们不应该出于任何原因这样做,那么请把它们作为评论/答案抛出,因为这是我们第一次尝试的东西,似乎有点不合适-box,欢迎反馈!
-----------------------------------------------------------------------
lov*_*soa 19
有一个调用的javascript库sql.js可以完全按照你的意愿行事.在你的情况下,你会这样使用它
var xhr = new XMLHttpRequest();
xhr.open('GET', '/path/to/database.sqlite', true);
xhr.responseType = 'arraybuffer';
xhr.onload = function(e) {
var uInt8Array = new Uint8Array(this.response);
var db = new SQL.Databse(uInt8Array);
var contents = db.exec("SELECT * FROM my_table");
// contents is now [{columns:['col1','col2',...], values:[[first row], [second row], ...]}]
};
xhr.send();
请参阅http://lovasoa.github.io/sql.js/documentation上的文档
-----------------------------------------------------------------------
+10。这就是解决方案。lovasoa 的提交已合并到原始 sql.js 中，请在 https://github.com/kripken/sql.js 获取。上面的例子只需要通过一种方式修改：在顶部添加`var SQL = window.SQL;`（当然是在包含sql.js文件并更改`my_table`之后）。效果很好（我用的是 Chrome）。 (4认同)
出处：https://qa.1r1g.com/sf/ask/1033529521/
======================================================================================
个人使用
如果，您希望更容易地发现我的新博客，不妨点击一下绿色通道的【关注我】。(●'◡'●)
因为，我的写作热情也离不开您的肯定与支持，感谢您的阅读，我是【Jack_孟】！
本文来自博客园，作者：jack_Meng，转载请注明原文链接：https://www.cnblogs.com/mq0036/p/17263819.html
【免责声明】本文来自源于网络，如涉及版权或侵权问题，请及时联系我们，我们将第一时间删除或更改！
posted on 2023-03-28 09:16 jack_Meng 阅读(4810) 评论(0) 编辑 收藏 举报
