js中的正则表达式 使用Docker和Elasticsearch搭建全文本搜索引(14)

电脑杂谈  发布时间:2018-02-22 10:22:50  来源:网络整理

<linkhref="https://cdn.muicss.com/mui-0.9.20/css/mui.min.css"rel="stylesheet"type="text/css"/>

<linkhref="https://fonts.googleapis.com/css?family=EB+Garamond:400,700|Open+Sans"rel="stylesheet">

<linkhref="styles.css"rel="stylesheet"/>

</head>

<body>

<divclass="app-container"id="vue-instance">

<!-- Search Bar Header -->

<divclass="mui-panel">

<divclass="mui-textfield">

<inputv-model="searchTerm"type="text"v-on:keyup="onSearchInput()">

<label>Search </label>

</div>

</div>

<!-- Search Metadata Card -->

<divclass="mui-panel">

<divclass="mui--text-headline">{{ numHits }} Hits </div>

<divclass="mui--text-subhead">Displaying Results {{ searchOffset }} - {{ searchOffset + 9 }} </div>

</div>

<!-- Top Pagination Card -->

<divclass="mui-panel pagination-panel">

<buttonclass="mui-btn mui-btn--flat"v-on:click="prevResultsPage()">Prev Page </button>

<buttonclass="mui-btn mui-btn--flat"v-on:click="nextResultsPage()">Next Page </button>

</div>

<!-- Search Results Card List -->

<divclass="search-results"ref="searchResults">

<divclass="mui-panel"v-for="hit in searchResults"v-on:click="showBookModal(hit)">

<divclass="mui--text-title"v-html="hit.highlight.text[0]"></div>

<divclass="mui-divider"></div>

<divclass="mui--text-subhead">{{ hit._source.title }} - {{ hit._source.author }} </div>


本文来自电脑杂谈,转载请注明本文网址:
https://www.pc-fly.com/a/jisuanjixue/article-88488-14.html

相关阅读
    发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

    热点图片
    拼命载入中...