HTML是无法读取数据库的，HTML是页面前端脚本语言，要想从HTML网页中获取SQL数据库里的数据，需要借助JSP或ASP或PHP或RUBY等语言来实现。
SQL数据库的数据体系结构基本上是三级结构，但使用术语与传统关系模型术语不同。在SQL中，关系模式(模式)称为“基本表”(base table)；存储模式(内模式)称为“存储文件”(stored file)；子模式(外模式)称为“视图”(view)；元组称为“行”(row)；属性称为“列”(column)。
扩展资料
SQL语言的组成：
1、一个SQL数据库是表(Table)的集合，它由一个或多个SQL模式定义。
2、一个SQL表由行集构成，一行是列的序列(集合)，每列与行对应一个数据项。
3、一个表或者是一个基本表或者是一个视图。基本表是实际存储在数据库的表，而视图是由若干基本表或其他视图构成的表的定义。
4.一个基本表可以跨一个或多个存储文件，一个存储文件也可存放一个或多个基本表。每个存储文件与外部存储上一个物理文件对应。
5.用户可以用SQL语句对视图和基本表进行查询等 *** 作。在用户角度来看，视图和基本表是一样的，没有区别，都是关系(表格)。
6.SQL用户可以是应用程序，也可以是终端用户。SQL语句可嵌入在宿主语言的程序中使用，宿主语言有FORTRAN，COBOL和Ada语言等。
参考资料:百度百科▬SQL数据库
HTML是无法读取数据库的，HTML是页面前端脚本语言，要想从HTML网页中获取SQL数据库里的数据，需要借助JSP或ASP或PHP或RUBY等语言来实现。简单的关系可以这样理解：
数据库<--->JSP或ASP或PHP或RUBY等语言<--->HTML
如：在JSP页面中显示完整代码如下：
<%@ page
language="java"
contentType="text/htmlcharset=UTF-8"
pageEncoding="UTF-8"
%>
<%@page import="java.sql.*"%>
<center>
<H1><font color="blue" size="12">管理中心</font></H1>
<HR />
<table width="80%" border="1">
<tr>
<th>ID</th>
<th>书名</th>
<th>作者</th>
<th>价格</th>
<th>删除</th>
</tr>
<%
// 数据库的名字
String dbName = "zap"
// 登录数据库的用户名
String username = "sa"
// 登录数据库的密码
String password = "123"
// 数据库的IP地址，本机可以用 localhost 或者 127.0.0.1
String host = "127.0.0.1"
// 数据库的端口，一般不会修改，默认为1433
int port = 1433
String connectionUrl = "jdbc:sqlserver://" + host + ":" + port + "databaseName=" + dbName + "user=" + username
+ "password=" + password
//
//声明需要使用的资源
// 数据库连接，记得用完了一定要关闭
Connection con = null
// Statement 记得用完了一定要关闭
Statement stmt = null
// 结果集，记得用完了一定要关闭
ResultSet rs = null
try {
// 注册驱动
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver")
// 获得一个数据库连接
con = DriverManager.getConnection(connectionUrl)
String SQL = "SELECT * from note"
// 创建查询
stmt = con.createStatement()
// 执行查询，拿到结果集
rs = stmt.executeQuery(SQL)
while (rs.next()) {
%>
<tr>
<td>
<%=rs.getInt(1)%>
</td>
<td>
<a href="prepareupdate?ID=<%=rs.getInt("ID")%>" target="_blank"><%=rs.getString(2)%></a>
</td>
<td>
<%=rs.getString(3)%>
</td>
<td>
<%=rs.getString(4)%>
</td>
<td>
<a href="delete?ID=<%=rs.getInt("ID")%>" target="_blank">删除</a>
</td>
</tr>
<%
}
} catch (Exception e) {
// 捕获并显示异常
e.printStackTrace()
} finally {
// 关闭我们使用过的资源
if (rs != null)
try {
rs.close()
} catch (Exception e) {}
if (stmt != null)
try {
stmt.close()
} catch (Exception e) {}
if (con != null)
try {
con.close()
} catch (Exception e) {}
}
%>
</table>
<a href="insert.jsp">添加新纪录</a>
</center>
HTML 是静态语言，通常不适合用来进行数据库连接等代码的编写。
通常的情况下，是使用后台语言，如 php、asp 等获取数据库中数据，再生成 HTML 代码。
直接用 HTML 显示数据表，可以借用 JavaScript 语言来完成数据的读取，示例如下：
<!DOCTYPE HTML><html>
<head>
<title>读取数据</title>
<meta http-equiv="content-type" content="text/htmlcharset=utf-8" />
</head>
<body>
<div id="dataArea"></div>
<script>
connectDB()
function connectDB()
{
try
{
var count=0
var conn=new ActiveXObject("ADODB.Connection")
var path = "D:/WebSites/ZD.mdb" //access 数据库路径及文件名
var connectString="Provider=Microsoft.Jet.OLEDB.4.0Data Source="+path
conn.open(connectString)
var rs=new ActiveXObject("ADODB.Recordset")
var sql = "select * from tsj"//用 SQL 获取表中的数据
rs = conn.execute(sql)
//以下代码将数据表中的数据，生成 HTML 表格
var tableString = "<table border='1'>"
var sRow = ""
while(!rs.EOF)
{
sRow ="<tr>"
for(i=0i<rs.Fields.Count-1i++)
{
sRow += "<td>"+rs(i)+"</td>"
}
sRow += "</tr>"
tableString += sRow
rs.moveNext() //下移数据记录指针
}
tableString+="</table>"
document.getElementById("dataArea").innerHTML=tableString
rs.close()//关闭数据表
conn.close //关闭数据库连接
}
catch(e)
{
document.write(e.toString())
}
}
</script>
</body>
</html>
重要提示： JavaScript 连接 Access 数据库，是使用的 ActiveXObject 方式，因此，只能在 IE 浏览器中运行。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）