JS操作sqlite数据库

创建时间：2015-08-26 投稿人：浏览次数：12999

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"]]}

]

声明：该文观点仅代表作者本人，牛骨文系教育信息发布平台，牛骨文仅提供信息存储空间服务。

热门文章: CTF writeup 2_南邮网络攻防训...; SSM框架——详细整合教程（...; Linux Shell脚本编程－－curl命...; HttpClient使用详解; Java面试题全集（上）; JAVA设计模式之单例模式; java.lang.OutOfMemoryError: PermGen ...; TCP协议中的三次握手和四次...; form表单的两种提交方式，su...; String,StringBuffer与StringBuilder...

最新文章: Java之品优购课程讲义_day20（7）; 剑指 Offer - 8：跳台阶; Netty权威指南_札记02_NIO编程; mysql时间属性之时间戳和datetime之...; 虚拟现实或许可以拯救古埃及的“...; spring cloud服务注册中心eureka---集群...; Java SE 第六章; HTTP请求+数据库; HIDL学习笔记之HIDL C++（第二天）; ubuntu系统下指定tomcat运行时为JDK1.8...