Algolia 搜索中的项目评级

Question

我在我的网络系统中使用 Algolia，我非常喜欢这项服务。唯一让我卡住的是我想显示项目的星级，您可以查看下面的图片以获得更多说明。

我不想要评级小部件。我有一个名为 rating 的属性，它具有浮点值，如 3.54 等。我正在使用 Laravel 5.4

图片：https://img42.com/Xad0J

Algolia 的点击小工具

search.addWidget(
         data = instantsearch.widgets.hits({
          container: '#hits-container',
          hitsPerPage: 10,
          templates: {
           item: function(data) {
              return '<div class="row well_our well-sm_our"> <div class="col-md-3"> <img class="img-responsive" src="'+data.pic_path+'"> </div> <div class="col-md-6"> <div class="rest-list-heading"><a href="menu/'+data.id+'">'+data.name+'</a></div> <div class="rest-list-para text-justify">'+data.description+'</div> </div> <div class="col-md-3 rest-coulmn-3"> <div title="Rating : rating" id="rating'+data.id+'"></div> <input type="hidden" id="ratingOfRest'+data.id+'" value="rating"> <div class="rest-list-para1" align="center"><a href="javascript:void(0)" onclick="reviewsModal('+data.id+')">'+data.reviews+'</a> <input type="hidden" id="restID'+data.id+'" value="id"></div> <div class="dotted-btn-rest" align="center"> <a href="menu/'+data.id+'"> View Menu</a> </div> </div> </div>';
            },
          }
        })
      );

Laravel Blade:

<div id="hits-container"></div>

Answer 1

为此，您需要执行两件事。一个是 transformData，它可以让您将浮点数处理成可在模板中使用的元素。

您可以找到 transformData of a star rating here. The other is the template. You can find the star rating template a little above 转换数据的示例。

Algolia 搜索中的项目评级

Item rating in Algolia Search

javascript

algolia

laravel-5.4