Ⅰ 如何获取数据库中的表,生成html页面的table
html只能通过ajax接口跟后台数据库接口通信,然后取出来的数据在页面上显示。
以下是一个例子:
html文件suggest.html:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script language="JavaScript" type="text/javascript" src="ajax_search.js"></script>
<style type="text/css" media="screen">
body {
font: 11px arial;
}
.suggest_link {
background-color: #FFFFFF;
padding: 2px 6px 2px 6px;
cursor:hand;
}
.suggest_link_over {
background-color: #E8F2FE;
padding: 2px 6px 2px 6px;
}
#search_suggest {
position:relative;
background-color: #FFFFFF;
text-align: left;
border: 1px solid #000000;
left: -12px;
top: 1px;
height: 74px;
width: 170px;
display:none;
}
</style>
</head>
<body background="bg.gif">
<center>
<h3>实现搜索提示</h3>
<div style="width: 500px;">
<input type="text" id="txtSearch" name="txtSearch" onKeyUp="searchSuggest();" autocomplete="off" />
<input type="submit" id="cmdSearch" name="cmdSearch" value="搜索"/><br />
<div id="search_suggest"></div>
</div>
</center>
</body>
</html>
ajax_search.js:
var searchReq = createAjaxObj();
function createAjaxObj()
{
var httprequest=false;
if (window.XMLHttpRequest) //为非IE浏览器生成XmlHttpRequest对象
{
httprequest=new XMLHttpRequest()
if (httprequest.overrideMimeType) httprequest.overrideMimeType('text/xml')
}
else if (window.ActiveXObject) //为IE浏览器生成XmlHttpRequest对象
{
try
{
httprequest=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
httprequest=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){}
}
}
return httprequest
}
function searchSuggest()
{
if (searchReq.readyState == 4 || searchReq.readyState == 0)
{
var str = escape(document.getElementById('txtSearch').value);
searchReq.open("GET", 'search?search=' + str, true);//向服务器端发送请求
searchReq.onreadystatechange = handleSearchSuggest; //设置回调函数
searchReq.send(null);
}
}
function handleSearchSuggest()
{ //这是回调函数,处理从服务器端返回的信息
if (searchReq.readyState == 4)
{
var ss = document.getElementById('search_suggest')
ss.innerHTML = '';
var str = searchReq.responseText.split("\n");
for(i=0; i < str.length - 1; i++)
{
var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
suggest += 'onmouseout="javascript:suggestOut(this);" ';
suggest += 'onclick="javascript:setSearch(this.innerHTML);" ';
suggest += 'class="suggest_link">' + str[i] + '</div>';
ss.innerHTML += suggest;
ss.style.display="block";
}
}
}
function suggestOver(div_value)
{
div_value.className = 'suggest_link_over';
}
function suggestOut(div_value)
{
div_value.className = 'suggest_link';
}
function setSearch(value)
{
document.getElementById('txtSearch').value = value;
document.getElementById('search_suggest').innerHTML = '';
document.getElementById('search_suggest').style.display="none";
}
servlet文件SearchSuggest.java:
package com;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.ArrayList;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class SearchSuggest extends HttpServlet
{
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, java.io.IOException
{
response.setCharacterEncoding("UTF-8");
String search = request.getParameter("search"); //接受参数值
String sql = "select GoodsName from Goods where GoodsName like '"+search+"%' order by GoodsName";//设置查询语句
Connection conn = null;
Statement stmt = null;
ResultSet rs = null;
ArrayList vData = new ArrayList();
java.io.PrintWriter out = response.getWriter();
try {
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver"); //注册数据库连接驱动
String MdbPath = "F:/sneaker/Tomcat/webapps/search/database/#costume.mdb";
String url= "jdbc:odbc:driver={Microsoft Access Driver (*.mdb)};DBQ=" + MdbPath ;
conn = DriverManager.getConnection(url);
stmt = conn.createStatement();
rs = stmt.executeQuery(sql); //执行查询
while (rs.next())
{
vData.add(rs.getString("GoodsName"));
}
StringBuilder buf = new StringBuilder();
for (int i=0;i<vData.size();i++)
{
String keyword = (String)vData.get(i);
buf.append(keyword+"\n");
}
out.print(buf.toString());//向客户端输出信息
} catch (Exception e) {
e.printStackTrace();
} finally {
try {
if (stmt != null)
stmt.close();
if (conn != null)
conn.close();
} catch (SQLException sqle) {
}
}
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, java.io.IOException
{
doPost(request, response);
Ⅱ asp.net如何根据数据库信息条数自动生成网页,
这个你要做一个列表页和一个详细页
列表页显示的是你根据条件查询出来的商品信息
关键是详细页
在列表页点击商品后可以获取到商品的ID值(用比如gridview之类的控件)然后通过传值
传到详细页
那么知道id了
在根据id读取不就得了么
Ⅲ php 从数据库里面取出数据 生成一个 html表格 有多少数据生成多少 怎么写php
很简单的,
1首先你连接数据库,2然后查询数据库里面所有的数据,3查询出来的数据放在一个<table>里面
例如:
<?php mysql_connect("localhost","root","密码","数据库名称");
$_sql="select * from 表名";
mysql_query("set names utf8");//编码设置为utf8
$query=mysql_query($_sql);
echo "<table>";
while($row=mysql_fetch_array($query))
{
//从数据库查询出来的字段
$数据1=$row["字段1"];
$数据2=$row["字段2"];
$数据3=$row["字段3"];
//将数据放到html的表格中
echo "<tr><td>$数据1</td><td>$数据2</td><td>$数据3</td></tr>";
}
echo "</table>";
?>
这个是取出数据生成一个html表格,希望你能采纳我,因为我马上要升级了,谢谢!
Ⅳ 利用EXCEL表格为数据库制作查询网页
可以直接作为数据库,代码一样的写啊。但是我觉得再加个ACCESS去连接他,网页连接到ACCESS-EXCEL连接表你会更轻松一点,因为很多查询可以在ACCESS中完成
Ⅳ C#中如何查询数据库并将结果显示在网页的表格中
你的需求就是把数据查询出来然后设置给 Gridview.DataSourece就可以了。
你去学一下 Ado.Net
你需要知道数据连接、DataSet\ DataTable 等,还是找本书系统地学一下比较好,
Ⅵ 从数据库读取数据生成html表格问题
<%=it.getfield("field")!=null?it.getfield("field"):""%>
Ⅶ 从数据库取得数据后,如何以表格的形式出现在网页上,用什么实现
将表格 另存为 保存类型为 单个文件网页(*.mht.*.mntml)
Ⅷ 怎样把数据库中的内容显示到网页的表格中 如显示课程表
你要实现这个功能必须有java代码支持,做一个查询,然后用list循环查出来,在页面上有多种方法显示,你看看我的代码使用的是each循环输出到页面的,el表达式的方法,你先看看吧,这个我做的是图书管理系统,就是用表格的形式展现的,设计到三大框架的知识,你好好研究下吧
Ⅸ 实现ASP.NET中从数据库中查询出来的明细怎么生成Excel表格详细代码!急急急!谢谢各位了!
简单的写点吧。
StringBuilder sb=new StringBuilder();
sb.Append("D:\\");
sb.Append(DateTime.Now.ToString());
sb.Append("生成的文件");
sb.Append(".xls");
FileStream fi = File.Create(sb.ToString());
fi.Close();
string sqlcon = "********";//数据库连接
SqlConnection conn = new SqlConnection(sqlcon);
string sql = "*******";//查询语句
SqlCommand comm = new SqlCommand(sql, sqlcon);
conn.Open();
SqlDataReader read = comm.EndExecuteReader();
StreamWriter sw = new StreamWriter(sb.ToString());
while (read.Read())
{
sw.Write(read["SQL里第0列的NAME"]);
sw.Write(read["SQL里第1列的NAME"]);
sw.Write(read["SQL里第2列的NAME"]);
sw.Write(read["SQL里第3列的NAME"]);
sw.Write(read["SQL里第5列的NAME"]);
。。。。。。。。。。。。。有多少字段+多少
sw.Close();
}
Ⅹ jsp从数据库查询出来的数据如何让生成excel报表。
你需要有可以生成excel的jar包,比如jxl.jar,然后通过这个jar包里的sheet,cell等类来创建你的excel的sheet,单元格等内容,用workbook来创建excel文件,具体的用法可以参考相关资料。