實現搜尋功能

準備檢視函式search()

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

<

form 
action
="}"
method
="get"
>
<
input 
type
="text"
placeholder
="搜尋從這裡開始..."
style
="width: 180px;margin-left: auto;height: 30px;padding-left: 20px;border: 2px solid #7ba7ab;border-radius: 5px;outline: none;background: #f9f0da;color: #9e9c9c;"
>
<
button 
type
="submit"
name
="q"
style
="position:absolute;top:24px;width: 60px;height: 34px;border: none;background: #7ba7ab;border-radius: 0 5px 5px 0;cursor: pointer;"
>查詢
button
>
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_ 

/search/')

defsearch():

qu=request.args.get('q'

) ques=question.query.filter(

or_(

question.title.contains(qu),

question.detail.contains(qu),))

return render_template('

index.html

',questions=ques)

posted @

2017-12-20 21:45

林丹宜 閱讀(

...)

編輯收藏

實現搜尋功能

準備檢視函式search search defsearch qu request.args.get q ques question.query.filter or question.title.contains qu question.detail.contains qu order by crea...

實現模糊搜尋功能

如果搜尋內容存在就出現類似上面的，相應內容顯示在下面 如果沒有匹配的內容無變化 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 ...