当前位置：首页 > 行业动态 > 正文

html访问oracle数据库数据

admin
行业动态
2025-04-25
2495

通过后端服务（如Java/Python）连接Oracle，利用JDBC/ODBC驱动，结合AJAX或Fetch API动态获取并展示数据

环境准备

要实现HTML页面访问Oracle数据库，需通过服务器端语言（如PHP、Java、Python）或中间件（如Node.js）作为桥梁，以下是关键步骤：

步骤	说明
安装Oracle客户端	下载并安装Oracle Instant Client，确保包含`oci.dll`（Windows）或`libclntsh.so`（Linux）。
配置服务器环境	以PHP为例，需安装`OCI8`扩展（PECL安装）：`pecl install oci8`。
设置环境变量	配置`PATH`和`LD_LIBRARY_PATH`（Linux）或`PATH`（Windows）指向Oracle客户端目录。

后端代码实现（以PHP为例）

通过PHP连接Oracle数据库，执行SQL并返回数据：

html访问oracle数据库数据第1张

数据库连接

<?php
$conn = oci_connect('用户名', '密码', '//主机:端口/服务名');
if (!$conn) {
    $e = oci_error();
    exit("连接失败: " . $e['message']);
}
?>

执行SQL查询

<?php
$sql = "SELECT  FROM 表名 WHERE 条件";
$stid = oci_parse($conn, $sql);
oci_execute($stid);
$data = [];
while ($row = oci_fetch_array($stid, OCI_ASSOC+OCI_RETURN_NULLS)) {
    $data[] = $row;
}
oci_free_statement($stid);
oci_close($conn);
// 返回JSON数据
header('Content-Type: application/json');
echo json_encode($data);
?>

前端HTML与JavaScript

通过AJAX请求后端接口并渲染数据：

HTML页面

<!DOCTYPE html>
<html>
<head>Oracle数据展示</title>
    <script>
        async function fetchData() {
            try {
                const response = await fetch('api.php'); // 后端接口地址
                const data = await response.json();
                renderTable(data);
            } catch (err) {
                console.error("数据加载失败:", err);
            }
        }
        function renderTable(data) {
            const table = document.createElement('table');
            table.border = "1";
            data.forEach(row => {
                const tr = table.insertRow();
                Object.values(row).forEach(cell => {
                    const td = tr.insertCell();
                    td.innerText = cell;
                });
            });
            document.body.appendChild(table);
        }
        window.onload = fetchData;
    </script>
</head>
<body>
    <h1>Oracle数据库数据</h1>
</body>
</html>

安全注意事项

参数化查询：防止SQL注入，使用绑定变量。

$sql = "SELECT  FROM users WHERE id = :id";
$stid = oci_parse($conn, $sql);
oci_bind_by_name($stid, 'id', $user_id); // $user_id为用户输入
oci_execute($stid);