找英文例句？ELT search肯定够了！剑桥牛津朗文麦克米伦韦氏高阶都有了~

mikeee · 发表于 2021-10-30 23:35:00

本帖最后由 mikeee 于 2021-10-31 09:23 编辑

牛江浦发表于 2021-10-28 15:28
) H8 g% v) {8 d2 L( K& V你好，搜索结果中左侧的分红框是比较碍眼，是开源软件本身设定的，我不太懂前端，所以暂时没找到修改的方 ...

我搓了个 vue2 搜索模板 https://github.com/ffreemt/meilisearch-plaintext。计算机里装了 node 的话（需要用到 npm 或 yarn装包）照读我文件里的步骤就可以设置好。有什么问题可跟帖，我尽量解答——我也不是折腾前端的。

mikeee · 发表于 2021-10-31 11:10:51

mikeee 发表于 2021-10-30 23:35 T. n% e4 c3 x+ |2 w
我搓了个 vue2 搜索模板 https://github.com/ffreemt/meilisearch-plaintext。计算机里装了 node 的话（ ...

加了一个纯 js 版，无需node环境。只需两个文件（index.html 和 app.js, 其实可以整成一个文件）。参看https://github.com/ffreemt/meilisearch-plaintext读我文件的最后一条。

index.html

<!DOCTYPE html>2 a! |( B$ a! O; X, X1 i6 Q
<html lang="en">
$ L2 C& b8 t4 ~7 v2 V
<head>
, A. Z% s z9 i3 w. x) |3 k s8 T
<meta charset="utf-8" />
/ q* e' L9 a; N, L! N5 e
</head>
/ }& L2 H! k$ a+ O
; Y( z o2 x! M4 w& S! v- j
<body>/ T. }+ c# `- l& G6 t1 h+ F+ Z g
<div>
' C" }+ I# y1 E( e6 I! l% U
<div id="searchbox"></div>
8 r6 P: j' F6 e6 ]' T
<div id="hits"></div>* S+ q7 k% ^3 ~. f
</div>7 [4 j/ T M3 U4 V u$ }
5 W7 s4 c* w" k% y
<script src="https://cdn.jsdelivr.net/npm/@meilisearch/instant-meilisearch/dist/instant-meilisearch.umd.min.js"></script>9 k; v# _6 c6 H: o3 s. ?/ [ F
<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4"></script>
' e1 v B1 q2 l3 N( m5 J# i
<script src="./app.js"></script>
+ f2 @- R* R3 @
</body>3 H: I$ t! d' O- o2 h/ A0 u9 @
</html>

复制代码

app.js

const search = instantsearch({. L+ T# d; L2 k7 _% }8 s* @" O2 s
// indexName: 'steam-video-games',
7 |( m I9 E8 r1 g. L
indexName: 'movies',; u3 z( |# }4 }
searchClient: instantMeiliSearch(1 K2 O3 B: B% P
// 'https://demos.meilisearch.com',9 U( u3 y9 A( e% E" b: K
'http://acone3:7700',
6 a- ?8 r$ z, X: M5 ?6 d
'dc3fedaf922de8937fdea01f0a7d59557f1fd31832cb8440ce94231cfdde7f25'0 e% L4 o ^; g: o: H! ]3 T
),
0 t- P/ s! e* o2 D( n* f. K7 Z( o
}). X( w3 E [; T" y- ~
) R. e: C6 I* T5 V. Q
search.addWidgets([, e; C3 ]! P* X: m, Z# O
instantsearch.widgets.searchBox({
1 q, o4 U5 H0 `; Q
container: '#searchbox',
4 @( D6 I$ D& K$ `1 `) L
}),
1 [4 D8 N2 V. l- [0 p0 I4 V% Y
instantsearch.widgets.hits({, f* }1 H6 L0 ~
container: '#hits',
6 z; [5 s. e: O$ x6 v# M4 V# W
templates: {
7 ]% M( G ~; Q
item: `
1 G- `$ Y# ?; \
<div>
9 C. A5 Q6 }4 u9 G+ K ~9 W
<div class="hit-name">
0 A1 ?1 f3 e1 F8 C
7 E; ] u3 t1 K" R
{{#helpers.highlight}}{ "attribute": "overview" }{{/helpers.highlight}}
7 O8 C2 L+ ]% g+ k7 u0 ~7 ~% g
({{#helpers.highlight}}{ "attribute": "id" }{{/helpers.highlight}})' C% W( U, x3 ^# A6 d7 z# g' o3 f
</div>8 _% ]4 n0 V/ _+ {, F" E
</div>8 P; I+ ], B$ q! p) t) ]
`,
. X+ h; P6 T! |* r' @8 v/ w
},1 N! g& ]! J% E0 J
}),- M1 z9 a2 T. A" V
])7 l7 `7 z q( w6 H$ G+ @
9 |& u' t2 z# ?7 r
search.start()

复制代码

搜索界面简陋一点

		自动登录	找回密码
密码			免费注册

[学习讨论] 找英文例句？ELT search肯定够了！剑桥牛津朗文麦克米伦韦氏高阶都有了~