通过Django和elasticsearch搜索引擎网站后端功能实现思路

一、输入框智能提示(es提供了接口 )
修改type
需要在mapping中设置一个字段 suggest:{“type”:“completion”}
所以要修改我们定义的type:
在type中新增一个字段:suggest,由于es-dsl源码有一些问题,所以这样定义是会报错的,要自己定义一个CustomAnalyzer,再声明一个自定义的对象,ik_analyzer,再把对象赋给type中的suggest :

...
from elasticsearch_dsl.analysis import CustomAnalyzer as _CustomAnalyzer

class CustomAnalyzer(_CustomAnalyzer):

    def get_analysis_definition(self):
        # 这里什么都不做,只是为了避免报错的问题
        return ()


# 声明一个自定义的对象,传递ik_max_word并且做大小写转换
ik_analyzer = CustomAnalyzer('ik_max_word', filter=['lowercase'])


class DuowanType(DocType):
 ...
    # 定义suggest是为了完成自动补全功能。
    # 由于es-dsl源码有一些问题,所以这样定义是会报错的,要自己定义一个CustomAnalyzer
    suggest = Completion(analyzer=ik_analyzer)
 ...

生成suggest值
在save_to_es里面生成搜索建议
要通过生成suggest的接口来生成自己的结构。
在items类中定义一个全局函数gen_suggests,传递index和info_tuple用于weight信息,新建一个set用于去重,一个suggest数组用于保存返回的内容。遍历info_tuple,如果text字符串不为空,则调用es的analyze接口来分析字符串,再整理好需要返回的结构

def gen_suggests(index, info_tuple):  # 用tuple 就可以传递多个weight信息 并且还可以按顺序
    # 根据字符串生成搜索建议数组
    uesd_words = set()  # 用于去重
    suggests = []  # 用于返回
    for text, weight in info_tuple:
        if text:  # 排除空字符串
            # 调用es的analyze接口来分析字符串
            words = es.indices.analyze(index=index, analyzer='ik_max_word', params={'filter': ['lowercase']}, body=text)
            anylyzed_words = set(r["token"] for r in words["tokens"] if len(r["token"]) > 1)  # 用来过滤单个字
            new_words = anylyzed_words - uesd_words  # 去重
        else:
            new_words = set()
        if new_words:
            suggests.append({'input': list(new_words), 'weight': weight})  
    return suggests

然后在save_to_es中调用这个函数:

info_tuple = ((duowan.title, 10), (duowan.author, 7))
        duowan.suggest = (gen_suggests(DuowanType._doc_type.index, info_tuple))

搭建django搜索网站
创建新的虚拟环境
进入虚拟环境并安装django包 pip install -i https://pypi.douban.com/simple/ django
然后用pycharm新建一个django的项目,直接运行,可以在log中看到服务器地址。
再新建一个static目录,把css,html,js文件粘贴进去,把html文件粘贴到templates目录下。
在urls文件中新增一个url

from django.contrib import admin
from django.urls import path
from django.conf.urls import url
from django.views.generic import TemplateView

urlpatterns = [
    path('admin/', admin.site.urls),
    url(r'^$', TemplateView.as_view(template_name='index.html'), name='index'),
]

在settings中添加一行设置;

# 这里也可以用tuple 用tuple的话路径后面要加逗号
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')  # 可以传递多个
]

在index.html中把<link href="css/style.css" rel="stylesheet" type="text/css" />之类的导入css和js的语句改为

{% load staticfiles %}
<head>
...
<link href="{% static 'css/style.css'%}" rel="stylesheet" type="text/css" />
...</head>

这样就可以把settings中的static_url join到‘ ’ 内容前面,这样就可以找得到html文件了。

搜索建议
在虚拟环境中安装同版本的es-dsl
f模糊搜索
fuzzy:

GET duowan/video/_search
{
  "query": {
    "fuzzy": {
      "title": {
        "value": "军团骑士",
        "fuzziness": 2,
        "prefix_length": 3
      }
    }
  },
  "_source": ["title"]
}

fuzziness:编辑距离
prefix_length:前面的不参与变换的词的长度
“_source”: [“title”]:指明字段

suggest:

