0707~前端门户页面(面包屑)~门户ES搜索

面包屑,模仿京东来做:

 

自己的页面成品如下:

 思路步骤:

@Data
public class CrumbsVo {
    private CourseType ownerCourseType;
    private List<CourseType> otherCourseTypes=new ArrayList<>();

1.通过前端传过来的课程类型id,拿到课程类型对象;

2.通过课程对象拿到课程path字段(全路径);

3.分割path字段,循环path字段里面的id值,拿到对象;

4.把拿到的对象赋值给ownerCourseType,横向的全路径;

5.再通过封装查询条件,把查询条件的pid与循环的对象pid作比较判断,找到兄弟节点,添加到otherCourseTypes节点中;

6.把vo对象封装成一个list返回;

//门户界面面包屑业务
@Override
public JSONResult getCrumbs(Long courseTypeId) {
    //1.通过courseTypeId拿到课程对象;
    //2.再通过课程对象的path路径,找到课程对象的全路径;
    //3.通过截取全路径,找到pid(兄弟姐妹展示出来)
    //4.封装成一个list返回出去
    CourseType courseType = courseTypeMapper.selectById(courseTypeId);
    String path = courseType.getPath();
    String[] pathSplit = path.split("\\.");
    ArrayList<CrumbsVo> list = new ArrayList<>();
    CrumbsVo vo =null;
    for(int i=0; i<pathSplit.length; i++){
        vo=new CrumbsVo();
        Long id = Long.valueOf(pathSplit[i]);
        CourseType courseTypeInfo = courseTypeMapper.selectById(id);
        EntityWrapper<CourseType> wrapper = new EntityWrapper<>();
        wrapper.eq("pid", courseTypeInfo.getPid());
        List<CourseType> courseTypeList = courseTypeMapper.selectList(wrapper);
        vo.setOwnerCourseType(courseTypeInfo);
        vo.setOtherCourseTypes(courseTypeList);
        list.add(vo);
    }

    return JSONResult.success(list);
}

门户ES搜索,课程上线后,把课程信息存入ES,门户通过搜索关键字,从ES中拿出数据给用户展示:

效果图如下:

 思路步骤:

1.创建dto对象来接收前台传的参数与条件;

2.封装查询构造器;

3.创建查询过滤条件(关键字bool);

4.通过查询构造器设置分页,排序;

5.通过bool设置模糊查询与精准查询(过滤条件);

6.绑定查询构造器与查询对象(bool);

7.用search 方法,提交查询对象(bool);

8.封装成list返回;

2.封装查询构造器;

 

//查询构造器
NativeSearchQueryBuilder searchQueryBuilder = new NativeSearchQueryBuilder();

3.创建查询过滤条件(关键字bool);

 

//封装查询条件
BoolQueryBuilder boolQueryBuilder = QueryBuilders.boolQuery();

4.通过查询构造器设置分页,排序;

 

//分页
searchQueryBuilder.withPageable(PageRequest.of((dto.getPage()-1),dto.getRows()));
//排序
SortOrder order = SortOrder.DESC;
if(StringUtils.hasLength(dto.getSortField())){
    if(dto.getSortType().equals("asc")){
        order = SortOrder.ASC;
    }
searchQueryBuilder.withSort(SortBuilders.fieldSort(dto.getSortField()).order(order));
}

5.通过bool设置模糊查询与精准查询(过滤条件);

 

//查询条件
if(StringUtils.hasLength(dto.getKeyword())){
boolQueryBuilder.must(QueryBuilders.multiMatchQuery(dto.getKeyword(),"name","tenantName"));
}

6.绑定查询构造器与查询对象(bool);

 

//关联查询条件与过滤条件
searchQueryBuilder.withQuery(boolQueryBuilder);

7.用search 方法,提交查询对象(bool);

  //调用repository执行查询，得到page
        Page<CourseDoc> page = repository.search(searchQueryBuilder.build());

8.封装成list返回;

  //将ES中的page转换成PageList
        return new PageList<>(page.getTotalElements(), page.getContent());

拓展:可以设置关键字高亮;

1.添加配置类;

2.添加查询关键字高亮条件;

3.调用

elasticsearchTemplate.queryForPage方法;

 1.添加配置类;

package cn.itsource.config;

import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import org.assertj.core.util.Lists;
import org.elasticsearch.action.search.SearchResponse;
import org.elasticsearch.common.text.Text;
import org.elasticsearch.search.SearchHit;
import org.elasticsearch.search.SearchHits;
import org.elasticsearch.search.fetch.subphase.highlight.HighlightField;
import org.springframework.data.domain.Pageable;
import org.springframework.data.elasticsearch.core.SearchResultMapper;
import org.springframework.data.elasticsearch.core.aggregation.AggregatedPage;
import org.springframework.data.elasticsearch.core.aggregation.impl.AggregatedPageImpl;
import org.springframework.stereotype.Component;
import java.util.List;
import java.util.Map;

/**
 * @description: 结果映射器器
 */
@Component
public class HighlightResultMapper implements SearchResultMapper {

    @Override
    public <T> AggregatedPage<T> mapResults(SearchResponse response, Class<T> aClass, Pageable pageable) {
        // 记录总条数
        long totalHits = response.getHits().getTotalHits();
        // 记录列表(泛型) - 构建Aggregate使用
        List<T> list = Lists.newArrayList();
        // 获取搜索结果(真正的的记录)
        SearchHits hits = response.getHits();
        for (SearchHit hit : hits) {
            if(hits.getHits().length <= 0){
                return null;
            }
            // 将原本的JSON对象转换成Map对象
            Map<String, Object> map = hit.getSourceAsMap();
            // 获取高亮的字段Map
            Map<String, HighlightField> highlightFields = hit.getHighlightFields();
            for (Map.Entry<String, HighlightField> highlightField : highlightFields.entrySet()) {
                // 获取高亮的Key
                String key = highlightField.getKey();
                // 获取高亮的Value
                HighlightField value = highlightField.getValue();
                // 实际fragments[0]就是高亮的结果，无需遍历拼接
                Text[] fragments = value.getFragments();
                StringBuilder sb = new StringBuilder();
                for (Text text : fragments) {
                    sb.append(text);
                }
                // 因为高亮的字段必然存在于Map中，就是key值
                // 可能有一种情况，就是高亮的字段是嵌套Map，也就是说在Map里面还有Map的这种情况，这里没有考虑
                map.put(key, sb.toString());
            }
            // 把Map转换成对象
            T item = JSON.parseObject(JSONObject.toJSONString(map),aClass);
            list.add(item);
        }
        // 返回的是带分页的结果
        return new AggregatedPageImpl<>(list, pageable, totalHits,response.getAggregations());
    }
}

2.添加查询关键字高亮条件;

 

//关键字高亮
HighlightBuilder.Field field1 = new HighlightBuilder.Field("name").preTags("<font style='color:red'><b>").postTags("</b></font>");
HighlightBuilder.Field field2 = new HighlightBuilder.Field("tenantName").preTags("<font style='color:red'><b>").postTags("</b></font>");
searchQueryBuilder.withHighlightFields(field1, field2);

3.调用

elasticsearchTemplate.queryForPage方法;

//执行查询
Page<CourseDoc> search = elasticsearchTemplate.queryForPage(searchQueryBuilder.build(), CourseDoc.class, highlightResultMapper);