通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务
当前位置:首页>>编程开发>>sql专区>>正文 新版上线![旧版]
注:打开慢时请稍等
php+mysql+javascript数据库查询结果的动态显示

http://www.iyit.net  日期:2006-5-3 19:19:37  来源:  点击:
参加讨论】 动态网页的三大法宝php+mysql+javascript,下面是在学习php和mysql编程时的一个自己编制的程序-同学录查询,使用了以上三项法宝,其中的查询结果的输出结果我认为还比较满意,可以一次显示一条记录,每条记录是一个table,通过姓名的导航,可以逐个查看输出结果.
一.查询界面
<html>
<head>
<title>同学查询</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<link rel=stylesheet type="text/css" href="../applet/mainstyle.css">
</head>

<body bgcolor="#ffffff">
<form method="post" action="query.php">
<p> </p>
<table width="41%" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="#808080" bordercolordark="#ffffff" bgcolor="#ffffcc">
<tr>
<td colspan="2" class="tablehead" bgcolor="#0066cc" align="center">同学查询</td>
</tr>
<tr>
<td width="23%"> 姓名: </td>
<td width="77%">
<input type="text" name="name" size="20" class="edit">
</td>
</tr>
<tr>
<td width="23%">性别:</td>
<td width="77%">
<input type="radio" name="sex" value="1" checked>
全部
<input type="radio" name="sex" value="2">

<input type="radio" name="sex" value="3">
女 </td>
</tr>
<tr>
<td> 属性:</td>
<td>
<input type="text" name="attribute" size="20" class="edit">
</td>
</tr>
<tr>
<td>输出:</td>
<td>
<input type="radio" name="output" value="1" checked>
标签
<input type="radio" name="output" value="2">
表格 </td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="submit" value="查询" class="button">
</td>
</tr>
</table>
</form>
</body>
</html>
二.执行查询和动态显示的界面
<!--同学录查询系统:php+mysql+javascript-->
<html><head>
<link rel=stylesheet type="text/css" href="../applet/mainstyle.css">
<script language="javascript">
//标签显示时隐藏和打开选择的table
function showtable(id,totalnum)
{
for(i=0;i<totalnum;i++)
eval("table"+i.tostring()+".style.display='none'");
eval("table"+id.tostring()+".style.display=''");
}
</script>
</head><body>
<?
#连接和打开数据库
$dbh = mysql_connect("localhost");
$err = mysql_error();
if($err){die("连接错误");}
mysql_select_db('mydb');
$err = mysql_error();
if($err){die("打开数据库错误");}

#建立查询语句
if((trim($name)!="")&&(trim($attribute)!=""))
$query="select * from addressbook where name="".$name."" and attribute="".$attribute.""";
else if((trim($name)=="")&&(trim($attribute)==""))
$query="select * from addressbook where 1";
else if(trim($name)=="")
$query="select * from addressbook where attribute="".$attribute.""";
else if(trim($attribute)=="")
$query="select * from addressbook where name="".$name.""";
if($sex=="2")
$query=$query." and sex="男"";
else if($sex=="3")
$query=$query." and sex="女"";

