SQLite数据库浏览器sqlite-web

在这里插入图片描述

什么是 sqlite-web ?

sqlite-web是一个用 Python 编写的基于 WebSQLite 数据库浏览器。

软件特点:

  • 可与您现有的 SQLite 数据库配合使用,也可用于创建新数据库。
  • 添加或删除:
    • 表格
    • 列(支持旧版本的 SQLite
    • 索引
  • 将数据导出为 JSONCSV
  • 导入 JSONCSV 文件。
  • 浏览表数据。
  • 插入、更新或删除行。

安装

在群晖上以 Docker 方式安装。

因为要挂载 SQLite 的数据库文件,所以用 docker cli 运行可能更适合。当容器停止时,容器会被自动删除,这是图形化安装做不到的。

在注册表中搜索 sqlite-web ,选择第一个 coleifer/sqlite-web,只有一个 latest 版本,所以双击直接下载。

在这里插入图片描述

docker 文件夹中,创建一个新文件夹 sqlite-web,并在其中建一个子文件夹 data

文件夹装载路径说明
docker/sqlite-web/data/data存放数据库文件

在这里插入图片描述

端口

本地端口不冲突就行,不确定的话可以用命令查一下

# 查看端口占用
netstat -tunlp | grep 端口号
本地端口容器端口
34408080

在这里插入图片描述

环境

可变
SQLITE_DATABASE需要挂载的 SQLite 数据库文件名

老苏用来测试的是 homebox 的数据库,数据库文件需要放入到 data 目录

在这里插入图片描述

所以环境变量设置如下

在这里插入图片描述

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

# 新建文件夹 sqlite-web 和子目录
mkdir -p /volume1/docker/sqlite-web/data

# 进入 sqlite-web 目录
cd /volume1/docker/sqlite-web

# 将 homebox.db 放入 data 目录

# 运行容器
docker run -it --rm  \
   --restart unless-stopped \
   --name sqlite-web \
   -p 3440:8080 \
   -v $(pwd)/data:/data \
   -e SQLITE_DATABASE=homebox.db \
   coleifer/sqlite-web

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

version: '3'

services:
  sqlite-web:
    image: coleifer/sqlite-web
    container_name: sqlite-web
    restart: unless-stopped
    ports:
      - 3440:8080
    volumes:
      - ./data:/data
    environment:
      - SQLITE_DATABASE=homebox.db

然后执行下面的命令

# 新建文件夹 sqlite-web 和子目录
mkdir -p /volume1/docker/sqlite-web/data

# 进入 sqlite-web 目录
cd /volume1/docker/sqlite-web

# 将 docker-compose.yml 放入当前目录
# 将 homebox.db 放入 data 目录

# 一键启动
docker-compose up -d

【注意事项】:只有当使用docker-compose down 命令停止服务时会自动删除容器,而不会在使用docker-compose stop命令停止服务时立即删除容器。

在这里插入图片描述

运行

在浏览器中输入 http://群晖IP:3440 就能看到主界面,显示了有关数据库的一些基本信息,包括表和索引的数量以及其在磁盘上的大小

在这里插入图片描述

Structure 选项卡显示有关表结构的信息,包括列、索引、触发器和外键(如果存在)。在此页面中,您还可以创建、重命名或删除列和索引。

在这里插入图片描述

Content 选项卡显示所有表数据。表头中的链接可用于对数据进行排序

在这里插入图片描述

Query 选项卡允许您对表执行任意 SQL 查询。查询结果显示在表格中,并可以导出为 JSONCSV

在这里插入图片描述

Import选项卡支持将 CSVJSON 文件导入表中。有一个选项可以自动为导入文件中任何无法识别的键创建列

在这里插入图片描述

参考文档

coleifer/sqlite-web: Web-based SQLite database browser written in Python
地址:https://github.com/coleifer/sqlite-web

  • 20
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: 要在HTML中连接到具体位置的SQLite数据库,需要使用一种服务器端的编程语言(如PHP、Python等)来实现。以下是一个使用PHP连接SQLite数据库的示例: 首先,确保您的计算机已经安装了PHP和SQLite,并且SQLite数据库已经创建。 然后,创建一个名为index.php的HTML文件,并在文件中添加以下代码: ```php <!DOCTYPE html> <html> <head> <title>连接SQLite数据库</title> </head> <body> <?php // 设置SQLite数据库文件的路径 $db_file = "path_to_your_sqlite_db_file.db"; // 连接到SQLite数据库 $db = new SQLite3($db_file); // 执行SQL查询并获取结果 $query = "SELECT * FROM your_table"; $result = $db->query($query); // 处理查询结果 while ($row = $result->fetchArray()) { echo $row['column1'] . " " . $row['column2'] . "<br>"; } // 关闭数据库连接 $db->close(); ?> </body> </html> ``` 将`$db_file`的值替换为您SQLite数据库文件的实际路径,并将`your_table`替换为您想要查询的表名。 然后,将index.php文件部署到您的Web服务器上,通过浏览器访问它,您应该可以看到来自SQLite数据库的数据。 ### 回答2: 要在HTML中连接到SQLite数据库,我们可以使用JavaScript。下面是一个基本的步骤: 1. 在HTML页面中添加一个SQLite数据库文件。可以通过将SQLite文件保存在服务器上并通过URL链接到它,或者直接将SQLite文件放在您的项目目录中。 2. 在HTML中的`<head>`标签内添加以下代码来引入SQLite数据库的JavaScript库: ```html <script src="https://cdn.jsdelivr.net/npm/sql.js/dist/sql.js"></script> ``` 3. 在HTML页面中创建一个功能函数来连接到SQLite数据库并执行查询。例如,可以创建一个名为`connectToDatabase()`的函数。以下是一个示例函数: ```html <script> function connectToDatabase() { var xhr = new XMLHttpRequest(); xhr.open('GET', 'path/to/your/sqlite/file.sqlite', true); xhr.responseType = 'arraybuffer'; xhr.onload = function(e) { var uInt8Array = new Uint8Array(this.response); var db = new SQL.Database(uInt8Array); // 执行查询或其他操作 var result = db.exec("SELECT * FROM your_table_name"); console.log(result); }; xhr.send(); } </script> ``` 在上面的示例代码中,`path/to/your/sqlite/file.sqlite`是SQLite数据库文件的相对或绝对路径。您可以根据实际情况进行修改。 4. 在需要连接到SQLite数据库的地方调用`connectToDatabase()`函数。 ```html <button onclick="connectToDatabase()">连接到数据库</button> ``` 当用户点击“连接到数据库”按钮时,将调用`connectToDatabase()`函数,它将从指定的SQLite数据库文件加载数据,并执行查询或其他操作。 请注意,以上只是一个基本示例,真实的应用可能需要更多的代码来处理数据库连接、查询和操作。这个示例使用了sql.js库,它允许在浏览器中使用JavaScript操作SQLite数据库。 ### 回答3: 要在HTML中连接SQLite数据库,可以使用JavaScript和服务器端脚本语言来实现。以下为连接SQLite数据库的基本步骤: 1. 首先,需要在服务器上安装SQLite数据库,并创建一个数据库文件(例如,test.db)。 2. 在HTML文件中引入JavaScript库,例如jQuery,以便于使用Ajax进行服务器端请求。 3. 在JavaScript中编写代码,通过Ajax请求将数据库查询数据传递给服务器端脚本。 4. 在服务器端脚本中,通过连接SQLite数据库的函数来连接数据库。例如,在PHP中可以使用SQLite3类来连接数据库。 5. 在服务器端脚本中,接收来自客户端的数据,执行相应的数据库查询操作,并将查询结果返回给客户端。 6. 在JavaScript中,通过设置回调函数来处理服务器端返回的数据,并将数据在HTML页面中显示出来。 7. 可以使用HTML和CSS来设计和布局页面,将查询结果以表格、列表或其他适当的形式展示给用户。 需要注意的是,由于SQLite数据库是服务器上的资源,所以无法直接通过在HTML中编写代码来连接SQLite数据库。必须借助服务器端脚本来连接和操作数据库,并通过客户端与服务器进行交互。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

杨浦老苏

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值