搜索功能的实现是用户在前端页面输入需要搜索的内容,然后通过url传递到后端,后端的视图函数从数据库中查找出指定的对象,然后在传递到前端页面的一个过程。
这里主要讲视图函数中的查找过程:
view.py
from django.db.models import Q
#url 为 127.0.0.1:8000/course/list/?keywords=django
def myapp(request):
if request.method == 'GET':
keywords = request.GET.get('keywords', '') #得到搜索关键词'django'
course_list = Course.objects.filter(Q(name__icontains=keywords)|Q(detail__icontains=keywords))
return render(request, 'course-list.html', {'course_list': course_list})
这里通过name__icontains
获取name中包含keywords的对象,关于object_filter()的更多用法,参见我之前的博客:objects.filter()用法
通过Q()方法,实现多个查询条件,关于Q()的更多用法,参见我之前的博客: 采用Q()方法进行查询
而在前端代码的实现,主要通过js代码实现点击搜索功能的,这里不再赘述(其实是本人不会 -_-),代码如下:
//顶部搜索栏搜索方法
function search_click(){
var type = $('#jsSelectOption').attr('data-value'),
keywords = $('#search_keywords').val(),
request_url = '';
if(keywords == ""){
return
}
if(type == "course"){
request_url = "/course/list?keywords="+keywords
}else if(type == "teacher"){
request_url = "/org/teacher/list?keywords="+keywords
}else if(type == "org"){
request_url = "/org/list?keywords="+keywords
}
window.location.href = request_url
}