美文网首页老友记之PHP7留言板开发
老友记之PHP7留言板开发(列表搜索)

老友记之PHP7留言板开发(列表搜索)

作者: 科科分享 | 来源:发表于2018-08-08 07:42 被阅读0次

    当数据量上来的时候,要找到它们中的一条,单单翻页去查找是一件很困难的事,这是时候就需要用到数据的搜索,可以瞬间找到我们想要的数据,既可以模糊搜索也可以精准搜索。
    在【分页】那一节我们已经做到了翻页,现在我们给这个列表加入搜索框进行搜索。

    效果图
    搜索姓名是“地方”的记录效果图
    理思路

    拿到任务的时候,如果没有设计图,自己脑子里要有个大概的想法,当然有经验了可以直接撸代码;还不好下手那就自己手动画一个(纸跟笔的少不了的)。万事俱备只欠动手撸码了。

    • 1、DIV+CSS(专辑开头的步骤一有介绍,实现用户操作一面,这里我们只需要额外增加:关键词输入框+搜索按钮的样式)
    • 2、PHP接收参数+MYSQL查询
      接收用户提交的关键词,赋值给$keyword,组装sql查询关键词语句"SELECT * FROM feedback WHERE name LIKE '%{$keyword}%'";,去执行sql语句或者相应数据返回前台呈现给用户。

    注:name LIKE '%{$keyword}%'" 意思是获取name字段中包含$keyword的记录集,两边的%百分号是指匹配任意类型和长度的字符,即模糊搜索,精准搜索去掉百分号即可。

    • 3、测试+debug修改
      整个需求功能都实现后,自己再简单的测试一遍,有时候以用户角度去体验一下自己做的功能,会发现不一样的问题,我们需要完善一下并修改debug,再提交给产品验收。相信坚持这样做,这份严谨的态度会给你带来意想不到收获。

    无非就是开头的三步骤,稳稳的完成任务,看着是不是离全栈工程师又更近一步了。

    完整代码结合课程开头的代码使用

    老友记之PHP7留言板开发(步骤一)
    老友记之PHP7留言板开发(步骤二)
    老友记之PHP7留言板开发(步骤三)

    <?php
    include 'config.php';
    
    $page = !empty($_GET['page'])?intval($_GET['page']):1;
    $keyword = !empty($_GET['keyword'])?strip_tags($_GET['keyword']):'';
    $pagesize = 1;
    
    // 统计总记录数,便于计算出总页数
    if(!empty($keyword)){
        $sql = "SELECT * FROM feedback WHERE name LIKE '%{$keyword}%'";
    }else{
        $sql = "SELECT * FROM feedback";
    }
    $result = mysqli_query($mysqli, $sql);
    $total = mysqli_affected_rows($mysqli);
    $total_page = ceil($total/$pagesize); // 进一法取整获取总页数
    
    // 开始分页查询,根据page计算偏移量
    $offset = ($page - 1) * $pagesize;
    
    if(!empty($keyword)){
        $sql = "SELECT * FROM feedback WHERE name LIKE '%{$keyword}%' LIMIT {$offset}, {$pagesize}";
    }else{
        $sql = "SELECT * FROM feedback LIMIT {$offset}, {$pagesize}";
    }
    $result = mysqli_query($mysqli, $sql);
    
    $lists = array();
    while($rows = mysqli_fetch_array($result)){
        $lists[] = $rows;
    }
    
    ?>
    <!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>列表带搜索功能_留言板_科科分享</title>
            <!-- 2.新建css样式文件并根据效果图编写css代码 -->
            <link rel="stylesheet" href="feedback.css">
            
        </head>
        <body>
            <!-- 工作区,呈现给用户看的 -->
            <!-- 1.开始搭建脚手架 -->
            <div class="container_box">
                <div class="up">
                    <h3 class="title">留言板</h3>
                    <h5 class="subtitle">LIST</h5>
                </div>
                <div class="down list">
                    <div class="search">
                    <form action="list.php">    
                    关键词:<input type='text' name="keyword" />
                    <input type="submit" value="去搜索">
                    </form>
                    </div>
                    <ul>
                        <?php
                        foreach($lists as $item){
                        ?>
                        <li>姓名:<?php echo $item['name']?> 联系方式:<?php echo $item['contact']?> 内容:<?php echo $item['content']?></li>
                        <?php
                        }
                        ?>
                    </ul>
                    <div class="pages">
                        <ul>
                            <?php
                            for($p = 1; $p<=$total_page; $p++){
                            ?>
                            <li <?php echo ($page == $p)?'class="active"':'';?>><a href="?page=<?php echo $p?>&keyword=<?php echo $keyword?>"><?php echo $p?></a></li>
                            <?php
                            }
                            ?>
                        </ul>
                    </div>
                </div>
            </div>
        </body>
    </html
    
    总结

    关键词:like(喜欢,像...)
    查询用户输入的关键词就是在数据库中查询用户喜欢的数据出来并呈现给用户。
    本节结束,记得勤加练习,尽量手写代码。
    如有内容错误或者疑惑记得下方评论区涂鸦!~

    相关文章

      网友评论

        本文标题:老友记之PHP7留言板开发(列表搜索)

        本文链接:https://www.haomeiwen.com/subject/njtbvftx.html