最近做了一個(gè)日志搜索的需求,要在頁面上實(shí)現(xiàn)海量日志的關(guān)鍵字搜索。為了搜索更清晰,我最終實(shí)現(xiàn)了多條件搜索,且搜索結(jié)果的記錄中的關(guān)鍵字全部高亮。
一、實(shí)現(xiàn)思路
1 實(shí)時(shí)監(jiān)控表格,實(shí)現(xiàn)關(guān)鍵字的定位;
2 點(diǎn)擊搜索按鈕以后,實(shí)現(xiàn)記錄中關(guān)鍵字的樣式變化(即高亮)。
二、實(shí)現(xiàn)過程
1 搜索條件表單
了解了實(shí)現(xiàn)思路,就讓我們一起來看一下實(shí)現(xiàn)過程(關(guān)鍵位置均給了注釋)
查詢