HTML不能直接连接数据库，它需通过fetch调用后端API，由PHP/Python/Node.js等后端语言执行数据库操作并返回JSON，前端仅负责请求与渲染。
HTML 本身不能直接连接数据库。 它是纯静态标记语言，没有执行能力，更不支持数据库驱动、网络请求或身份认证。所谓“HTML 连数据库”，实际是前端（HTML）配合后端服务完成的，中间必须经过服务器端程序中转。
为什么浏览器里写 mysql_connect() 或 fetch('/api/data') 就报错？
常见错误现象：ReferenceError: mysql_connect is not defined、Failed to fetch、CORS error、空白页无反应。
根本原因：浏览器环境禁止直接访问本地或远程数据库（MySQL/PostgreSQL 等默认监听 127.0.0.1:3306，不接受跨域 HTTP 请求），也缺少对应驱动和权限。
- HTML 文件双击打开（
file://协议）时，连fetch都会被浏览器拦截 - 即使把 HTML 放进 Web 服务器（如 Nginx/Apache），它仍只是返回静态内容，不执行任何数据库逻辑
- 所有数据库操作必须落在可执行代码上：PHP/Python/Node.js 等后端语言
真实可行的最小链路：HTML → fetch() → 后端 API → 数据库
这是目前最通用、最可控的路径。HTML 页面只负责发请求、渲染结果；数据库交互完全交给后端接口。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
立即学习“前端免费学习笔记（深入）”；
- 前端 HTML 中用
fetch('/api/users')请求一个地址，这个地址不是数据库，而是你写的后端路由 - 后端（比如用 Python Flask）收到请求后，调用
sqlite3.connect()或psycopg2.connect()连数据库、查数据、返回 JSON - HTML 接收 JSON，用
document.getElementById().innerHTML或简单模板插入内容 - 注意：后端接口必须设置
CORS头（如Access-Control-Allow-Origin: *），否则浏览器拒绝接收响应
示例片段（前端）：
fetch('/api/latest-posts')
.then(r => r.json())
.then(data => {
document.querySelector('#list').innerHTML = data.map(p => `<li>${p.title}</li>`).join('');
});
别碰“前端直连数据库”的坑：WebSQL、IndexedDB、SQLite Wasm
这些不是“连 MySQL”，而是把数据库搬到浏览器里运行，数据只存在用户本地，和服务端数据库完全隔离。
-
WebSQL已废弃，Chrome/Firefox 不再支持 -
IndexedDB是浏览器原生 NoSQL 存储，适合缓存，但无法替代服务端数据库 -
SQLite wasm（如sql.js）能跑 SQL，但所有数据都在内存或localStorage，刷新即丢，且无法访问你服务器上的myapp.db - 有人试过用
mysql2+ WebSockets 绕过 HTTP？会暴露数据库账号密码到前端源码里，等于把锁孔焊死还把钥匙贴在门上
最容易被忽略的一点：数据库连接凭据绝不能出现在 HTML 或 JS 文件里——它们会被任何人右键“查看源码”看到。所有敏感逻辑、连接字符串、SQL 拼接，必须藏在后端进程内部，且做好参数绑定防注入。
