實現搜尋功能

2022-09-03 05:54:10 字數 1586 閱讀 9230

準備檢視函式search()

/search/')

defsearch():

qu=request.args.get('q'

) ques=question.query.filter(

or_(

question.title.contains(qu),

question.detail.contains(qu)

)).order_by(

'-create_time')

return render_template('

index.html

',questions=ques)

修改base.html 中搜尋輸入框所在的

<

form

action

="}"

method

="get"

>

<

div

style

="position: absolute;left: 12%;top: 3%;"

>

<

input

type

="text"

class

="form-control"

name

="q"

placeholder

="請輸入關鍵字"

>

<

button

type

="submit"

class

="btn btn-default"

>查詢

button

>

div>

form

>

完成檢視函式search()獲取搜尋關鍵字

q = request.args.get('q』)

條件查詢

qu = question.query.filter(question.title.contains(q)).order_by('-creat_time』)

載入查詢結果:

return render_template('index.html', question=qu)

組合條件查詢

from sqlalchemy import or_, and_ 

示例:lobby.query.filter(

實現搜尋功能

準備檢視函式search 修改base.html 中搜尋輸入框所在的 form action method get input type text placeholder 搜尋從這裡開始.style width 180px margin left auto height 30px padding l...

實現模糊搜尋功能

如果搜尋內容存在就出現類似上面的,相應內容顯示在下面 如果沒有匹配的內容無變化 html 所屬醫院 css searchdatajs function choose hospital id,name function searchlist param success function res sea...

實現延遲搜尋功能

搜尋延遲 平常在專案中,經常會遇到搜尋請求後台的情況,此時搜尋延遲就顯得尤為重要,如果沒有搜尋延遲功能,那麼使用者頁面將會顯得特別卡頓 import from react class search extends component this.onsearch this.onsearch.bind ...