00:01
好了继续吧,啊呃,然后下面我们把这个高亮讲一下啊高亮。呃,你明白什么叫高亮吗?同学们。就是呃,让你这个看起来这个很直观啊,就是我一眼就能够什么这个把这个。就是定位到它啊,或者我一眼看上去,诶,我就知道我要看谁,就它会有一个什么呀,呃,特殊的样式啊,或者特殊的颜色,然后呢,做一个显示的啊,你比如说啊。在我们这个电商中啊,或者在你这个淘宝这个百度里面都是一样的,比如说你搜索一个张译对吧,那你搜索出来这个结果中。关键字,它显示的颜色是不一样的,你发现了吧?这就是一个高亮显示啊,就是它会直接就是什么,以一种很直观的方式告诉你看啊,我是给你匹配成功的啊,这就是你要匹配的那个字,匹配的那个词。对吧,就是高端显示的,以及我在我实际的这个,就是实际的这个内容中,我匹配到的东西,我也会给什么给你显示一下,当然这是一个缩略显示啊,他不可能把这个所有的都给你显示出来。
01:08
对吧,好,那你看。这个。京东里面也是一个道理啊,你搜索一个手机啊,比如说搜索一个华为吧,啊,我就搜索华为啊,华为中华有为对吧。看一下所有的结果中,华为华为呃,这个应该也有啊,这个是呃,这个这个应该也算哈,应该也算啊,然后呢,这个华为。对吧,都是给你高亮显示的。能看到吧。只不过它的高端显示就是什么给你处理成一个红颜色的啊,那当然这个高亮显示最后到底要显示什么样的一个样式,显示什么的颜色啊,这个其实不是固定的说那必须得红色吗?我跟你讲不是的啊,看你们这个自己的这个,呃,设计是什么样的,比如说我可以什么呀,诶显示什么出题对吧,斜体啊,我觉得红色不好看,我选择绿色。
02:00
能理解吧,啊都可以啊,这个你自己去做啊,但是。你要想明白的是,我怎么知道哪些东西要作为高亮显示?对吧,你看啊,我这个查出来结果我这个整个这个SQ内中为什么只有他是做高亮显示的,我前端是怎么知道这个事情。因为你这个整体的一个效果的一个渲染,这是要用前端去帮你去渲染的,就浏览器帮你去做渲染的。他怎么知道这两个字,我就要去做高亮呢?对吧,这个其实是由我的后台告诉你的,就是我后台在查出来以后呢,我就要告诉你这两个字是要做高亮的,或者这几个字是要做高亮的。好来,这个怎么做呢?给大家去演示一下你就知道了啊,其实很简单,ES都帮你处理好了,好来,比如说我们就查了啊,那我就什么查搜索啊,就是这个分词啊,分词这个匹配匹配什么呀,匹配这个。啊,就red得了好吧。
03:03
好,就是red c啊,然后了吧,分次匹配red c,好,接下来你看我要写了啊,怎么写的就是get movie。好index,然后呢,下环节search然后了吧,OK,那这里面我们写什么东西啊,分词比配你怎么写啊,那不就还是一个query嘛,Query里面写match match里面写什么呀?就写你的这个名字就完事了,对吧?好名字里面写什么,写个red c等于错了啊好red c行找一下这个总共找到两条数据,因为你看这个red c可以吧,这个red c也可以,好那你说我现在就把这个结果,我现在就把这个结果,然后呢返回到你的这个前端中。那么他在展示的时候,你说这个东西他怎么知道谁要去做高亮啊,他不知道的,因为他们两个,他们几个词没有什么任何区别的。对吧,所以说你就要说要在后台呢,告诉他哪些需要做高亮,那很明显我们是以你的red c做的这个关键字的这个什么分次匹配,那我将来匹配到了关键字就应该是red c。
04:04
对吧,或者是或者是C,这个就是要去做高亮的。好,那怎么处理呢,这么来去处理啊,我们在这个query后面写一个叫highlight,就是高亮。这个高亮里面写什么呢?就写你的这个字段啊,叫这个field,那你的哪个字段需要做高亮呢?那很明显我们是拿我的name去做的匹配,那我就告诉他,我的name是需要去做高亮的。理解吧,这里面写什么东西呢?啊,注意这里面写的是你的。这能写注释吗?我看看啊,这写标注式啊来呃。写到后面啊,注意啊,诶这也写不了注释啊嗯。那我就不写注释了好不好?来告诉你这里面写什么呢?这里面写的是你的高亮的样式。就是你将来在前段中你要展示的样式,好,但是我告诉大家啊,一般我不建议你在这里面写样式啊,一会我给你给你去强调来,我们把这个加上以后啊,你看一下啊,我先把刚刚的这个结果呢,给你截个图拿回来啊,这是我刚才的结果啊,拿到这一会我们做对比啊,第二条数据。
05:16
标的数据在这。好,拿到这做对比来,接下来我再去查。走这一次查出来以后,你看这个结果啊,看这个结果。好,你来对比一下看看啊,不一样了吧,先对比他们两个你看了啊。结果该有的东西都有对吧,都有,但是你发现啊,这一次我多了一个这么个玩意儿。这什么东西呢啊,这个就是它默认帮我们处理好的,你的name就是你的这个字段。你看一下它把匹配到这个right c两边加了点东西。
06:01
能不能看明白。这加了这个东西大家可能看不懂啊,这个其实是一个标签啊,这个放到我们的HTML中啊,它是一个标签啊,那我是可以什么针对于这个标签呢,去加样式的,就加什么各种样式,比如说你颜色呀,什么显示的什么这个这个这个风格啊,什么都可以去加。这个东西就是我们将来要去告诉前端的,你说你把这个名字告诉他,或者把这个告诉他,这是一样的啊,你告诉他没有什么意义啊,他不知道这个东西要怎么处理。但是呢,我把这个告诉他,你就告诉他啊,我所有带什么带这个em标签的,就是要去做高亮显示的,诶,那他就知道了。理解吧,所以说你看啊,将来我们就把这个东西呢给到前端,那给到前端以后呢,它就能够帮你去做展示了,同样你看这个地方也是一样的啊,我的red,我的red c,你看是不是也是加了这个高亮的呀,对吧,Red c都是加了高量的啊行,那我给大家去简单演示一下,你比如比如说啊,我把这个玩意呢,将来我就发给这个前端的这个浏览器了,那发给这个前端以后,他是怎么就给你高量出来的呢?很简单。
07:01
好来看好了啊,我简单写一个,简单写个页面啊,我就我就写到这里面吧,来我去,呃,这个这个不要了啊,好非要我们去用上一个文件啊,呃,这个我存一下。呃,存成一个存到桌面啊,存到桌面我就叫这个,嗨,1.html好吧,我写了一个HTML页面啊,然后呢,这里面我要写了啊,就简单写个页面啊,这个大家可以不用学啊,就是我把这个事给你说明白一点啊,这是一个页面,然后呢,注意啊,呃,我们就把这个结果中你看了哈,这是我的高亮险,就是将来我一定是要把它。替换掉,就是我不给你显示这个值,我给你显示的是这个值,你能听懂吧,好,那我就把这个都拿过来,如果说你不做高量的情况下,我将来给你展示的是这个东西,诶没复制上啊,我将来给你展示这个东西,好,如果说我要做高亮对吧,我就给你展示这个东西。就这个值呢,我就是直接给你返回到这个浏览器中了啊,返回到浏览器中以后呢,那我就把它显示到这儿,好,这种情况下你看了哈,我们把这个刚刚我写的这个页面啊,给它通过浏览器打开。
08:11
打开你就看啊,其实你就已经发现它是有区别的。对吧,你没有做高亮的,它就是该怎么显示怎么显示,我做了高亮的,你看啊,它默认啊,现在那个em标签,它默认的处理的格式呢,就是一个斜体。对不对,当然啊,如果说你我不想要这个鞋底,或者说呢,我不仅仅要鞋底,我还要什么希望你变颜色,那么其实我们是可以什么在你的浏览器中啊,在这个页面中呢,专门给他去做渲染的。如果说你希望给他去做渲染,你不知道怎么渲染,因为这里面没有什么特殊对待,他们都是一个道理,都是一样子的,但这个我是有特殊对待的,我是给他包了一个标签的,那我就可以做渲染你看了啊,比如说我在这里面给他渲染一下,呃。好,我渲染一下,就是这个em这个标签对吧,比如说这个叫做呃,Size我大一点啊,比如说这个呃40个PX啊。
09:10
OK,然后再来一个卡。颜色啊,比如说我要red红的,好,那我写好了,写好以后你看了再去刷新一下走,呃,诶没保存啊。保存一下啊好,你再刷新一下。对吧,这就是我最后想要的效果。就是只要你把这个需要高亮的东西你能够告诉我啊,你能够告诉我的页面,这就相当于告诉他了,那么至于你这个高亮要处理成什么效果的,这个我们就不管了,这个是由前端他们去管的,他们会去做这个样式啊,这个代码是不需要你们去写的啊,这个前端的活。听到了吧,就人家需要显示,显示什么效果,我就给你做成什么效果,当然你得什么提前跟他对接好啊,我的高亮呢,是给你套到什么什么标签里面的,对吧,套到什么什么标签里面的,那么他将来就知道诶如何对这个标签的去加样式,去加这个渲染。
10:02
好吧,啊,这要知道啊,OK,那我们再说回来啊,再说回来,呃,刚才我们在写的时候呢,我说到了这个事儿啊,就是这个里面。是加你的样式的,这里面是加样式的啊,但是呢,我不建议你在这地方去加样式,为什么呢。因为加样式的话呢,你就要知道前端的东西应该怎么写,就是你要在后台,在后台就把这个前端的样式给它固定好,那这个是不灵活的,你在后台固定好以后,我的前端就得按照你后台的去展示。但如果说人家前端呢,也有自己的想法,说我希望按照另外一种方式展示,那么你们之间就有可能会有冲突。你能明白吧,比如说我给你演示一下啊。给你解释一下,就假如说啊,现在我希望我将来展示的效果是这样子的。就我现在希望我将来展示的效果呢,就这样子的,对吧,就是这个样子的,能听懂吧,好但是呢,你呀。给人什么做了点操作,做了什么操作呢?你给人家自己加了个样式来,我给你加一下啊,就是我在后台写的时候,我自己加了个样式,这个怎么加呢。
11:07
这个需要这么去加啊,呃,大家这个了解一下就得了啊,就是我把这个事给你说明白啊,我们有一个叫做呃,这里面写啥来着,我想想啊,嗯叫啊。好,再写一个post,好,这个tag什么T就是标签的意思啊,就是你看啊,你的需要高亮的这个词的左右是不是都有一个什么标签的呀,这个project就是你的左,这个post就是你的右啊,那我加个什么东西,我加个这个东西你看好了啊,加一个这个东西,嗯。呃,那em还得加上啊,嗯。好em加上啊,然后呢,我在他这个左边啊,就em的左边,我再加上一个放着啊。好,那我这个这个地方也得加一个放着啊。
12:00
好呃,放然后字体对吧,然后这个字体里面的话呢,我给它加上一个。卡,嗯。好,我来个yellow。好吧,这是我要做的事情啊,来我先查一下啊,你看一下啊,就刚才我们是这种结果啊,同学们,刚才我你不做这个样式处理是这种结果,然后呢,你做了样式处理以后是这种结果,呃,诶报错了是吧?报错我看打错了哈。呃,少一个分号吗?没啥。我看他哪哪报了错啊,说failed failed。Name post没问题啊。嗯。Start object能不支持是吧?呃呃,不能是不不用写它了吧,应该。
13:00
对吧,这就可以了啊,来这就可以了啊,你看一下啊,现在的效果就是我们处理成了,诶不对啊不对不对不对不对。啊对着呢啊对着了啊来这个有点那啥了啊来就现在我给你处理的效果是这这种效果了。对吧,你看一下啊,就相当于什么,相当于我在你这个red的什么,你看人家正常是就直接给你加个em对不对啊,我呢,又把这个给你保留了,其实你可以不保留它的啊,那你看啊,我就是在你的me me的中间呢,我又给你套了一个这个东西。这个是也是强调的一个标签啊,就是专门对你的字体呢,去做这个修饰的啊,然后呢,我就什么单独去加了个颜色,我叫什么,我叫这个yellow OK吧,那你看啊,注意啊,现在问题就是这样子的。你把这个东西如果说直接放到这个前端了。对吧,我也放在这个下面啊,对吧,我放在下面啊,你听完了同学们,假如说你跟前段没有对接好,人家前段想着说我的样式将来要显示什么呀,我的将来显示的样式是这样子的,就是显示一个这么大的字体,然后呢,显示一个红颜色,你能明白吧?好,但是因为你自己自作主张,然后呢,写了点样式进去了,所以说呢,最后你导致的效果是这样子的,来你刷新一下。
14:15
黄颜色。然后到。好,那么这个时候大家会想哈,诶,那我这个不是写了这个样式了吗?你看啊,我不是告诉你这个em这个标签中的这个颜色是红的吗?对吧,那你不你看你这个不也在这em中套着吗。是你在em套的,但是呢,你在这个位置呢,又重新给它它一个颜色。那就近原则对吧,这个的优势,这个的优先级要比你上面这个优先级要高,所以说呢,你就最后显示成什么黄的,那这个时候前面就是什么很诧异,诶为什么呀,我的样式是给的红的呀,怎么显示了个黄的呀。就是因为你在后台呢,你自己给的样式了。你们之间就很有可能会有一个冲突。好吧,啊,所以说呢,我们一般是不建议大家呢,在这个后面什么直接去给他样式的啊,这个样式你不要去给他。
15:04
能明白吧,这个样式不要去给他啊,这个样式的话呢,你就默认给它有一个什么这个,比如说em这个标签就完事了啊。复制一下啊。好,你就默认什么呀,这个都这个东西都不要。好,这个坐标。对吧,你默认按照什么,人家这个效果就行了啊,你就把这个扔给前端,那么前端的话就是什么,根据你这个em,然后呢,去给出样式来,那将来想显示什么效果就显示什么效果。听懂了吧,啊,你不要前面也做,后面也做,那你将来如果说你对应不起来了,你这个协商不到一起了,那就乱套了,OK吧,那这是我们这个高量的一个这个使用啊行嗯,好吧,那我们就先说这么多吧。
我来说两句