Searchkit React 建立的 UI 组件

程序名称:Searchkit

授权协议: GPLv3

操作系统: 跨平台

开发语言: Python

Searchkit 介绍

Searchkit 是一套由 React 建立的 UI 组件,它旨在快速创建好看的搜索应用程序。

示例代码:

const host = "https://kili-eu-west-1.searchly.com/movies/"const 
sk = new SearchkitManager(host, {  multipleSearchers:false,  basicAuth:"read:teetndhjnrspbzxxyfxmf5fb24suqxuj"})
class App extends React.Component {

  <SearchkitProvider searchkit={sk}>
    <div>
      <div className="example-search-site__query">
        <SearchBox
         autofocus={true}
         searchOnChange={true}
         prefixQueryFields={["actors^1","type^2","languages","title^10"]}/>
      </div>
      <div className="example-search-site__applied-filters">
        <SelectedFilters/>
        <ResetFilters/>
        <HitsStats/>
      </div>
      <div className="example-search-site__filters">
        <HierarchicalMenuFilter
          fields={["type.raw", "genres.raw"]}
          title="Categories"
          id="categories"/>
        <RefinementListFilter
          id="actors"
          title="Actors"
          field="actors.raw"
          operator="AND"
          size={10}/>
      </div>
      <div className="example-search-site__results">
        <Hits hitsPerPage={10}/>
      </div>
    </div>
  </SearchkitProvider>
}ReactDOM.render((
  <App/>
),  document.getElementById('root'))

Searchkit 官网

http://www.searchkit.co/

相关编程语言

MuPlayer 是一款跨平台、轻量级的音频播放解决方案,...
OS FLV 是一个 开源和可嵌入网页的flv播放器。 这个...
DewPlayer音乐播放器,样式很简单,而且很实用.播放器...
JW FLV MEDIA PLAYER是一个开源的在网页上使用的Fla...
Speakker 是一个基于 Web 浏览器的音乐播放器,只提...
Player Framework 是一个开源的支持 HTML5 的视频播...