❶ 怎麼讓資料庫的數據在html顯示出來
首先我不知道你用什麼方式在前後端進行數據操作
jsp+servlet:將得到的數據添加到request.setAttribut中然後在jsp端可以通過jsp的{requestScop.xxx}的方法來獲取數據，也可以直接使用{xxx}來獲取數據（xx代表Attribute中的key）
如果你在jsp端用了jquery插件，可以使用其內部的json數據格式進行解析數據，而在客戶端直接使用一個List<map<Stirng,Object>>來裝載數據，然後在通過一個poi插件將其轉換成String類型就可以在jsp端進行解析。
❷ DW裡面html5怎麼連接access資料庫
站點建了，DW也管理了，資料庫表也建了，還小添了一下。那下面就開用DW還算強大的功能：連接資料庫並且顯示紀錄。
1，打開DW，在站點裡面先新建個ASP頁面（index.asp）。 在「應用程序」面板中選中「資料庫」標簽。只要我們在前面建立了站點，選擇了文檔類型（即我們選的ASP Javascript的），並且還測試了伺服器（http://localhost/newgn/）；則當前我們看到就剩下第四步沒有打勾了。那現在就點擊「+」號，選擇「自定義連接字元串」。
那麼現在暫搞一段落，你已經學會怎麼連資料庫，怎麼顯示庫表中的記錄了。等待你的就是下面怎麼插入新的記錄，怎麼修改記錄等等。。。。
❸ html網頁某個表格顯示acc資料庫的某個表格內容。求全部代碼
HTML 是靜態語言，通常不適合用來進行資料庫連接等代碼的編寫。
通常的情況下，是使用後台語言，如 php、asp 等獲取資料庫中數據，再生成 HTML 代碼。
直接用 HTML 顯示數據表，可以借用 JavaScript 語言來完成數據的讀取，示例如下：
<!DOCTYPEHTML>
<html>
<head>
<title>讀取數據</title>
<metahttp-equiv="content-type"content="text/html;charset=utf-8"/>首租
</head>
<body>
<divid="dataArea"></div>
<script>
connectDB();
functionconnectDB()
{
try
{
varcount=0;
varconn=newActiveXObject("ADODB.Connection");
varpath="D:/WebSites/ZD.mdb";//access資料庫路徑及文件名
varconnectString="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="+path;
世纖conn.open(connectString);
者返兆varrs=newActiveXObject("ADODB.Recordset");
varsql="select*fromtsj";//用SQL獲取表中的數據
rs=conn.execute(sql);
//以下代碼將數據表中的數據，生成HTML表格
vartableString="<tableborder='1'>"
varsRow="";
while(!rs.EOF)
{
sRow="<tr>";
for(i=0;i<rs.Fields.Count-1;i++)
{
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瀏覽器中運行。
❹ 在網頁中如何將資料庫的數據顯示出來
你要有一個jsp頁面，你可以查下jsp怎麼連接對應資料庫
編寫連接資料庫的程序，以下是jsp連接oracle程序
<%@page contentType="text/html;charset=gb2312"%>
<%@page import="java.sql.*"%>
<HTML><BODY>
<hr align="center" width="55%" color="#991111" size="5"/>
<%
Connection conn = null;
PreparedStatement stmt = null;
ResultSet rs = null;
request.setCharacterEncoding("GBK");
try{
Class.forName("oracle.jdbc.driver.OracleDriver");
}
catch(ClassNotFoundException ce){
out.println(ce.getMessage());
}
try{
String url="jdbc:oracle:thin:@localhost:1521:orcl";
conn=DriverManager.getConnection(url,"scott","tiger");
stmt=conn.prepareStatement("select * from emp");
rs=stmt.executeQuery();
out.print("<TABLE BORDER='1' width='55%' cellpadding='3' align=center>");
out.print("<TR><TD>"+"<b>Empno</b>"+"</TD>");
out.print("<TD>"+"<b>Ename</b>"+"</TD>");
out.print("<TD>"+"<b>Job</b>"+"</TD>");
out.print("<TD>"+"<b>Mgr</b>"+"</TD>");
out.print("<TD>"+"<b>hiredate</b>"+"</TD>");
out.print("<TD align=center>"+"<b>Sal</b>"+"</TD>");
out.print("<TD>"+"<b>Comm</b>"+"</TD>");
out.print("<TD>"+"<b>Deptno</b>"+"</TD></TR>");
while(rs.next()){
out.print("<TR><TD>"+rs.getString(1)+"</TD>");
out.print("<TD>"+rs.getString(2)+"</TD>");
out.print("<TD >"+rs.getString(3)+"</TD>");
out.print("<TD>"+rs.getString(4)+"</TD>");
out.print("<TD>"+rs.getString(5)+"</TD>");
out.print("<TD>"+rs.getString(6)+"</TD>");
out.print("<TD>"+rs.getString(7)+"</TD>");
out.print("<TD>"+rs.getString(8)+"</TD></TR>");
}
out.print("</TABLE>");
rs.close();
stmt.close();
conn.close();
}
catch(Exception e){
System.out.println(e.getMessage());
}
%>
</BODY></HTML>
❺ html5網頁顯示資料庫內容
首先，你提到的Java Servlet是用來提供數據的，ajax是用來獲取數據的。
1、後端用servlet、struts、springmvc等從資料庫取數據並轉換成json格式返回，前端用ajax獲取這些json數據。
2、後端用servlet、struts、springmvc等從資料庫取數據並將數據嵌到模板頁面里，前端用jsp、freemarker之類的模板語言直接寫for循環。
❻ html5 datalist 怎麼顯示所有數據
你讀多少才會顯示多少 如果你要全部顯示 就做成下拉的時候觸發一個事件 載入剩下的數據
❼ 怎麼才能讓資料庫里的內容在html網頁裡面顯示
1、首先， sudo su postgres命令進入postgres，如下圖所示，然後進入下一步。
❽ 如何在html頁面中顯示mysql資料庫中的表
<?php
$conn=mysql_connect('localhost','root','')or die ("資料庫連接失敗");
mysql_select_db('menagerie',$conn);
mysql_query("set names utf8");
$sql="select * from orderlist where tel=".$_POST[tel]."";
$resouce=mysql_query($sql);
while ($row=mysql_fetch_array($resouce)) {
echo $row;
echo "<br>";
}
?>
❾ html頁面上怎麼能顯示資料庫內容
查詢資料庫應該知道吧？
調用查詢資料庫方法，從而得到一個數據集合敬橡消，list類型，數組類型都可以。
假亮知設查詢資料庫方法是
getdata()，返回一個如滑list集合。
--請選擇--
<%
d=new
();//這是那個資料庫訪問的類。
list
list=d.getdata();
for(int
i=0;i
><%=list.get(i)%>
<%}%>
就這樣。
❿ HTML5 Web SQL 資料庫怎樣實現多表查詢
HTML5的Web SQL Databases（html5 本地資料庫）的確很誘惑人，當你發現可以用與mysql查詢一樣的查詢語句來操作本地資料庫時，你會發現這東西挺有趣的。今天，我們一起來了解HTML 5的Web SQL Database API:openDatabase、transaction、executeSql。
Web SQL資料庫API實際上不是HTML5規范的組成部分，而是單獨的規范。它通過一套API來操縱客戶端的資料庫。Safari、Chrome、Firefox、Opera等主流瀏覽器都已經支持Web SQL Database。HTML5的Web SQL Databases的確很誘惑人，當你發現可以用與mysql查詢一樣的查詢語句來操作本地資料庫時，你會發現這東西挺有趣的。今天，我們一起來了解HTML 5的Web SQL Database API。
下面將一一將介紹怎樣創建打開資料庫，創建表，添加數據，更新數據，刪除數據，刪除表 。
先介紹三個核心方法
1、openDatabase：這個方法使用現有資料庫或創建新資料庫創建資料庫對象。
2、transaction：這個方法允許我們根據情況控制事務提交或回滾。
3、executeSql：這個方法用於執行真實的SQL查詢。
第一步：打開連接並創建資料庫
代碼如下:
var dataBase = openDatabase("student", "1.0", "學生表", 1024 * 1024, function () { });
if (!dataBase) {
alert("資料庫創建失敗！");
} else {
alert("資料庫創建成功！");
}
解釋一下openDatabase方法打開一個已經存在的資料庫，如果資料庫不存在，它還可以創建資料庫。幾個參數意義分別是：
1，資料庫名稱。
2，版本號 目前為1.0,不管他，寫死就OK。
3，對資料庫的描述。
4，設置數據的大小。
5，回調函數(可省略)。
初次調用時創建資料庫，以後就是建立連接了。
創建的資料庫就存在本地，路徑如下：
C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\databases\http_localhost_4987 。
創建的是一個sqllite資料庫，可以用SQLiteSpy打開文件，可以看到裡面的數據。SQLiteSpy是一個綠色軟體，可以網路一下下載地址或SQLiteSpy官方下載：SQLiteSpy。
第二步：創建數據表
代碼如下:
this.createTable=function() {
dataBase.transaction( function(tx) {
tx.executeSql(
"create table if not exists stu (id REAL UNIQUE, name TEXT)",
[],
function(tx,result){ alert('創建stu表成功'); },
function(tx, error){ alert('創建stu表失敗:' + error.message);
});
});
}
解釋一下，
executeSql函數有四個參數，其意義分別是：
1）表示查詢的字元串，使用的SQL語言是SQLite 3.6.19。
2）插入到查詢中問號所在處的字元串數據。
3）成功時執行的回調函數。返回兩個參數：tx和執行的結果。
4）一個失敗時執行的回調函數。返回兩個參數：tx和失敗的錯誤信息。
第三步：執行增刪改查
1）添加數據：
代碼如下:
this.insert = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
"insert into stu (id, name) values(?, ?)",
[id, '徐明祥'],
function () { alert('添加數據成功'); },
function (tx, error) { alert('添加數據失敗: ' + error.message);
} );
});
2）查詢數據
代碼如下:
this.query = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
"select * from stu", [],
function (tx, result) { //執行成功的回調函數
//在這里對result 做你想要做的事情吧...........
},
function (tx, error) {
alert('查詢失敗: ' + error.message);
} );
});
}
解釋一下
上面代碼中執行成功的回調函數有一參數result。
result：查詢出來的數據集。其數據類型為 SQLResultSet ，就如同C#中的DataTable。
SQLResultSet 的定義為：
代碼如下:
interface SQLResultSet {
readonly attribute long insertId;
readonly attribute long rowsAffected;
readonly attribute SQLResultSetRowList rows;
};
其中最重要的屬性—SQLResultSetRowList 類型的 rows 是數據集的「行」 。
rows 有兩個屬性：length、item 。
故，獲取查詢結果的某一行某一列的值 ：result.rows[i].item[fieldname] 。
3）更新數據
代碼如下:
this.update = function (id, name) {
dataBase.transaction(function (tx) {
tx.executeSql(
"update stu set name = ? where id= ?",
[name, id],
function (tx, result) {
},
function (tx, error) {
alert('更新失敗: ' + error.message);
});
});
}
4）刪除數據
代碼如下:
this.del = function (id) {
dataBase.transaction(function (tx) {
tx.executeSql(
"delete from stu where id= ?",
[id],
function (tx, result) {
},
function (tx, error) {
alert('刪除失敗: ' + error.message);
});
});
}
5）刪除數據表
代碼如下:
this.dropTable = function () {
dataBase.transaction(function (tx) {
tx.executeSql('drop table stu');
});
}