显示数据库最新的数据，这个页面怎么写？

本帖最后由 miraclestar 于 2010-11-07 17:36:03 编辑

解决方案 »

  1.   

    http://teethgrinder.co.uk/open-flash-chart/
      

  2.   

    页面中用Ajax保持不断更新。服务器上取数据库中时间戳最新的记录返回。
      

  3.   

    <HTML><HEAD><TITLE>看我的这个页面</TITLE>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <STYLE type=text/css>BODY {
    MARGIN: 4px
    }
    TD {
    FONT-SIZE: 12px; LINE-HEIGHT: 150%
    }
    </STYLE>
    <script language="JavaScript">
    pageUrl = window.location; 
    pageUrl = pageUrl.toString() //获取当前页的URL，并附给字符串 pageUrl 
    var Parameter = pageUrl.split("?"); //以 ? 为分隔符，将上面获得的 URL 拆分成数组 
    Url = Parameter[0]+"?id"; //取得去掉参数后的URL，备后面翻页使用 
    Parameter = Parameter[1]; //取得 ? 的后一部分 
    var Parameter = pageUrl.split("="); //在次以 = 拆分 
    Parameter = Parameter[1]; //取得参数
    function GetResult()
    {
    var oBao = new ActiveXObject("Microsoft.XMLHTTP");//特殊字符：+,%,&,=,?等的传输解决办法.字符串先用escape编码的.//Update:2004-6-1 12:22
    oBao.open("POST","10.asp?id="+Parameter+"",false);oBao.send();//服务器端处理返回的是经过escape编码的字符串.
    var strResult = unescape(oBao.responseText);//将字符串分开.
    var arrResult = strResult.split("###");
    RemoveRow(); //删除以前的数据.//将取得的字符串分开,并写入表格中.
    for(var i=0;i<arrResult.length;i++)
    {
    arrTmp = arrResult[i].split("@@@");
    num1 = arrTmp[0]; //字段num1的值
    num2 = arrTmp[1]; //字段num2的值
    num3 = arrTmp[2]; //字段num2的值
    row1 = tb.insertRow();
    cell4 = row1.insertCell();
    cell4.innerHTML = '<B><FONT color=#0066cc>['+num1+']:<\/FONT><\/B>'+num2 +' <FONT color=#0066cc>('+num3+')<\/FONT>';
    row3 = tb.insertRow();
    cell6 = row3.insertCell();
    cell6.innerHTML = "<table><tr><TD width='1000' background='img\/wz.files\/line.gif' height=1><\/TD><\/tr><\/table>";
    }
    }
    function RemoveRow()
    {//保留第一行表头,其余数据均删除.
    var iRows = tb.rows.length;
    for(var i=0;i<iRows-1;i++)
    {
    tb.deleteRow(1);
    }
    }
    function MyShow()
    {//2秒自动刷新一次,2秒取得一次数据.
    timer = window.setInterval("GetResult()",40000);
    }
    </script>
    <META content="MSHTML 6.00.2900.3562" name=GENERATOR></HEAD>
    <BODY text=#000000 bgColor=#ffffff  onLoad="MyShow()">
    <TABLE cellSpacing=7 cellPadding=0 width="100%" align=center border=0 id="tb">
      <TBODY>
    <tr>
    <td width="1%" style="font:#cccccc"></td>
    </tr>
    <tr>
    <td width="96%"></td>
    </tr>
    <tr><TD background=img/wz.files/line.gif height=1></TD></tr>
      </TBODY></TABLE></BODY></HTML>
    注意加粗的地方写个动态页面 JSP ASP ASP.NET PHP 都可以
      

  4.   

    对了样式可以自己改 自己修改下面的HTML代码就OK 了
      

  5.   

    用JS定时请求后台 更新页面, 如果希望只刷新数据,不刷新页面,可以用AJAX  用JSON或XML传递数据 用JS去解析去动态改变页面的值
      

  6.   

    我这样写的，跟刷新的效果差不多
    怎么让它自动变化，不是整个图片都刷新？<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <html>
    <head>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/swfobject.js"></script>
    <script type="text/javascript" src="js/json2.js"></script>
    <script type="text/javascript">
    setInterval(fls,5000); $(document).ready(fls);
    function fls(){
    swfobject.embedSWF(
    "open-flash-chart.swf", 
    "my_chart", 
    "40%", 
    "40%", 
    "9.0.0",
    "expressInstall.swf",
    {"data-file":"<%=request.getContextPath()%>/ShowChart"},
    {wmode:"transparent"});
    }

    </script>
    </head>
    <body>
    <p>
    Hello  OFC
    </p>
    <div id="my_chart"></div>
    </body>
    </html>
      

  7.   

    http://www.amcharts.com/找到个好用的~结贴