关键字搜索后描红
2016-07-11 22:48
330 查看
在刚开始学习php的时候,就对搜索过后的关键字描红感到好奇,但是这几天在巩固php基础的时候,就发现原来这样的效果实现并不难。按照惯例,首先给大家看看效果图吧。
运行效果图
数据库相关
数据库名是book,只有一个数据库表,也是book,模拟了5条数据。
name字段是书名,description字段是书的描述
代码
最后说一下实现的原理,首先先获取从文本框输入的关键字文字,然后就是连接数据库进行查询,将书名中或者描述中包含关键字文字的记录查询出来,把查询到的结果循环显示出来,在显示书名和描述的时候,用str_ireplace()函数将其中的关键字文字替换成带有红色的文字,就实现了关键字描红的效果。
运行效果图
数据库相关
数据库名是book,只有一个数据库表,也是book,模拟了5条数据。
name字段是书名,description字段是书的描述
代码
<!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()函数将其中的关键字文字替换成带有红色的文字,就实现了关键字描红的效果。
相关文章推荐
- Android 联系人数据库介绍以及对联系人的基本操作
- 沧桑,何尝不是一种美丽 ----红尘一笑
- AndroidManifest文件中注册
- es6绑定上下文
- nvl函数 oracle
- JS导出PDF插件(支持中文、图片使用路径)
- js兼容获取元素的样式
- centos7编译linux的内核源码
- Android studio常用插件合集
- hibernate调用oracle存储过程案列
- 每天一个linux命令(42)--traceroute命令
- 精通 Angular JS 第一天——Angular 之禅
- Linux命令速查手册,超详细Linux命令教程
- [leetcode]91. Decode Ways
- Python的函数
- 事务,DML,DDL,DCL的概念
- 330. Patching Array
- java是一门有未来的语言!
- spring四种依赖注入方式 (set,构造器,工厂,注解 )
- [转]一款漂亮的表单输入框样式