#查询数据库
$ret = mysql_query($query, $dbh);
$num=mysql_num_rows($ret);
if($num<=0)
{
echo "<script language="javascript">window.alert("没有符合条件的记录!");history.back();</script>";
exit;
}
if($output=="2")#表格形式输出
{
echo "<table width="100%" border="1" cellspacing="0" cellpadding="0" bordercolor="#808080" align="center" bordercolordark="#ffffff">
<tr>
<td colspan="13" align="center" class="tablehead" bgcolor="#0066cc">查询结果</td>
</tr>
<tr bgcolor='#ffffcc'>
<td nowrap width="2%">姓名</td>
<td nowrap width="1%">性别</td>
<td nowrap width="4%">生日</td>
<td nowrap width="6%">email</td>
<td nowrap width="6%">bp</td>
<td nowrap width="6%">手机</td>
<td nowrap width="8%">工作电话</td>
<td nowrap width="8%">工作地址</td>
<td nowrap width="8%">家庭电话</td>
<td nowrap width="8%">家庭地址</td>
<td nowrap width="8%">邮编</td>
<td nowrap width="8%">属性</td>
<td nowrap width="10%">备注</td>
</tr>";
for($i=0;$i<$num;$i++)
{
$row = mysql_fetch_row($ret);
for($j=0;$j<14;$j++)
if(trim($row[$j])=="")
$row[$j]=" ";
if($row[3]=="0000-00-00")
$row[3]=" ";
if($row[4]=="0")
$row[4]=" ";
if($i%2==0)echo"<tr bgcolor='#cccccc'>";
else echo "<tr bgcolor='#dddddd'>";
echo "<td nowrap>$row[1]</td><td nowrap>$row[2]</td><td nowrap> $row[3]</td><td nowrap><a href='mailto: $row[9]'>$row[9]</a></td><td nowrap> $row[5]</td><td nowrap> $row[6]</td><td nowrap> $row[7]</td><td nowrap> $row[11]</td><td nowrap>$row[8]</td><td nowrap>$row[12]</td><td nowrap>$row[4]</td><td nowrap>$row[10]</td><td nowrap>$row[13]</td></tr>";
}
echo "</table><hr width='100' height='1' noshade align='left'><a href='query.htm'>新查询</a>";
}
else#标签形式输出
{
for($i=0;$i<$num;$i++)
{
$row = mysql_fetch_row($ret);
$names[$i]=$row[1];
for($j=0;$j<14;$j++)
if(trim($row[$j])=="")
$row[$j]=" ";
if($row[3]=="0000-00-00")
$row[3]=" ";
if($row[4]=="0")
$row[4]=" ";
echo "<table id='table$i' style='display:none' width='80%' border='1' cellspacing='0' cellpadding='0' align='center' bordercolor='#808080' bordercolordark='#ffffff'>
<tr bgcolor='#0066cc' align='center'>
<td colspan='4' nowrap class='tablehead'>查询结果<a name='#$i'></a></td>
</tr>";
$prior=$i-1;
$next=$i+1;
$last=$num-1;
if($num>1)
{
if($i==0)
echo "<tr><td colspan='4'><a href='#$next' onmouseup="showtable($next,$num)">[下一个|</a><a href='#$last' onmouseup="showtable($last,$num)">末记录]</a></td></tr>";
elseif($i==($num-1))
echo "<tr><td colspan='4'><a href='#0' onmouseup="showtable(0,$num)">[首记录|</a><a href='#$prior' onmouseup="showtable($prior,$num)">上一个]</a></td></tr>";
else
echo "<tr><td colspan='4'><a href='#0' onmouseup="showtable(0,$num)">[首记录|</a><a href='#$prior' onmouseup="showtable($prior,$num)">上一个|</a><a href='#$next' onmouseup="showtable($next,$num)">下一个|</a><a href='#$last' onmouseup="showtable($last,$num)">末记录]</a></td></tr>";
}
echo "<tr>
<td bgcolor='#ffffcc' width='9%' nowrap class>姓名</td>
<td width='39%'>$row[1]</td>
<td bgcolor='#ffffcc' width='12%' nowrap>性别</td>
<td width='40%'>$row[2]</td>
</tr>
<tr>
<td bgcolor='#ffffcc' width='9%' nowrap>生日</td>
<td width='39%'>$row[3]</td>
<td bgcolor='#ffffcc' width='12%' nowrap>email</td>
<td width='40%'><a href='mailto: $row[9]'>$row[9]</a></td>
</tr>
<tr>
<td bgcolor='#ffffcc' width='9%' nowrap>bp</td>
<td width='39%'>$row[5]</td>
<td bgcolor='#ffffcc' width='12%' nowrap>手机</td>
<td width='40%'>$row[6]</td>
</tr>
<tr>
<td bgcolor='#ffffcc' width='9%' nowrap>工作电话</td>
<td width='39%'>$row[7]</td>
<td bgcolor='#ffffcc' width='12%' nowrap>邮编</td>
<td width='40%'>$row[4]</td>
</tr>
<tr>
<td bgcolor='#ffffcc' width='9%' nowrap>家庭电话</td>
<td width='39%'>$row[8]</td>
<td bgcolor='#ffffcc' width='12%' nowrap>属性</td>
<td width='40%'>$row[10]</td>
</tr>
<tr>
<td bgcolor='#ffffcc' width='9%' nowrap>工作地址</td>
<td colspan='3'>$row[11]</td>
</tr>
<tr>
<td bgcolor='#ffffcc' width='9%' nowrap>家庭地址</td>
<td colspan='3'>$row[12]</td>
</tr>
<tr>
<td bgcolor='#ffffcc' width='9%' nowrap>备注</td>
<td colspan='3'>$row[13]</td>
</tr>
</table>";
}
echo "<script language="javascript">table0.style.display=""</script>";
echo "<table width='80%' border='0' align='center'>";
for($j=0;$j<$num/10;$j++)
{
echo "<tr>";
for($i=0;$i<10;$i++)
{
$index=$j*10+$i;
if($index>=$num)
break;
echo "<td nowrap><a href='#' onmouseup="showtable($index,$num)">$names[$index]</a></td>";
}
echo "</tr>";
}
echo "</table><hr width='85%' height='1' noshadow><center><a href='query.htm'>新查询</a></center>";
}
mysql_close($dbh);
?>
</body><html>
三.改进还很多,例如可以将查询模糊化等等.
我使用的数据库结构是,可以按照自己的需要修改.
id smallint(4)
name varchar(10)
sex char(2)
birthday date
post int(6)
bp varchar(20)
mobile varchar(20)
workphone varchar(20)
homephone varchar(20)
email varchar(30)
attribute varchar(10)
workaddr varchar(40)
homeaddr varchar(40)
memo text


