JS操作sqlite数据库

最新推荐文章于 2024-04-25 15:22:29 发布

洗洗睡去

最新推荐文章于 2024-04-25 15:22:29 发布

阅读量3.8w

点赞数 15

分类专栏：数据库 sqlite 文章标签：数据库 javascript sqlite

本文链接：https://blog.csdn.net/sunnyloves/article/details/48002839

版权

数据库同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

sqlite

2 篇文章 0 订阅

订阅专栏

##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

3.准备一个sqlite的数据库文件,参考1 ,2

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)]

洗洗睡去

关注

15
点赞
踩
49

收藏

觉得还不错? 一键收藏
9
评论
JS操作sqlite数据库

JS操作SQLite数据库0.问题的由来一直非常讨厌MySql等等体积庞大的数据库，在项目里都是尽可能用SQLite数据库一个本地项目同时需要内网上能够简单的访问部分信息，因此涉及到JavaScript访问SQLite的问题
复制链接

扫一扫