前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >PHP实现关键字搜索后描红功能示例

PHP实现关键字搜索后描红功能示例

作者头像
砸漏
发布2020-10-20 11:07:20
8550
发布2020-10-20 11:07:20
举报
文章被收录于专栏:恩蓝脚本

本文实例讲述了PHP实现关键字搜索后描红功能。分享给大家供大家参考,具体如下:

在刚开始学习php的时候,就对搜索过后的关键字描红感到好奇,但是这几天在巩固php基础的时候,就发现原来这样的效果实现并不难。按照惯例,首先给大家看看效果图吧。

运行效果图

这里写图片描述
这里写图片描述

数据库相关

  • 数据库名是book,只有一个数据库表,也是book,模拟了5条数据。
  • name字段是书名,description字段是书的描述
这里写图片描述
这里写图片描述

代码

代码语言:javascript
复制
<!DOCTYPE html 
<html 
<head 
  <meta charset="utf-8" 
  <meta http-equiv="X-UA-Compatible" content="IE=edge" 
  <title </title 
  <link rel="stylesheet" href="" 
</head 
<body 
<form action="14.php" method="post" 
  请输入关键字:<input type="text" name="keyword" 
  <input type="submit" value="提交" / 
</form 
<?php
  if(!empty($_POST['keyword'])){
    $keyword = $_POST['keyword'];//获取输入的关键字
    //进行数据库连接
    $conn = mysql_connect("localhost","root","1234");
    if(!$conn){
      die("数据库连接失败");
    }
    $flag = mysql_select_db("book",$conn);
    if(!$flag){
      die("数据库打开失败");
    }
    mysql_query("set names utf8");
    $sql = "select * from book where name like '%$keyword%' or description like '%$keyword%'";
    $result = mysql_query($sql,$conn);
    while($row = mysql_fetch_assoc($result)){
? 
<div style="width:300px;height:100px;background-color: #ccc;margin-bottom: 10px" 
  <p 书名:<?php echo str_ireplace($keyword, "<font color='#f00' $keyword</font ",$row['name'])? </p 
  <p 描述:<?php echo str_ireplace($keyword, "<font color='#f00' $keyword</font ",$row['description'])? </p 
</div 
<?php
  }
}else{
  echo "很遗憾,没有找到书籍";
}
? 
</body 
</html 

最后说一下实现的原理,首先先获取从文本框输入的关键字文字,然后就是连接数据库进行查询,将书名中或者描述中包含关键字文字的记录查询出来,把查询到的结果循环显示出来,在显示书名和描述的时候,用str_ireplace()函数将其中的关键字文字替换成带有红色的文字,就实现了关键字描红的效果。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
数据库
云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档