编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:mysql用于php的库, 对数据库进行操作
下一篇:浅谈数据库接口技术
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
javascript实例教程(3-2) javascript实例教程(3-1) javascript实例教程(2) 创建弹出式窗
javascript实例教程(1) 目录  javascript: 改变和控制显示的图片大小 计算鼠标所在位置的x,y坐标的javascrip
javascript实用的一些技巧  javascript实例教程(20-4) javascript实例教程(20-3)
javascript实例教程(20-2) javascript实例教程(20-1) javascript实例教程(19-2)
javascript实例教程(19-1) javascript实例教程(18-4) javascript实例教程(18-3)
javascript实例教程(18-2) javascript实例教程(18-1) javascript实例教程(17-2)
javascript实例教程(17-1) javascript实例教程(16) javascript实例教程(15)
javascript实例教程(14) javascript实例教程(13) javascript实例教程(12)
最新更新 热点排行 推荐新闻
sql server 7.0与以前的版本相比,安全
设置proxy server和sql server实现互联
microsoft sql server 7.0安全问题   
mysql安全性指南(3)(转)           
mysql安全性指南 (2)(转)          
在frontpage 2000中插入flash动画
用frontpage 2000使图像“减肥”
提高frontpage 2002使用效率
用frontpage 2000创建网页动画
用frontpage 2000巧做样式表
用frontpage 2000制作鼠标光照特效
用frontpage轻松转换图片格式
frontpage10全透视教程(9)
frontpage10全透视教程(8)
frontpage10全透视教程(7)
sql server 7.0与以前的版本相比,安全
sql简明教程(6)
sql简明教程(5)
sql简明教程(4)
sql简明教程(3)
qq珊瑚虫外挂4.0版本发布!
多个广告位招商!
摄影后期系列一:1分钟为数码相片去红眼
qq挂机说明
asp进度条
photoshop通道抠图:给秀发飞扬的mm照
教您显示器亮度对比度的调节
新版上线,今日正式开通!!!
更多精彩图文广告等着您!
asp中使用sql语句教程
sql简明教程(1)
第二十章 开发delphi对象式数据管理功
sql简明教程(1)
vbscript和javascript互相调用 
jsp教程(四)-jsp actions的使用
操作系统被入侵后的修复过程
五一别忘电脑防毒 养成良好上网习惯
google对ie浏览器将捆绑搜索功能表担忧
新版上线,今日正式开通!!!
用photoshop创意图形“岁月”
摄影后期系列一:1分钟为数码相片去红眼

 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息