django vue實現搜尋功能

使用了heyui控制項來實現了搜尋框的展示

並雙向繫結了work

export default 
},}

跳轉到即將構造search頁面

this.rou

ter.

push

和win

dow.

loca

tion

.hre

f跳轉的

不同之處

在於th

is

.router.push和window.location.href跳轉的不同之處在於 this.

router

.pus

h和wi

ndow

.loc

atio

n.hr

ef跳轉

的不同之

處在於t

his.

router.push當他這個請求的位址自己當前的位址相同的話他不會跳轉（這些都是寫在乙個通用化元件的時候）

而另一種方法可以進行跳轉

// 搜尋

search()})
window.location.href = '
},

然後根據獲取到的work傳到後端

export default 

},}

請求後端的goodsearch/介面

getgoods()}).then(res=>)

}

接受前端傳過來的 關鍵字引數

並進行模糊查詢goodslist = goods.objects.filter(q(name__icontains=work)|q(desc__icontains=work))

該orm查詢 相當於 select * from goods where goods.name like 「%word%」 or goods.desc like 「%word%」

然後將返回來的queryset序列化 並將資料傳給前端

name__icontains 代表了模糊查詢

其中的i 代表了對大小寫不敏感 如果去掉的話 就是敏感大小寫

# 商品檢索

class goodssearch(apiview):
def get(self,request):
work = request.get.get('work',none)
goodslist = goods.objects.filter(q(name__icontains=work)|q(desc__icontains=work))
ser = goodsser(goodslist,many=true)
return response(ser.data)

Django Vue實現dwebsocket通訊

python環境下 pip install dwebsocket配置django的setting.py檔案 看到其他部落格裡有這一步，但是新增中介軟體後，django報錯，故注釋掉 只新增了websocket accept all true middleware dwebsocket.middlew...

實現搜尋功能

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

實現搜尋功能

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