java - 这种功能怎么实现?(搜索框自动补全+热词结果统计)
阿神
阿神 2017-04-17 17:42:07
0
6
571

类似这样,输入关键字,然后自动补全,返回相关热词+结果统计,我使用solr的facet功能,但是返回的结果,都是分的很细的词,比如头戴式(2),耳机(10),而不是头戴式耳机(4)。

所以,我想问一下,图中的效果是怎么实现的,后台方面要做哪些设计?

ps:举例是素材来着小米官网

阿神
阿神

闭关修行中......

membalas semua(6)
Ty80

Dengar onkeyup Acara, seperti menghantar permintaan Ajax di latar belakang, menghantar kata kunci yang dimasukkan ke latar belakang, melakukan pemadanan kabur di latar belakang dan mengembalikan tatasusunan ke hujung hadapan
Perhatikan dua tempat di sini acara hujung hadapan Berikut adalah fungsi yang perlu dilakukan Beberapa pendikit untuk mengelakkan permintaan kerap ke latar belakang, portal: http://www.cnblogs.com/dolphinX/p/3403821.html;第二是数据库方面的优化,被搜索的字段要做索引和缓存,这里的东西涉及比较多,需要自己去查找相关资料了;
Akhir sekali, mengenai pelaksanaan kesan bahagian hadapan, terdapat banyak pemalam jquery, anda boleh mencarinya dengan mencari Baidu auto-lengkap, berikut adalah beberapa: http://jq22.com/search?seo=自动补全

左手右手慢动作

sudut boleh diikat secara automatik

刘奇

Beritahu saya rancangan am saya
Mula-mula rekod perkataan yang dicari oleh pengguna Setiap carian pengguna direkodkan secara berasingan dan disimpan dalam pangkalan data (anda boleh menapis di sini atau mengimport beberapa perkataan sendiri)
Tukar bahasa Cina kepada Pinyin sebelum menyimpan. dalam pangkalan data Pada masa yang sama, ia disimpan untuk carian kabur
Tugas berjadual mengemas kini bilangan rekod dalam indeks untuk setiap istilah carian (ini mungkin bukan masa nyata)
Anda boleh menggunakan beberapa palam jquery. -masuk di hujung hadapan, seperti Kesan sebenar autolengkap
dalam jquery-ui boleh dilihat di www.cnal.com Carian

黄舟

Terdapat pemalam jq.autocomplete Anda boleh melihat kod sumber dan kemudian membangunkannya semula.

伊谢尔伦

Melaksanakan fungsi gesaan pintar memerlukan banyak pengetahuan seperti ajax, pangkalan data, jsp/php, algoritma, dll.
Jika jumlah data adalah besar, pengoptimuman khas diperlukan
Ia bukan kos- berkesan untuk menghabiskan terlalu banyak usaha pada fungsi kecil
Saya menggunakan perkhidmatan pengehosan fungsi gesaan pintar kotak carian 92find.c-o-m
Selagi satu baris kod javascript dapat merealisasikan semua fungsi kotak carian Baidu dan Taobao. gesaan
Contohnya: padanan pinyin aksara Cina, padanan awalan pinyin, carian kabur, toleransi kesalahan pintar, dan anda juga boleh menyesuaikan perkataan gesaan dan pemberat isihannya
Dalam masa lima minit, tapak web saya boleh digunakan sebagai berkuasa dan mudah untuk gunakan sebagai fungsi gesaan Input Baidu dan Taobao
Serasi dengan pelayar IE, Firefox, Safari, Chrome dan Opera
Serasi dengan ios, Android dan Windows

刘奇

Melaksanakan fungsi gesaan pintar memerlukan banyak pengetahuan seperti ajax, pangkalan data, jsp/php, algoritma, dll.
Jika jumlah data adalah besar, pengoptimuman khas diperlukan
Ia bukan kos- berkesan untuk menghabiskan terlalu banyak usaha pada fungsi kecil
Saya menggunakan perkhidmatan pengehosan fungsi gesaan pintar kotak carian 92find.c-o-m
Selagi satu baris kod javascript dapat merealisasikan semua fungsi kotak carian Baidu dan Taobao. gesaan
Contohnya: padanan pinyin aksara Cina, padanan awalan pinyin, carian kabur, toleransi kesalahan pintar, dan anda juga boleh menyesuaikan perkataan gesaan dan pemberat isihannya
Dalam masa lima minit, tapak web saya boleh digunakan sebagai berkuasa dan mudah untuk gunakan sebagai fungsi gesaan Input Baidu dan Taobao
Serasi dengan pelayar IE, Firefox, Safari, Chrome dan Opera
Serasi dengan ios, Android dan Windows

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan