dchen4/data-analyse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change to oop

Browse Source
This commit is contained in:
Yurun Chen
2024-12-02 14:14:32 +11:00
parent 8fe2e9236c
commit 32fd2b341e
3 changed files with 65 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
index.html
View File

@@ -8,14 +8,29 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body>
<script src="https://12sen.dchen4.au/sqlite-js/sqlite3.js"></script>
<script>
window.sqlite3InitModule().then((_sqlite3)=>{
sqlite3 = _sqlite3;
console.warn("Installing sqlite3 module globally", sqlite3);
globalThis.sqlite3 = sqlite3;
const db = new sqlite3.oo1.DB();
db.exec([
"create table locations (id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, subdiv VARCHAR(255) NOT NULL);",
"INSERT INTO LOCATIONS (subdiv) VALUES('thususnutluf');"
]);
init(db);
}).catch(e=>{
console.error("sqlite init failed:",e);
});</script>
<!-- bootstrap-->
<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
<!-- vue stuff-->
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<!-- SQL -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sql.js/1.2.1/dist/sql-wasm.js"></script>
<!--nav-->
<nav class="navbar navbar-expand-lg navbar-light bg-warning">
@@ -48,9 +63,8 @@
<!-- page columns -->
<div class="container text-center " id="body">
<div class="row">
<!-- now to vue-->
<div class="col-2 border border-primary text-left" id="filters">
<div class="row"> <!-- now to vue-->
<div class="col-2 border border-primary text-left" id="filters" >
<ul class="">
<li class="list-group-item text-left" v-for="item in filters">
<span v-html="item.html"></span>
@@ -61,7 +75,8 @@
</div>
</div>
</div>
<!-- my stuff-->
<script src="index.js"></script>
<!-- my stuff-->
<script src="index.js"></script>
</body>
</html>