[Python知识库] 搜索引擎实现关键词高亮显示

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> Python知识库 -> 搜索引擎实现关键词高亮显示 -> 正文阅读

[Python知识库]搜索引擎实现关键词高亮显示

实现关键词高亮我们的思路是用html语句。即将关键词用html语句包裹起来，其中常用的语句有<span style="font-weght:bold"></span>、<span style="color:xxx"></span>，其中xxx可以放入常见颜色的英文名字（white），或者十六进制颜色代码（#ffffff）。

查询以及获取数据集data的代码如下：

?此时data中的数据结构如下：

?可见所查询数据（最右边）按照行被封装成了一个个Message对象，拼接成一个列表list，最后放入QuerySet数据集data中。

现在要将每一条数据的title、info字段中关键字用html包裹，想到了replace函数（替换指定的字符串）；又因为Django处于安全考虑，默认输出的html语句不生效，就要用到django.utils.safestring下的make_safe方法，代码如下：

for j in range(0,keyCount):
            dict['list'+str(i)].title = mark_safe(dict['list'+str(i)].title.replace(key[j],'<span style="color:red;">%s</span>'%key[j]))
            dict['list'+str(i)].info = mark_safe(dict['list'+str(i)].info.replace(key[j],'<span style="color:red;">%s</span>'%key[j]))

其中dict['list'+str(i)]是我将Paginator分页处理后的数据封装进了一个字典中，键值对中的值就是一个个Message类；key[j]是当前关键词，通过keyCount次循环以将所有关键词前后均加入html代码，最后的视觉效果如下：