POST duowan/video/_search
{
  "suggest": {
    "my-suggest": {
      "text":"PVQ",
      "completion": {
        "field": "suggest",
        "fuzzy": {
          "fuzziness":1
        }
      }
    }
  },
  "_source": ["title"]
}

my-suggest可以自定义,field不能变,

在index.html文件中嵌入了js脚本,绑定了input事件,当里面的内容发生变化时,向服务器发送请求,参数包括input内容,和type类型

$(function(){
        $('.searchInput').bind(' input propertychange ',function(){
            var searchText = $(this).val();
            var tmpHtml = ""
            $.ajax({
                cache: false,
                type: 'get', //get方法获取
                dataType:'json',
                url:suggest_url+"?s="+searchText+"&s_type="+$(".searchItem.current").attr('data-type'),
                async: true,
                success: function(data) {
                    for (var i=0;i<data.length;i++){
                        tmpHtml += '<li><a href="'+search_url+'?q='+data[i]+'">'+data[i]+'</a></li>'
                    }
                    $(".dataList").html("")
                    $(".dataList").append(tmpHtml);
                    if (data.length == 0){
                        $('.dataList').hide()
                    }else {
                        $('.dataList').show()
                    }
                }
            });
        } );
    })

在urls中新增:

 url(r'^suggest/$', TemplateView.as_view(template_name='index.html'), name='index')

然后把爬虫文件中es-type中的内容复制到django项目的models中
再编辑views文件:

import json
from django.shortcuts import render
from django.views.generic.base import View
from search.models import DuowanType
from django.http import HttpResponse


# Create your views here.
# 继承 View
class SearchSuggest(View):
    def get(self, request):
        key_words = request.GET.get('s', '')  # 用request获取传过来的参数s 默认值为空
        re_dates = []  # 用来保存搜索建议返回来的title
        if key_words:
            s = DuowanType.search()
            # 写好查询语句
            s = s.suggest('my_suggest', key_words, completion={
                "field": "suggest",
                "fuzzy": {
                    "fuzziness": 2
                },
                "size": 10
            })
            # 执行并获取结果
            suggestions = s.execute_suggest()
            for match in suggestions.my_suggest[0].options:
                source = match._source
                re_dates.append(source['title'])
        # 用HttpResponse来返回结果,把数组转成json返回
        return HttpResponse(json.dumps(re_dates), content_type='application/json')

把urls中的

 url(r'^suggest/$', TemplateView.as_view(template_name='index.html'), name='index')

改为

    url(r'^suggest/$', SearchSuggest.as_view(), name='suggest')

记得是SearchSuggest.as_view(),不是SearchSuggest.as_view,否则会报错如下:
TypeError: as_view() takes 1 positional argument but 2 were given

二 搜索功能
urls中:

from search.views import SearchSuggest, SearchView
...
url(r'^search/$', SearchView.as_view(), name='search')

在views中添加一个 SearchView(View):
接收传过来的查询关键词参数和页码参数,
创建一个client连接es服务器,使用client.search可以执行原始的语句,使用client.search来执行查询语句,在接收返回来的值,把返回来的结果取出来存放到list中,最后用render返回给页面,
查询时间:记录client.search运行前后的时间,再做减法

