html5怎么连接数据库？

在HTML5之前的时代，如果需要在客户端本地保存数据，只能存储在Cookie中，但是 Cookie使用过多会影响请求速度 ，所以并不适合存储大量数据。

而在HTML5面世后，自带了本地存储和本地数据库功能，更为便捷的管理客户端数据。

HTML5提供了一个 基于浏览器端的数据库 （WebSQL 、IndexedDB），我们可以通过JS API来在浏览器端创建一个本地数据库，而且它还支持标准的SQL来执行CRUD *** 作。

如何查看本地的数据库呢？通过各个 浏览器的调试工具 可以查看。

在HTML5中 *** 作本地数据库都是通过JS API来实现的，很简单，步聚如下：

1、通过 openDatabase 创建数据库对象

2、通过 db.transaction 设置回调函数

3、通过 executeSql 方法执行查询

HTML5默认情况下是无法连接远程数据库的，一般都是通过API去 *** 作数据库。比如当下流行的前后端完全分离，借助的就是RESTful来实现业务数据的CRUD *** 作。

怎么会问这个问题，HTML是不可能链接数据库的，他是标签类语言，是用于构建静态页面的，要想链接数据库必须得支持网络通信和IO的，显然HTML并没有支持，HTML只是用来设计页面的。

我还以为我落伍了，h5连数据库

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>

如下参考：

1.首先，在您的计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。

2.然后用记事本双击打开文本文档，如下图所示，然后编写一个简单的HTML代码。

3.点击“另存为”功能选项，显示默认的“另存为”代码为ANSI。

4.我们将把编码和文件名更改回图中所示的图像并保存它。

5.然后回到新创建的文件夹，找到一个额外的HTML文件。

6.最后，使用浏览器打开HTML文件。结果如图所示。

---