租房页面如图：

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>租房子</title>
        <script src="bootstrap/js/jquery-1.11.2.min.js"></script>　　//引入bootstrap前端框架的三个文件
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    </head>
    <style>
        .yangshi{
            margin-left: 69px;
        }
        .ys{
            margin-left: 69px;
        }
        .juli{
            margin-left: 28px;
        }
    </style>
    <body>
        <form action="rental.php" method="get" style="margin-top: -145px;">　　//form表单中使用get方式进行提交
    <div style="width: 80%; height: 650px; background-image: url(./img/魅力罗兰Music炫图13.jpg); margin-left: 150px; margin-top: 150px;">
        <div style="margin-left: 20px;">
            <h1 style="margin-left: 40%; pading-top: 20px;">租房子</h1>
            <div class="juli">区域：<input type="checkbox" class="ck1" onclick="qx(this)"> 全选</div>
            <div>

　　　　//连接数据库并利用去重查询取出列名为区域的这一组数据                              
                <?php
                require_once "./DBDA.class.php";    
                require_once "./page.class.php";
                $db = new DBDA();
                $sqy = "select distinct area from housedb";    //去重查询
                $aqy =$db->query($sqy,0);
                foreach($aqy as $v){
                    echo "<span class='yangshi'><input type='checkbox'  class='ck1' name='qy[]' value='{$v[0]}'> {$v[0]}</span>";
                }
                ?>
            </div>
        </div>

　　效果如图：

<div style="margin-left: 20px; margin-top: 20px;">
            <div>租房类型：<input type="checkbox" class="ck2" onclick="zflx(this)"> 全选</div>
            <div>

　　　　//连接数据库并利用去重查询取出列名为租房类型的这一组数据      
                <?php
                $srt = "select distinct renttype from housedb";    
                $art = $db->query($srt,0);
                foreach($art as $v){
                    echo "<span class='ys'><input type='checkbox' class='ck2' name='zflx[]' value='{$v[0]}'> {$v[0]}</span>";
                }
                ?>
            </div>

　　效果如图：

<div style="margin-top: 20px;">
            <div class="juli">户型：<input type="checkbox" class="ck3" onclick="hx(this)"> 全选</div>
            <div>

　　　　//连接数据库并利用去重查询取出列名为户型的这一组数据    
                <?php
                $sht = "select distinct housetype from housedb";    
                $aht = $db->query($sht,0);
                foreach($aht as $v){
                    echo "<span class='yangshi'><input type='checkbox' class='ck3' name='hx[]' value='{$v[0]}' > {$v[0]}</span>";
                }
                ?>
            </div>
            </div>

　　效果如图：
        </div>
        
            <div style="margin-top: 20px; margin-left: 20px;">
                <span class="glyphicon glyphicon-search" style="margin-top: 10px; float: left;"></span>

　　　　//关键字查询
                <input type="text" class="form-control" name="keyword" placeholder="关键字搜索" style="max-width: 120px;float: left;">
                <button type="submit" class="btn btn-danger"style="float: left; margin-left: 20px;">搜索</button>

　　效果如图：
            </div>
    //使用表格在页面输出全部数据信息
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>关键字</th>
                    <th>区域</th>
                    <th>房子面积</th>
                    <th>租价</th>
                    <th>租房类型</th>
                    <th>户型</th>
                </tr>
            </thead>
            <tbody>
                <?php                                                                    
                $tj1 = " 1=1 ";　　//分别对不同查询的条件做一个恒成立的条件
                $tj2 = " 1=1 ";
                $tj3 = " 1=1 ";
                $tj4 = " 1=1 ";
                if(!empty($_GET["qy"])){　　//区域的条件判断
                    $qy = $_GET["qy"];
                    $str = implode("','", $qy);
                    $tj1 = "area in ('{$str}')";
                }
                if(!empty($_GET["zflx"])){　　//租房类型的条件判断
                    $zflx = $_GET["zflx"];
                    $str = implode("','", $zflx);
                    $tj2 = "renttype in ('{$str}')";
                }
                if(!empty($_GET["hx"])){　　//户型的条件判断
                    $hx = $_GET["hx"];
                    $str = implode("','", $hx);
                    $tj3 = "housetype in ('{$str}')";
                }
                if(!empty($_GET["keyword"])){　　//关键字查询的条件判断
                    $keyword = $_GET["keyword"];
                    $tj4 = "keyword like '%{$keyword}%'";
                }    
                
                $zts = "select count(*) from housedb where {$tj1} and {$tj2} and {$tj3} and {$tj4}";　　
                $ats = $db->query($zts,0);
                $page = new page($ats[0][0],3);　　//分页查询取总数，设置每页显示的行数据

　　效果如图：

$sql = "select * from housedb where {$tj1} and {$tj2} and {$tj3} and {$tj4}".$page->limit;　　//利用拼接字符串方式将调取分页方法与条件进行拼接
                $arr = $db->query($sql,0);
                foreach($arr as $v){
                    echo "<tr>
                    <td>{$v[1]}</td>
                    <td>{$v[2]}</td>
                    <td>{$v[3]}</td>
                    <td>{$v[4]}</td>
                    <td>{$v[5]}</td>
                    <td>{$v[6]}</td>
                </tr>";
                }
                ?>                
            </tbody>
        </table>

　　效果如图：
        <div>
            <?php
            echo $page->fpage();
            ?>
        </div>
    </div>
    </form>                
    </body>
    <script>

