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主要代码




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

        <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;i0].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']]}

]

给个赏吧

如果我的文字解决了你的问题,请打个赏的,让我更有动力:)

你可能感兴趣的:(数据库,sqlite)