Skip to content

ffreemt/meilisearch-plaintext

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MeiliSearch 文本搜索(如语料库、字典、个人笔记等)初学者模板

(基于meilisearch-vueexample/nobel-prizes

使用

  • 下载库及安装包

    git clone https://github.com/ffreemt/meilisearch-plaintext.git
    cd meilisearch-plaintext
    yarn  # 或 npm install
  • 测试运行

    yarn serve

浏览 http://localhost:8000/ 搜索abi

Nobel prizes demo

搜索自己的meilisearch

(如何建meilisearch库请参看meilisearch主页

  • 修改 src/App.vue42行指向自己的库(参看第41行的例子)

  • 修改 src/App.vue43行(如未设API_KEY可不修改)

  • 修改 src/App.vue47行(参看第46行的例子)

  • 根据需要修改 src/App.vue12行 (attribute="id")及 第15行 (attribute="overview"),可删掉第18-26

  • 可选 修改src/App.vue<style>...</style>

  • 编译上线

    yarn build
    

启动 http 服务器

例如 cd dist && python -m http.server

搜索card shark Movies demo

纯js版

只需vanillajs目录里的两个文件。

修改app.js第3、6、7(如果设了meilisearch设了API_KEY,没设的话不用动)、22、23行。

启动 http 服务器

例如 cd vanillajs && python -m http.server

搜索card shark Movies demo

界面比较简陋,但对于有些应用可能已经够了。或许可以加style整漂亮点。

About

meilisearch-vue for plaintext starter template

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published