django开发电子商城(二十六)页面搜索框的开发

1:修改查询条件的提交地址


django开发电子商城(二十六)页面搜索框的开发_第1张图片

2:在list.html页面中设置表单请求的地址,表单请求的方法和搜索的name值


django开发电子商城(二十六)页面搜索框的开发_第2张图片

3:在后台获取检索参数,并对数据进行筛选


django开发电子商城(二十六)页面搜索框的开发_第3张图片

4:将左边检索条件和输入进行嵌套,关联查询结果

在后台将输入的搜索条件返回到前端


django开发电子商城(二十六)页面搜索框的开发_第4张图片

在前端页面设置隐藏输入框,存储search的查询条件

django开发电子商城(二十六)页面搜索框的开发_第5张图片

5:将检索框的代码,做成模板文件,进行调用。在common文件夹下,创建serach_form.html文件,存储检索表单的内容

 

django开发电子商城(二十六)页面搜索框的开发_第6张图片

6:在需要检索框的页面,包含引入搜索框的模板文件


django开发电子商城(二十六)页面搜索框的开发_第7张图片

7:在前端页面增加重置的功能


django开发电子商城(二十六)页面搜索框的开发_第8张图片

你可能感兴趣的:(django开发电子商城(二十六)页面搜索框的开发)