zoukankan      html  css  js  c++  java
  • 2016/3/30 租房子 ①建立租房子的增、删、改php页面 ②多条件查询 ③全选时 各部分全选中 任意checkbox不选中 全选checkbox不选中

    字符串的另一种写法:<<<AAAA; 后两个AA回车要求顶格  不然报错

    例子:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6 </head>
     7 <body>
     8 <?php 
     9 $str = <<<AA
    10 ffffff909090(0000));'''''''''""""
    11 AA;
    12  echo $str; 
    13 ?>    
    14 </body>
    15 </html>

    图:

    ①House分七个页面  数据库为 test2 House 表  注意form:chuli的表可以与相关表合并为一个  分开较清晰

    分别是

    1,Hmain.php:主页面 

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6 </head>
     7 <body>
     8 <table border="1" cellpadding="0" cellspacing="0">
     9     <tr>
    10         <td>编号</td>
    11         <td>关键字</td>
    12         <td>区域</td>
    13         <td>使用面积</td>
    14         <td>租金</td>
    15         <td>租赁类型</td>
    16         <td>房屋类型</td>
    17         <td>操作</td>    
    18     </tr>
    19     <?php 
    20     //造连接对象
    21     $db=new mysqli("localhost","root","123","test2");
    22     //判断连接是否成功
    23     !mysqli_connect_error()or die("连接失败!");
    24     //写sql语句
    25     $sql="select * from House";
    26     //执行sql语句
    27     $result=$db->query($sql);
    28     //处理查询的结果
    29     $attr=$result->fetch_all();
    30     for ($i=0; $i <count($attr) ; $i++) { 
    31         echo "<tr>";
    32         for ($j=0; $j <count($attr[$i]); $j++) { 
    33             echo "<td>{$attr[$i][$j]}</td>";
    34         }
    35         echo "<td><a href='Hdelete.php?code={$attr[$i][0]}'>删除</a><a href='Hupdate.php?code={$attr[$i][0]}'>修改</a></td>";
    36             echo "</tr>";
    37     }
    38      ?>
    39 </table>
    40 <br/>
    41 <a href="Hadd.php"><input type="button" value="添加数据"></a>    
    42 </body>
    43 </html>
    View Code

    图:

    2,Hadd.php:添加页面

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6 </head>
     7 <style>
     8     .kong
     9     {
    10         margin:10px 0px 10px 0px;
    11         vertical-align: 
    12     }
    13 </style>
    14 <body>
    15 <form action="Haddchuli.php" method="post">
    16     
    17     <div class="kong">
    18         编&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp号
    19         <input type="text" name="code"/>
    20     </div>
    21 
    22     <div class="kong">
    23         关&nbsp&nbsp键&nbsp字
    24         <input type="text" name="keyword"/>
    25     </div>
    26     <div class="kong">
    27         区&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp域
    28         <input type="text" name="quyu"/>
    29     </div>
    30     <div class="kong">
    31         使用面积
    32         <input type="text" name="mianji"/>
    33     </div>
    34     <div class="kong">
    35         租&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp金
    36         <input type="text" name="zujin">
    37     </div>
    38     <div class="kong">
    39         租赁类型
    40         <input type="text" name="zulei"/>
    41     </div>
    42     <div class="kong">
    43         房屋类型
    44         <input type="text" name="fanglei"/>
    45     </div>
    46 <div>
    47     <input type="submit" value="确定"/>
    48     <a href="Hmain.php">返回</a>
    49 </div>
    50 </form>    
    51 </body>
    52 </html>
    View Code

    图:

    3,Haddchuli.php:添加处理页面

     1 <?php 
     2 $code=$_POST["code"];
     3 $keyword=$_POST["keyword"];
     4 $quyu=$_POST["quyu"];
     5 $mianji=$_POST["mianji"];
     6 $zujin=$_POST["zujin"];
     7 $zulei=$_POST["zulei"];
     8 $fanglei=$_POST["fanglei"];
     9 //造连接对象
    10 $db=new mysqli("localhost","root","123","test2");
    11 //判断是否出错
    12 !mysqli_connect_error() or die("连接失败");
    13 //写sql语句
    14 $sql="insert into House values('$code','$keyword','$quyu','$mianji','$zujin','$zulei','$fanglei')";
    15 //执行语句
    16 $result=$db->query($sql);
    17 if ($result) {
    18     header("location:Hadd.php");
    19 }
    20 else{
    21     echo "执行失败!";
    22 }
    23  ?>}
    View Code

    4,Hdelete.php:删除页面

     1 <?php 
     2 
     3 $code=$_GET["code"];
     4 $db=new mysqli("localhost","root","123","test2");
     5 !mysqli_connect_error() or die("连接有误!");
     6 $sql="delete from House where id='$code'";
     7 $result=$db->query($sql);
     8 if ($result) {
     9     header("location:Hmain.php");
    10 }
    11 else{
    12     echo "删除失败!";
    13 }
    14  ?>}
    View Code

    图:删除上图的第18个  主键删除后不会再次启用   而是以此向下排序

    5,Hupdate.php:修改页面     使用面积和租金   数字填完之后有点奇怪?

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6 </head>
     7 <body>
     8 <?php 
     9     $code=$_GET["code"];
    10     $db=new mysqli("localhost","root","123","test2");
    11     !mysqli_connect_error()or die("连接有误!");
    12     $sqlu="select * from House where id='$code'";
    13     $result=$db->query($sqlu);
    14     $attu=$result->fetch_row();
    15 
    16 
    17  ?>
    18 <form action="Hupdatechuli.php" method="post">
    19     
    20     <div>
    21         编&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp号:
    22         <input type="text" name="code" value="<?php echo $attu[0] ?>"/>
    23     </div>
    24 
    25     <div>
    26         关 键 字&nbsp&nbsp:
    27         <input type="text" name="keyword" value="<?php echo $attu[1] ?>"/>
    28     </div>
    29     <div>
    30         区&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp域:
    31         <input type="text" name="quyu" value="<?php echo $attu[2] ?>"/>
    32     </div>
    33     <div>
    34         使用面积:
    35         <input type="text" name="mianji" value="<?php echo $attu[3] ?>"/>
    36     </div>
    37     <div>
    38         租&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp金:
    39         <input type="text" name="zujin" value="<?php echo $attu[4] ?>"/>
    40     </div>
    41     <div>
    42         租赁类型:
    43         <input type="text" name="zulei" value="<?php echo $attu[5] ?>"/>
    44     </div>
    45     <div>
    46         房屋类型:
    47         <input type="text" name="fanglei" value="<?php echo $attu[6] ?>"/>
    48     </div>
    49 <div>
    50     <input type="submit" value="确定"/>
    51     <a href="Hmain.php">返回</a>
    52 </div>
    53 </form>    
    54 </body>
    55 </html>
    View Code

    图:

    6,Hupdatechuli.php:修改处理页面

     1 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     2 <?php 
     3 
     4 $code=$_POST["code"];
     5 $keyword=$_POST["keyword"];
     6 $quyu=$_POST["quyu"];
     7 $mianji=$_POST["mianji"];
     8 $zujin=$_POST["zujin"];
     9 $zulei=$_POST["zulei"];
    10 $fanglei=$_POST["fanglei"];
    11 //造连接对象
    12 $db=new mysqli("localhost","root","123","test2");
    13 //判断是否出错
    14 !mysqli_connect_error() or die("连接失败");
    15 //写sql语句
    16 $sql="update House set KeyWord='$keyword',Area='$quyu',SquareMeter='$mianji',Rent='$zujin',RentType='$zulei',HouseType='$fanglei'where id='$code'";
    17 //执行语句
    18 $result=$db->query($sql);
    19 if ($result) {
    20     header("location:Hadd.php");
    21 }
    22 else{
    23     echo "执行失败!";
    24 }
    25  ?>
    View Code

    7,hhcheck.php:多条件联合查询页面

      1 <!DOCTYPE html>
      2 <html lang="en">
      3 <head>
      4     <meta charset="UTF-8">
      5     <title>Document</title>
      6 </head>
      7 <body>
      8 <?php 
      9     @$qytj=$_POST["qy"];
     10     @$zltj=$_POST["zl"];
     11     @$fltj=$_POST["fl"];
     12     @$key=$_POST["key"];
     13 
     14     //造查询字符串
     15     $st1=" 1=1";
     16     $st2=" 1=1";
     17     $st3=" 1=1";
     18     $st4=" 1=1";
     19     //判断第一个条件是否有值
     20     if (count($qytj)>0) {
     21         $ss=implode("','",$qytj);
     22         $st1=" Area in ('$ss') ";
     23     }
     24     //依次判断第二三四个条件
     25     if (count($zltj)>0) {
     26         $zz=implode("','",$zltj);
     27         $st2=" Renttype in ('$zz')";
     28     }
     29     if (count($fltj)>0) {
     30         $ff=implode("','",$fltj);
     31         $st3=" HouseType in ('$ff')";
     32     }
     33     if ($key!="") {
     34         
     35         $st4=" KeyWord like '%$key%'";
     36     }
     37 $sqltj=" where".$st1." and ".$st2." and ".$st3." and ".$st4;
     38 
     39  ?>
     40 <form action="hhcheck.php" method="post">
     41 <div>
     42     <div>区域:
     43         <input type="checkbox" id="qyall" name="qyall" onclick="CheckAll(this,'qy')">全选
     44     </div>
     45     <div>
     46     <?php 
     47         //1.造连接对象
     48         $db=new mysqli("localhost","root","123","test2");
     49         //2.判断是否连接成功
     50         !mysqli_connect_error()or die("连接失败");
     51         $sqlqy="select distinct(Area) from House";
     52         $result=$db->query($sqlqy);
     53         $arrqy=$result->fetch_all();
     54         for ($i=0; $i <count($arrqy); $i++) { 
     55             echo "<div style='display:inline'><input type='checkbox' name='qy[]' class='qy' value='{$arrqy[$i][0]}'>{$arrqy[$i][0]}</div>&nbsp";
     56         }
     57          ?>
     58     </div>
     59     <br>
     60     <div>租赁类型:
     61         <input type="checkbox" id="zlall" name="zlall" onclick="CheckAll(this,'zl')">全选    
     62     </div>
     63         <div>
     64     <?php 
     65         //1.造连接对象
     66         $db=new mysqli("localhost","root","123","test2");
     67         //2.判断是否连接成功
     68         !mysqli_connect_error()or die("连接失败");
     69         $sqlzl="select distinct(Renttype) from House";
     70         $result=$db->query($sqlzl);
     71         $arrzl=$result->fetch_all();
     72         for ($i=0; $i <count($arrzl); $i++) { 
     73             echo "<div style='display:inline'><input type='checkbox' name='zl[]' class='zl'value='{$arrzl[$i][0]}'>{$arrzl[$i][0]}</div>&nbsp";
     74         }
     75          ?>
     76     </div>
     77     <br>
     78     <div>房屋类型:
     79         <input type="checkbox" id="flall" name="fl[]" onclick="CheckAll(this,'fl')">全选
     80     </div>
     81     <div>
     82     <?php 
     83         //1.造连接对象
     84         $db=new mysqli("localhost","root","123","test2");
     85         //2.判断是否连接成功
     86         !mysqli_connect_error()or die("连接失败");
     87         $sqlfl="select distinct(HouseType) from House";
     88         $result=$db->query($sqlfl);
     89         $arrfl=$result->fetch_all();
     90         for ($i=0; $i <count($arrfl); $i++) { 
     91             echo "<div style='display:inline'><input type='checkbox' name='fl[]' class='fl' value='{$arrfl[$i][0]}'>{$arrfl[$i][0]}</div>&nbsp";
     92         }
     93          ?>
     94     </div>
     95     <br>
     96     <div>关键字:
     97         <input type="text" name="key">
     98         <input type="submit" value="搜索">
     99     </div>    
    100 </div>
    101 </form>
    102     <table border="1" width=100% cellpadding="0" cellspacing="0">  
    103         <tr>
    104             <td>关键字</td>
    105             <td>区域</td>
    106             <td>面积</td>
    107             <td>租金</td>
    108             <td>租赁类型</td>
    109             <td>房屋类型</td>
    110         </tr>
    111         <?php 
    112         //1.造连接对象
    113         $db=new mysqli("localhost","root","123","test2");
    114         //2.判断是否连接成功
    115         !mysqli_connect_error()or die("连接失败");
    116         $sql="select * from House ".$sqltj;
    117         $result=$db->query($sql);
    118         $arral=$result->fetch_all();
    119         for($i=0; $i<count($arral); $i++){ 
    120             echo "<tr>
    121         <td>{$arral[$i][1]}</td>
    122         <td>{$arral[$i][2]}</td>
    123         <td>{$arral[$i][3]}</td>
    124         <td>{$arral[$i][4]}</td>
    125         <td>{$arral[$i][5]}</td>
    126         <td>{$arral[$i][6]}</td>
    127             </tr>";
    128         }
    129         
    130          ?>
    131     </table>
    132 </body>
    133 <script type="text/javascript">
    134     function CheckAll(checked,cname)
    135     {
    136         
    137         var all=document.getElementsByClassName(cname);
    138         for (var i = 0; i < all.length; i++) {
    139             all[i].checked=checked.checked;
    140         }
    141     }
    142 </script>
    143 </html>
    View Code

    图一

    图二:图一条件查出的结果

    图三: 全选中时  下面选项也选中    但有个缺陷 部分不选时  全选还是存在   接下来解决

    ②加一个页面 checkbox 中选项任意一个不选   全选自动取消

    YiGeBuZhongQuanBuZhong.php

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6 </head>
     7 <body>
     8 <input type="checkbox" id="quan" name="qx" onclick="CheckAll(this,'list')">全选
     9 <div>
    10 <input type="checkbox" class="list" onclick="Checkpa(this)">
    11 <input type="checkbox" class="list" onclick="Checkpa(this)">
    12 <input type="checkbox" class="list" onclick="Checkpa(this)">
    13 <input type="checkbox" class="list" onclick="Checkpa(this)">
    14 <input type="checkbox" class="list" onclick="Checkpa(this)">
    15 <input type="checkbox" class="list" onclick="Checkpa(this)">
    16 </div>    
    17 </body>
    18 <script>
    19     function CheckAll(ck,list)
    20     {    //找到全选按钮的选中状态
    21         var zt=ck.checked;
    22         //找到所有控制的checkbox
    23         var all=document.getElementsByClassName(list);
    24         //控制所有的checkbox状态和全选的状态一致
    25         for (var i = 0; i < all.length; i++) {
    26             all[i].checked=zt;
    27         }
    28     }
    29     function Checkpa(pa)
    30     {
    31         if(!pa.checked)    
    32         {
    33             document.getElementById("quan").checked=
    34             false;
    35         }
    36     }
    37 </script>
    38 </html>
    View Code

  • 相关阅读:
    Java实现 蓝桥杯 算法提高 特等奖学金(暴力)
    Java实现 蓝桥杯 算法提高 特等奖学金(暴力)
    Java实现 蓝桥杯 算法提高 GPA(暴力)
    Java实现 蓝桥杯 算法提高 GPA(暴力)
    Java实现 蓝桥杯 算法提高 GPA(暴力)
    Java实现 蓝桥杯 算法提高 套正方形(暴力)
    Java实现 蓝桥杯 算法提高 套正方形(暴力)
    第一届云原生应用大赛火热报名中! helm install “一键安装”应用触手可及!
    云原生时代,2个方案轻松加速百万级镜像
    Knative 基本功能深入剖析:Knative Serving 自动扩缩容 Autoscaler
  • 原文地址:https://www.cnblogs.com/haodayikeshu/p/5339460.html
Copyright © 2011-2022 走看看