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

  • 相关阅读:
    使用pipenv管理虚拟环境
    使用cookiecutter创建django项目
    Django中ModelViewSet的应用
    Redis添加历史浏览记录
    Django中配置用Redis做缓存和session
    点击即复制
    PostGreSQL数据库安装配置说明
    IntelliJ IDEA 2017.1.4 x64配置说明
    Struts2之2.5.10.1HelloWorld
    Apache Shiro系列(1)
  • 原文地址:https://www.cnblogs.com/haodayikeshu/p/5339460.html
Copyright © 2011-2022 走看看