vue innersearch ดาวน์โหลด - ดาวน์โหลด vue innersearch ซอร์สโค้ด

vue innersearch

ซอร์สโค้ดอื่น ๆ

v0.0.12

ดาวน์โหลด

InnerSearch : ส่วนประกอบ Vue.js สำหรับ ElasticSearch

InnerSearch คืออะไร?

โปรเจ็กต์โอเพ่นซอร์สที่สร้างขึ้นเพื่อช่วยให้นักพัฒนาที่ทำงานกับ vue.js และ Elastic มอบความเป็นไปได้ในการสร้าง UI การค้นหาภายในหนึ่งชั่วโมง

InnerSearch เป็นชุดองค์ประกอบ UI เช่น SearchBox, RefinementListFilter, Paginator และอื่นๆ อีกมากมายที่จะสร้างขึ้นด้วย Vue.js

จุดมุ่งหมายคือการสร้างอินเทอร์เฟซการค้นหาที่ระบุที่สวยงามอย่างรวดเร็วโดยใช้ส่วนประกอบที่ประกาศโดยไม่ต้องเป็นผู้เชี่ยวชาญ ElasticSearch และ Vue.js

ต้องขอบคุณอุปกรณ์ประกอบฉากและฟีเจอร์สล็อตจาก Vue.js เช่นกัน ทำให้ส่วนประกอบต่างๆ สามารถปรับแต่งได้อย่างง่ายดาย

ตัวอย่าง UI ที่สร้างด้วย InnerSearch :

รหัสที่สอดคล้องกัน:

 < div class =" columns " >
    < div class =" column is-one-fifth " >
        < div >
            < refinement-list-filter :field =" 'state' " > </ refinement-list-filter >
            < refinement-list-filter :field =" 'gender' " > </ refinement-list-filter >
        </ div >
    </ div >
    < div class =" column " >
        < div >
            < searchbox :field =" 'firstname' " > </ searchbox >
            < div style =" margin: 20px auto;width: 90% " >
                < search-button > </ search-button >
                < reset-button > </ reset-button >
            </ div >
            < hits > </ hits >

            < paginate :previousText =" 'Previous page' " :nextText =" 'Next page' " :size =" 10 " > </ paginate >
        </ div >
     </ div >
</ div >

เริ่มต้นอย่างรวดเร็ว

ชำระเงินแอปเริ่มต้น Innersearch แอปเริ่มต้น

ดูเอกสารฉบับเต็ม

การติดตั้งผ่าน NPM

$ npm install --save vue-innersearch

ใช้เป็นแท็ก `<script>`

vue-innersearch ต้องการให้ Vue และ Vuex ทำงาน

  < script src =" https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js " > </ script >
  < script src =" https://cdnjs.cloudflare.com/ajax/libs/vuex/3.0.1/vuex.min.js " > </ script >
  < script src =" https://unpkg.com/[email protected]/vue-innersearch.min.js " > </ script >