开发一个浏览器打开sqlite文件，并且能执行sql语句显示数据的html
最近想要打开本地开发的sqlite数据库，但是要下载软件安装后才能打开，于是我想可不可以通过html5来打开sqlite数据库进行sql操作呢，于是我研究了一番，编写了一个简单的浏览器端运行的sqlite打开器，下面代码可以直接运行
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script id="bfwone" data="dep=jquery.17" type="text/Javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/Javascript">
var db;
bready(function() {
use(["sql"], function() {
var dbFileElm = document.getElementById('dbFileEle');
document.getElementById('exec').onclick= function() {
var sql = document.getElementById('sqlexc').value;
console.log(db)
console.log(sql)
var result = db.exec(sql);
console.log(result);
use(["Table"], function() {
Table().init({
id: 'table',
header: result[0].columns,
data: result[0].values
});
});
};
dbFileElm.onchange= function() {
if (dbFileElm.files[0] != null) {
var f = dbFileElm.files[0];
var r = new FileReader();
r.onload= function() {
var Uints = new Uint8Array(r.result);
db = new SQL.Database(Uints);
console.log(db)
}
r.readAsArrayBuffer(f);
}
}
});
});
</script>
<style>
table {
border: 1px solid #555555;
margin: 1px;
border-collapse: collapse;
}
table td,table th {
border: 1px solid #555555;
}
textarea {
width: 800px;
height: 300px;
padding: 20px;
outline: none
}
</style>
</head>
<body>
<input type="file" id="dbFileEle" />请先选择sqlite文件
<input type="text" id="sqlexc" style="width:300px;" value="SELECT * FROM service" /><input type="button" id="exec" value="执行sql" />
<pre id='result'></pre>
<pre id='error'></pre>
<div id="table"></div>
</body>
</html>
{{collectdata}}
网友评论0