效果图如下:
第一页:
第二页:
实现方法如下:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?
global $start;
require('../include/common.ini');
require('../class/mysql.class.php');
require('../class/page.class.php');
require('../fun/fun_pinyin.php');
$db =new mysql_db;
$db->sql_connect($db_host,$db_username,$db_userpass,$db_database);
$onepage =5;
$sql = "select id from successpic";
$query =$db->query($sql);
$num = $db->get_num_rows($query);
$allpages = ceil ($num / $onepage);
for ($x = 0;$x<$allpages; $x++){
for ($y = 0;$y<$allpages; $y++){
if ($y == 0){
$list1 .= '<a href="indexp.html" >第'.$y.'页 </a>|';
} else {
$list1 .= "<a href='index_".$y.".html' >第".$y."页 </a>|";
}
}
$start = $x * $onepage;
$sql1 = "select * from successpic order by id desc limit $start,$onepage";
//$start=null;
$result1=$db->query($sql1);
$tupian=$db->get_num_rows($result1);
while($row=$db->fetch_row($result1))
{
$title[$x][]=$row['title'];
$address[$x][]=$row['address'];
$psrc[$x][]=$row['psrc'];
$content[$x][]=$row['content'];
}
$result1=null;
$row=null;
ob_start();
?>
<?
?>
<script language="JavaScript">
<!--
//图片按比例缩放
var flag=false;
function DrawImage(ImgD){
var image=new Image();
var iwidth = 150; //定义允许图片宽度
var iheight = 150; //定义允许图片高度
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
}
//-->
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>金思维</title>
<link href="../html/images/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="1007" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="767" height="3" bgcolor="#000000"></td>
<td width="172" height="3" bgcolor="#CCCCCC"></td>
<td width="68" height="3" bgcolor="#000000"></td>
</tr>
</table>
<table width="1007" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="251" align="right"><a href="index.html"><img src="../html/images/logo.jpg" width="185" height="97" border="0" /></a></td>
<td width="1" align="center" bgcolor="E7E7E7"> </td>
<td width="687"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="51" valign="top"><div id="s1">加入收藏 设为首页</div></td>
</tr>
<tr>
<td height="46"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="687" height="46">
<param name="movie" value="../html/images/flash/menu.swf" />
<param name="quality" value="high" />
<embed src="../html/images/flash/menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="687" height="46"></embed>
</object></td>
</tr>
</table></td>
<td width="68" class="bj"> </td>
</tr>
</table>
<table width="1007" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="1" bgcolor="#E7E7E7"></td>
</tr>
<tr>
<td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1007" height="251">
<param name="movie" value="../html/images/flash/4.swf" />
<param name="quality" value="high" />
<embed src="../html/images/flash/4.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1007" height="251"></embed>
</object></td>
</tr>
</table>
<table width="1007" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="252" align="right" valign="top"><table width="174" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" bgcolor="#CCCCCC"></td>
<td width="172" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="../html/images/anli.jpg" width="172" height="79" /></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr onMouseOver="this.className='cl1';" onMouseOut="this.className='cl2'"bgcolor="#A4CD95"class="cl">
<td height="30" align="left" class="font4"><a href="<?=Pinyin('典型用户',1).'.html'?>">典型用户</a></td>
</tr>
<tr >
<td height="1" align="left" bgcolor="#E3E3E3"></td>
</tr>
<tr onMouseOver="this.className='cl1';" onMouseOut="this.className='cl2'"bgcolor="#A4CD95"class="cl">
<td height="30" align="left" class="font4"><a href="indexp.html">相关合影</a></td>
</tr>
<tr >
<td height="1" align="left" bgcolor="#E3E3E3"></td>
</tr>
<tr onMouseOver="this.className='cl1';" onMouseOut="this.className='cl2'"bgcolor="#A4CD95"class="cl">
<td height="30" align="left" class="font4"><a href="#"></a></td>
</tr>
<tr >
<td height="1" align="left" bgcolor="#E3E3E3"></td>
</tr>
<tr onMouseOver="this.className='cl1';" onMouseOut="this.className='cl2'"bgcolor="#A4CD95"class="cl">
<td height="30" align="left" class="font4"><a href="#"></a></td>
</tr>
<tr >
<td height="1" align="left" bgcolor="#E3E3E3"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="5" cellpadding="3">
<tr>
<td align="center"><img src="../html/images/index2_r9_c3.gif" width="152" height="36" /></td>
</tr>
<tr>
<td align="center"><img src="../html/images/index2_r11_c3.gif" width="152" height="37" /></td>
</tr>
<tr>
<td align="center"><img src="../html/images/index2_r13_c3.gif" width="152" height="37" /></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="bj1">
<tr>
<td height="30"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="96%" border="0" cellspacing="5" cellpadding="3">
<tr>
<td align="left"><span class="font">售后热线 0731-5078995<br />
销售热线 0731-5078877<br />
</span>客户投诉 0731-5078995<br />
传 真 0731-5078995<br />
E-mail: jswkj@jswkj.com<br />
地 址:湖南长沙市五一<br />
路105号(比云天大厦)</td>
</tr>
</table></td>
</tr>
</table></td>
<td width="1" height="1000" bgcolor="#CCCCCC"></td>
</tr>
</table></td>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="686" valign="top" class="bj2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="73%"> </td>
<td width="27%" height="50"><a href="index.html">首页</a> >> 成功案例 >> <span class="font">相关合影</span></td>
</tr>
</table>
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="5" class="bk7">
<tr>
<td><span class="font02">金思维的理念和综旨</span><br />
金思维不断的 吸收新知和创新,关注与客户长期的相互支持与合作,打破传统的 销售服务理念,为每一个客户量身定制跟踪的技术服务方案,始终 坚持用户的成功和满意,是我们长远发展的强有力保障。 </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td height="1" bgcolor="#E1E1E1"></td>
</tr>
</table>
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
<tr>
<td height="40" class="font9">相关合影</td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="2" bgcolor="#BD6A0E">
<tr>
<td width="12%" height="3"></td>
<td width="88%" height="3" bgcolor="#FFFFFF"></td>
</tr>
</table></td>
</tr>
</table>
<!-----------------图片列表显示----------------------------->
<table width="96%" border="0" align="center" cellpadding="0" cellspacing="8">
<?
for($i=0;$i<=$tupian;$i++)
{
echo "<tr>";
for($j=$i;$j<=$i+3;$j++)
{
if ($j>$tupian-1) {
break;
}else{
echo "<td align='center'><A href='../".$psrc[$x][$j]."' title='".$title[$x][$j]."'><img src='".$address[$x][$j]."' onload = 'DrawImage(this)' border=0 alt='".$title[$x][$j]."'/><br>".$title[$x][$j]."</a><br> $j </td>";
}
}
echo"</tr>";
$i=$i+3;
//echo "<br>";
}
?>
<div>
<?
echo $list1;
$list1=null;
?>
</div>
</table>
</td>
<td width="1" height="520" bgcolor="#E7E7E7"></td>
</tr>
</table> </td>
<td width="68" class="bj"> </td>
</tr>
</table>
<table width="1007" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="75" height="1" bgcolor="#CCCCCC"></td>
<td width="160" height="1"></td>
<td width="716" height="1" bgcolor="#CCCCCC"></td>
</tr>
</table>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="18"></td>
</tr>
</table>
<table width="1007" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="1" colspan="7" bgcolor="#CCCCCC"></td>
</tr>
<tr>
<td width="78" bgcolor="#F6F6F6"></td>
<td width="1" bgcolor="#CCCCCC"></td>
<td width="172" height="80" bgcolor="#FFFFFF"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="17%" align="center"><img src="../html/images/ico9.gif" width="5" height="5" /></td>
<td width="83%">友情连接</td>
</tr>
<tr>
<td colspan="2" align="center"><select name="select">
<option>----------------</option>
</select> </td>
</tr>
</table></td>
<td width="1" bgcolor="#CCCCCC"></td>
<td width="680" align="center" bgcolor="#FFFFFF"><span class="font1">版权所有:长沙新友软件开发有限公司 <br />
地址:长沙市解放东路38号华瑞电子大厦B座1805室(赛博数码广场北栋) <br />
在线咨询QQ:200873178 总机:0731-2919501 2919502 2919503 2919506 </span><br /></td>
<td width="1" bgcolor="#CCCCCC"></td>
<td width="65" bgcolor="#F6F6F6"></td>
</tr>
</table>
</body>
</html>
<?
$temp = ob_get_contents();
ob_end_clean();
if ($x == 0){
$indexpath = "../news/indexp.html";
} else {
$indexpath = "../news/index_".$x.".html";
}
$title[]=null;
$address[]=null;
$psrc[]=null;
$content[]=null;
if (is_file ($indexpath)){
@unlink ($indexpath); //若文件已存在,则删除
}
$handle = fopen ($indexpath,"w"); //打开文件指针,创建文件
/*
检查文件是否被创建且可写
*/
if (!is_writable ($indexpath)){
echo "文件:".$indexpath."不可写,请检查其属性后重试!"; //修改为echo
}
if (!fwrite ($handle,$temp)){ //将信息写入文件
echo "生成文件".$indexpath."失败!"; //修改为echo
}
fclose ($handle); //关闭指针
$temp=null;
}
echo("<script>alert('成功生成静态文件!');history.go(-1);</script>");
?>
上面为整个页面的代码:
主要是用ob来控制html文件源代码的获取,然后通过基本文件操作来实现html文件生成.