　　//使用JS实现全选功能
        function qx(qx){
            var ck1 = document.getElementsByClassName("ck1");
            for(var i=0;i<ck1.length;i++){
                ck1[i].checked=qx.checked;
            }
        }
        function zflx(zflx){
            var ck2 = document.getElementsByClassName("ck2");
            for(var i=0;i<ck2.length;i++){
                ck2[i].checked=zflx.checked;
            }
        }
        function hx(hx){
            var ck3 = document.getElementsByClassName("ck3");
            for(var i=0;i<ck3.length;i++){
                ck3[i].checked=hx.checked;
            }
        }
    </script>
</html>

PHP连接数据库实现多条件查询与分页功能——关于租房页面的完整实例操作的更多相关文章

  1. SSM整合 mybatis多条件查询与分页

    多条件查询与分页: 通过页面的houseName.floorage获取值传到前端视图(HouseSearchVO)实体类中的houseName,floorage建立houseSearchVO对象. 通 ...

  2. WebFrom 小程序【条件查询与分页整合】

    将前面的条件查询功能与分页显示整合到一个页面中 <%@ Page Language="C#" AutoEventWireup="true" CodeFil ...

  3. TP条件查询和分页查询

    一.条件查询 前端页面 <!doctype html> <html> <head> <meta charset="utf-8"> & ...

  4. Spring MVC和Spring Data JPA之按条件查询和分页（kkpaper分页组件）

    推荐视频:尚硅谷Spring Data JPA视频教程,一学就会,百度一下就有, 后台代码:在DAO层继承Spring Data JPA的PagingAndSortingRepository接口实现的 ...

  5. spring data jpa实现多条件查询（分页和不分页）

    目前的spring data jpa已经帮我们干了CRUD的大部分活了,但如果有些活它干不了(CrudRepository接口中没定义),那么只能由我们自己干了.这里要说的就是在它的框架里,如何实现自 ...

  6. （转）Entity Framework4.1实现动态多条件查询、分页和排序

    原文:http://www.cnblogs.com/ahui/archive/2011/08/04/2127282.html EF通用的分页实现: 1 2 3 4 5 6 7 8 9 10 11 12 ...

  7. 【spring data jpa】带有条件的查询后分页和不带条件查询后分页实现

    一.不带有动态条件的查询 分页的实现 实例代码: controller:返回的是Page<>对象 @Controller @RequestMapping(value = "/eg ...

  8. thinkphp5.0多条件模糊查询以及多条件查询带分页如何保留参数

    1,多条件模糊查询 等于:map[‘id′]=array(‘eq′,100);不等于:map[‘id′]=array(‘eq′,100);不等于:map[‘id’] = array(‘neq’,100 ...

  9. Spring Boot Jpa 多条件查询+排序+分页

    事情有点多,于是快一个月没写东西了,今天补上上次说的. JPA是Java Persistence API的简称,中文名Java持久层API,是JDK 5.0注解或XML描述对象-关系表的映射关系,并将 ...

随机推荐

  1. 买卖股票的最佳时机II

    题目描述 给定一个数组,它的第 i 个元素是一支给定股票第 i 天的价格. 如果你最多只允许完成一笔交易(即买入和卖出一支股票),设计一个算法来计算你所能获取的最大利润. 注意你不能在买入股票前卖出股 ...

  2. C# Winform 对话框控件&简单记事本

    一.对话框 1.弹出可供用户选择“确定”.“取消”的对话框 Dialogresult dr =  MessigeBox.Show("这里显示的是对话框的内容","这里显示 ...

  3. 没有上司的舞会 codevs 1380

    上树DP,记忆化搜索. 本题老师讲的方法是直接树形DP,但是由于我对树并不够了解,什么dfs也不想尝试(虽然感觉自己可以搞),于是搞了个结构体存点以及该点的信息,用f[i][j]作为记忆化数组.以后最 ...

  4. 把axios封装为vue插件使用

    前言 自从Vue2.0推荐大家使用 axios 开始,axios 被越来越多的人所了解.使用axios发起一个请求对大家来说是比较简单的事情,但是axios没有进行封装复用,项目越来越大,引起的代码冗 ...

  5. luogu3731 新型城市化

    题目链接 思路 这道题对于题意的转化很关键. 题目要求的是添上一条边,使得图中最大团的大小变大.给出的边是原图的补集,这就给我们了提示. 因为题目中说,原图中最多有两个团.所以给出的边一定形成了一个二 ...

  6. [luogu3709][大爷的字符串题]

    题目链接 题意 一天做到两道这种题目描述如此神仙的题也是够了.真锻炼语文能力. 题目的意思其实就是,给你一个序列,然后每次询问一个区间.使得尽量按照严格上升的顺序从这个区间内取数.如果当前取得数字小于 ...

  7. JS模块化开发（三）——seaJs+grunt

    1.seaJs直接构建存在的问题 由于模块之间的依赖require引用的是模块名,当多个js模块被合并成一个时,会由于找不到模块名而报错 2.seaJs+grunt开发 用到的插件:grunt-cmd ...

  8. PHP生成四角图片

    <?php /** 圆角 $radius = 100; $img = imagecreatetruecolor($radius, $radius); // 创建一个正方形的图像 $bgcolor ...

  9. Luogu P1117 [NOI2016]优秀的拆分

    题目链接 \(Click\) \(Here\) 这题质量不错,就是暴力分有点足\(hhhhhhhh\),整整有\(95\)分. (搞得我写完暴力都不想写正解直接理解思路之后就直接水过去了\(QwQ\) ...

  10. 构造方法关键字---this

    this 可以在构造方法之间进行调用 *this在构造方法之间调用 this() this 可以在构造方法之间进行调用 *this在构造方法之间调用 this() package cn.homewor ...