|
|
@@ -1,10 +1,11 @@
|
|
|
<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
+<html lang="zh-cn">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>sqlite数据库测试</title>
|
|
|
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
|
|
<script src="https://cdn.bootcss.com/sql.js/0.5.0/js/sql-optimized.js"></script>
|
|
|
+ <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
<style>
|
|
|
@@ -53,36 +54,53 @@
|
|
|
<div class="" style=" text-align:center;">
|
|
|
|
|
|
<h1>汉字手写</h1>
|
|
|
- <input type="text" id="key">
|
|
|
+ <input type="text" id="key" value="重庆大学">
|
|
|
<button onclick=query()>检索</button>
|
|
|
- <br>
|
|
|
- <img src="" alt="0000" id="img0" sizes="100">
|
|
|
- <img src="" alt="1111" id="img1" sizes="100">
|
|
|
- <img src="" alt="2222" id="img2" sizes="100">
|
|
|
- <img src="" alt="3333" id="img3" sizes="100">
|
|
|
+ <div id="screen">
|
|
|
+ <div id="row0"></div>
|
|
|
+ <div id="row1"></div>
|
|
|
+ <div id="row2"></div>
|
|
|
+ <div id="row3"></div>
|
|
|
+ <div id="row4"></div>
|
|
|
+ <div id="row5"></div>
|
|
|
+ <div id="row6"></div>
|
|
|
+ <div id="row7"></div>
|
|
|
+ <div id="row8"></div>
|
|
|
+ <div id="row9"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<script>
|
|
|
+
|
|
|
function query() {
|
|
|
var key = document.getElementById('key').value;
|
|
|
|
|
|
// alert(key);
|
|
|
-
|
|
|
+ for(let i=0;i<10;i++)
|
|
|
+ $('#row'+i).empty();
|
|
|
|
|
|
axios.get("chinese.db", {responseType: 'arraybuffer'})
|
|
|
.then(function (response) {
|
|
|
let db = new window.SQL.Database(new Uint8Array(response.data));
|
|
|
// 执行查询
|
|
|
for (let i=0;i<key.length;i++){
|
|
|
+
|
|
|
+
|
|
|
let sql="SELECT * FROM chinese WHERE font='"+key[i]+"'";
|
|
|
let r = db.exec(sql);
|
|
|
console.log(sql)
|
|
|
// 解析数据
|
|
|
let obj = dbToObj(r);
|
|
|
+ for(let j=0;j<obj.length;j++)
|
|
|
+ {
|
|
|
|
|
|
- document.getElementById('img'+i).src='../res/'+obj[0].font+"_"+obj[0].time+"_"+obj[0].author+'_'+obj[0].type+'.png';
|
|
|
+ $('#row'+j).append('<img width="100" height="100" src=../res/'+obj[j].font+"_"+obj[j].time+"_"+obj[j].author+'_'+obj[j].type+'.png>');
|
|
|
+ }
|
|
|
|
|
|
}
|
|
|
|
