首页 > 代码库 > 在PHP当中制作隔行换色的效果以及制作上下翻页的效果！

在PHP当中制作隔行换色的效果以及制作上下翻页的效果！

2024-07-02 02:13:54   224人阅读

首先说明隔行换色的效果，需要用到tr:nth_child(odd);或者括号里的值是even,odd是从第一行开始隔一行，even是从第二行开始：

具体代码如下图案所示：

1     <style>
2         /*tr:nth-child(even){*/
3             /*background: #cad9ea;*/
4         /*}*/
5     </style>

在数据库当中查询第几条开始和我们需要显示的数据只要几条；我们可以用到limin语句，具体代码如下：

 1 $sql = "select * from movie limit $sum,$pageSize"; 

还有就是隐藏表单inupt以及他的值需要用到在他的类型里面加上type=“hidden”跨页面表单隐藏具体代码如下：

 1 <input type="hidden" value="http://www.mamicode.com/<?php echo $row[‘id‘] ?>" name="id" readonly="readonly"/> 

还有如何取得数据库当中有多少行数我们需要用到mysql_mun_rows;代码如下所示：

1        $sql = "select * from movie limit $sum,$pageSize";
2         echo $sql;
3         $result = mysql_query($sql) or die(mysql_error());
4 
5         $sql1 = "select * from movie";
6         $result1 = mysql_query($sql1) or die(mysql_error());
7 
8         $count = mysql_num_rows($result1);

对于怎么制作上下翻页和在输入框里输入要跳转到第几页的代码如下图所示：

  1 <html>
  2 <head>
  3     <title></title>
  4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
  5     <style>
  6         /*tr:nth-child(even){*/
  7             /*background: #cad9ea;*/
  8         /*}*/
  9     </style>
 10 
 11     <script>
 12         function changeColor(){
 13             var trs = document.getElementsByTagName("tr");
 14             for(var i=0;i<trs.length;i++){
 15                 if( i%2 == 0){
 16                     trs[i].style.background="#cad9ea";
 17                 }
 18             }
 19         }
 20 
 21 //        function getPageNum(obj){
 22 //            if(!isNaN(obj)){
 23 //                location.href = "http://www.mamicode.com/list.php?page="+obj;
 24 //            }else{
 25 //                location.href = "http://www.mamicode.com/#";
 26 //            }
 27 //        }
 28 
 29         window.onload=changeColor;
 30 
 31     </script>
 32 </head>
 33 
 34 
 35 
 36 <body>
 37 <table style="width: 500px">
 38     <tr>
 39         <td>序号</td>
 40         <td>电影名称</td>
 41         <td>主演</td>
 42         <td>类型</td>
 43         <td>操作</td>
 44     </tr>
 45     <?php
 46         include("conn.php");
 47     $page = "";
 48     if(@$_GET[‘page‘]){
 49         $page = $_GET[‘page‘];
 50     }else{
 51         $page = 1;
 52     }
 53 
 54     $pageSize = 3;
 55     $sum = ($page-1)*$pageSize;
 56 
 57         $sql = "select * from movie limit $sum,$pageSize";
 58         echo $sql;
 59         $result = mysql_query($sql) or die(mysql_error());
 60 
 61         $sql1 = "select * from movie";
 62         $result1 = mysql_query($sql1) or die(mysql_error());
 63 
 64         $count = mysql_num_rows($result1);
 65 
 66 
 67         $n=0;
 68 
 69         function swiftType($type){
 70             $t = "";
 71             switch($type){
 72                 case 1:
 73                     $t = "爱情";
 74                     break;
 75                 case 2:
 76                     $t =  "科幻";
 77                     break;
 78                 case 3:
 79                     $t =  "恐怖";
 80                     break;
 81             }
 82 
 83             return $t;
 84 
 85         }
 86 
 87         while($row = mysql_fetch_array($result)){
 88     ?>
 89             <tr>
 90                 <td><?php echo $row[‘id‘] ?></td>
 91                 <td><a href="http://www.mamicode.com/detail.php?id=<?php echo $row[‘id‘] ?>"> <?php echo $row[‘moviename‘] ?> </a></td>
 92                 <td><?php echo $row[‘actor‘] ?></td>
 93                 <td>
 94                     <?php
 95                         echo swiftType($row[‘type‘]);
 96                     ?>
 97                 </td>
 98                 <td><a href="">删除</a> </td>
 99             </tr>
100 
101     <?php
102         $n++;
103         }
104 
105         mysql_close($conn);
106     ?>
107 
108 </table>
109 
110 <span>共有<?php echo $count ?> 部电影</span>
111 <span>共有<?php
112      $totalPage = $count % $pageSize == 0 ? intval($count / $pageSize) :  intval($count / $pageSize) + 1;
113     echo $totalPage;
114 
115     ?> 页</span>
116 
117 <a href="http://www.mamicode.com/list.php?page=<?php echo $page-1 ?>">上一页</a>
118 
119 <?php
120     for($i=1;$i<=$totalPage;$i++){
121 ?>
122 <a href="http://www.mamicode.com/list.php?page=<?php echo $i ?>"><?php echo $i ?></a>
123 <?php
124     }
125 ?>
126 <a href="http://www.mamicode.com/list.php?page=<?php if($page >= $totalPage){echo $totalPage;}else{echo $page+1;} ?>">下一页</a>
127 
128 跳转到 <input type="text" name="page" maxlength="5" size="5" id="txt"/> 页
129 
130 </body>
131 <script>
132     var t = document.getElementById("txt");
133     t.onkeydown=function(e){
134 
135         var e = e || window.event;
136         var key = e.keyCode;
137         if(key == 13){
138             location.href = "http://www.mamicode.com/list.php?page="+ t.value;
139         }
140     }
141 
142 </script>
143 </html>
 1 <html>
 2 <head>
 3     <title></title>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
 5 </head>
 6 <?php
 7 include("conn.php");
 8 if(@$_GET[‘id‘]){
 9     $id = $_GET[‘id‘];
10     $sql = "select * from movie where id=$id";
11     $r = mysql_query($sql);
12     $row = mysql_fetch_array($r);
13 }
14 ?>
15 <body>
16 <form action="update.php" method="post">
17     <input type="hidden" value="http://www.mamicode.com/<?php echo $row[‘id‘] ?>" name="id" readonly="readonly"/>
18     电影名称: <input type="text" value="http://www.mamicode.com/<?php echo $row[‘moviename‘] ?>" name="moviename"/> <br/>
19     主    演: <input type="text" value="http://www.mamicode.com/<?php echo $row[‘actor‘] ?>" name="actor"/> <br/>
20     <input type="submit" name="submit" value="http://www.mamicode.com/修改"/>
21 </form>
22 </body>
23 
24 </html>

 


联系
我们