from elasticsearch import Elasticsearch
from datetime import datetime
client = Elasticsearch(hosts='127.0.0.1')
.......
class SearchView(View):
    def get(self, request):
        key_words = request.GET.get('q', '')
        pagesize = 10
        page = request.GET.get('p', '')
        try:
            page = int(page)
        except:
            page = 1

        # client.search允许像最原始的写法一样写
        body = {
                "query": {
                    "multi_match": {
                        "query": key_words,
                        "fields": ["title", "author"]
                    }
                },
                "from": (page-1)*pagesize,
                "size": pagesize,
                # 高亮 返回来的值会把高亮的内容放到highlight字段中
                "highlight": {
                    # 可以指明想要加进去的html tag tag里面可以写想知道的值
                    "pre_tags": ["<span class='keyword'>"],
                    "post_tags": ["</span>"],
                    "fields": {
                        "title": {},
                        "content": {}
                    }
                }
            }
        start_time = datetime.now()
        response = client.search(
            index="duowan",
            body=body
        )
        end_time = datetime.now()
        last_seconds = (end_time-start_time).total_seconds()
        # 不管分不分页都有的总数量
        total_nums = response['hits']['total']
        if (page % 10) > 0:
            page_nums = int(total_nums/10)+1
        else:
            page_nums = int(page/10)
        # 构造一些值 传到数组 在返回给html
        hit_list = []
        for hit in response['hits']['hits']:
            hit_dict = {}
            if 'title' in hit['highlight']:
                 hit_dict['title'] = hit['highlight']['title'][0]
            else:
                # 截取长度 hit_dict['title'] = hit['_source']['title'][:100
                hit_dict['title'] = hit['_source']['title']
            hit_dict['len'] = hit['_source']['len']
            hit_dict['tag'] = hit['_source']['tag']
            hit_dict['update_time'] = hit['_source']['update_time']
            hit_dict['author'] = hit['_source']['author']
            hit_dict['playnum_text'] = hit['_source']['playnum_text']
            hit_dict['url'] = hit['_source']['url']
            hit_list.append(hit_dict)
        return render(request, 'result.html', {'page': page,
                                               'total_nums': total_nums,
                                               'all_hits': hit_list,
                                               'key_words': key_words,
                                               'page_nums': page_nums,
                                               'last_seconds': last_seconds})

在页面中:
找到item的div,用{% for hit in all_hits %} <div>...</div> {% endfor %}来使用for循环,遍历传过来的查询结果list all_hits.在页面中填充值

   {% for hit in all_hits %}
                    <div class="resultItem">
                            <div class="itemHead">
                                <a href="{{ hit.url }}"  target="_blank" class="title">{{ hit.title }}</a>
                                <span class="divsion">-</span>
                                <span class="fileType">
                                    <span class="label">分类:</span>
                                    <span class="value">{{ hit.tag }}</span>
                                </span>
                                <span class="dependValue">
                                    <span class="label">播放次数:</span>
                                    <span class="value">{{ hit.playnum_text }}</span>
                                </span>
                            </div>
                            <div class="itemBody">

                            </div>
                            <div class="itemFoot">
                                <span class="info">
                                    <label>网站:</label>
                                    <span class="value">伯乐在线</span>
                                </span>
                                <span class="info">
                                    <label>发布时间:</label>
                                    <span class="value">{{ hit.update_time }}</span>
                                </span>
                            </div>
                    </div>
                    {% endfor %}

用js实现搜索记录:
点击搜索按钮的时候触发add_search()方法,获取关键词,再用KillRepeat()给搜索记录去重,去重后把数组存储到浏览器localStorage,然后再把搜索内容显示出来

//点击搜索的时候触发
    function add_search(){
        var val = $(".searchInput").val();
        if (val.length>=2){
            //点击搜索按钮时,去重
            KillRepeat(val);
            //去重后把数组存储到浏览器localStorage
            localStorage.search = searchArr;
            //然后再把搜索内容显示出来
            MapSearchArr();
        }

        window.location.href=search_url+'?q='+val+"&s_type="+$(".searchItem.current").attr('data-type')

    }

    function MapSearchArr(){
        var tmpHtml = "";
        var arrLen = 0
        if (searchArr.length >= 5){
            arrLen = 5
        }else {
            arrLen = searchArr.length
        }
        //把数组内容拼接成html内容
        for (var i=0;i<arrLen;i++){
            tmpHtml += '<a href="'+search_url+'?q='+searchArr[i]+'">'+searchArr[i]+'</a>'
        }
        $(".mysearch .all-search").html(tmpHtml);
    }
    //去重 把以前搜索过的记录删除,并把本次搜索词放在前面
    function KillRepeat(val){
        var kill = 0;
        for (var i=0;i<searchArr.length;i++){
            //判断这个词是否存在历史搜索记录里
            if(val===searchArr[i]){
                kill ++;
            }
        }
        if(kill<1){//不存在
            //放到队列头部
            searchArr.unshift(val);
        }else {//存在
            //把原来的值删除
            removeByValue(searchArr, val)
            searchArr.unshift(val)
        }
    }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章