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

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