求html SQL大神，，，数据库查询全部数据部分用不了

答案:2 悬赏:40 手机版

解决时间 2021-02-14 20:40

提问者网友：美人性情
2021-02-14 01:03

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <script> function initDatabase() { if(!window.openDatabase) { alert('浏览器不支持web SOL'); } else { var dbName='myDB'; var dbVersion='1.0'; var dbDec='DEMO Database'; var dbSizs=100000; DB=openDatabase(dbName,dbVersion,dbDec,dbSizs,showRuselt('数据库创建成功')); } } function createTable() { DB.transaction(function(tx){ tx.executeSql('create table if not exists USERINFO(USERNAME,EMAIL)',[],showRuselt('数据表创建成功')); }); } function insertData() { DB.transaction(function(tx){ tx.executeSql( 'insert into USERINFO(USERNAME,EMAIL) values(?,?)', ["lisi","lisi@163.com"], function(tx,rs) { showRuselt('添加成功'); }, function(tx,error) { showRuselt('添加失败'); } ); }); } function updateData() { DB.transaction(function(tx){ tx.executeSql('update USERINFO set EMAIL=?',["newlisi@163.com"],function(tx,rs){showRuselt('更新成功');},function(tx,error){showRuselt('更新失败');} ); }); } function queryData() //查询全部数据 { DB.transaction(function(tx){ tx.executeSql( 'select * from USERINFO', [], function(tx,rs) { var msg=''; for(var i=0;i<rs.rows.length;i++) { msg+='username:'+rs.rows.item(i).USERNAME+',email:'+rs.rows.item(i).EMAIL+" "; } showResult(msg); } ); }); } function deleteData() { DB.transaction(function(tx){ tx.executeSql( 'delete from USERINFO', [], function(tx,rs) { showRuselt('删除成功'); }, function(tx,error) { showRuselt('删除失败'); }); }); } function showRuselt(msg) { var result=document.getElementById("result"); result.innerHTML=msg; } </script> <fieldset> <legend>SQL 操作</legend> <button onClick="initDatabase()">创建数据库</button> <button onClick="createTable()">创建数据表</button> <button onClick="insertData()">插入</button> <button onClick="updateData()">更新</button> <button onClick="queryData()">查询</button> <button onClick="deleteData()">删除</button> </fieldset> <body> </body> </html>

最佳答案

五星知识达人网友：七十二街
2021-02-14 02:25

HTML是无法读取数据库的，HTML是页面前端脚本语言，要想从HTML网页中获取SQL数据库里的数据，需要借助JSP或ASP或PHP或RUBY等语言来实现。
简单的关系可以这样理解：
数据库<--->JSP或ASP或PHP或RUBY等语言<--->HTML
如：在JSP页面中显示完整代码如下：
<%@ page
language="java"
contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"
%>
<%@page import="java.sql.*"%>
<center>
<H1> 管理中心</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楼网友：底特律间谍
2021-02-14 03:09

html是无法读取数据库的，html是页面前端脚本语言，要想从html网页中获取sql数据库里的数据，需要借助jsp或asp或php或ruby等语言来实现。简单的关系可以这样理解：数据库<--->jsp或asp或php或ruby等语言<--->html 如：在jsp页面中显示完整代码如下： <%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8" %> <%@page import="java.sql.*"%> 管理中心

<% // 数据库的名字 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()) { %> <% } } 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) {} } %>

id	书名	作者	价格	删除
<%=rs.getint(1)%>	" target="_blank"><%=rs.getstring(2)%>	<%=rs.getstring(3)%>	<%=rs.getstring(4)%>	" target="_blank">删除

添加新纪录

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息

求html SQL大神，，， 数据库查询全部数据部分用不了

求html SQL大神，，，数据库查询全部数据部分用不了