一.搜索文章

1.修改视图函数

article/views.py:

def article_list(request):search = request.GET.get('search')order = request.GET.get('order')# 用户搜索逻辑if search:if order == 'total_views':# 用 Q对象 进行联合搜索article_list = ArticlePost.objects.filter(Q(title__icontains=search) |Q(body__icontains=search)).order_by('-total_views')else:article_list = ArticlePost.objects.filter(Q(title__icontains=search) |Q(body__icontains=search))else:# 将 search 参数重置为空search = ''if order == 'total_views':article_list = ArticlePost.objects.all().order_by('-total_views')else:article_list = ArticlePost.objects.all()paginator = Paginator(article_list, 3)page = request.GET.get('page')articles = paginator.get_page(page)# 增加 search 到 contextcontext = {'articles': articles, 'order': order, 'search': search}return render(request, 'article/list.html', context)

2.修改模板

article/list.html:

<!-- extends表明此页面继承自 base.html 文件 -->
{% extends "base.html" %}
{% load staticfiles %}<!-- 写入 base.html 中定义的 title -->
{% block title %}首页
{% endblock title %}<!-- 写入 base.html 中定义的 content -->
{% block content %}<!-- 定义放置文章标题的div容器 -->
<div class="container"><nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="{% url 'article:article_list' %}?search={{ search }}">最新</a></li><li class="breadcrumb-item"><a href="{% url 'article:article_list' %}?order=total_views&search={{ search }}">最热</a></li></ol></nav><!-- 新增，搜索栏 --><div class="row"><div class="col-auto mr-auto"><form class="form-inline" ><label class="sr-only">content</label><input type="text"class="form-control mb-2 mr-sm-2"name="search"placeholder="搜索文章..."required></form></div></div><!-- 新增，搜索提示语 -->{% if search %}{% if articles %}<h4><span style="color: red">"{{ search }}"</span>的搜索结果如下：</h4><hr>{% else %}<h4>暂无<span style="color: red">"{{ search }}"</span>有关的文章。</h4><hr>{% endif %}{% endif %}<nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="{% url 'article:article_list' %}">最新</a></li><li class="breadcrumb-item"><a href="{% url 'article:article_list' %}?order=total_views">最热</a></li></ol></nav><div class="row mt-2">{% for article in articles %}<!-- 文章内容 --><div class="col-4 mb-4"><!-- 卡片容器 --><div class="card h-100"><!-- 标题 --><h4 class="card-header">{{ article.title }}</h4><!-- 摘要 --><div class="card-body"><p class="card-text">{{ article.body|slice:'100' }}...</p></div><!-- 注脚 --><div class="card-footer"><a href="{% url 'article:article_detail' article.id %}" class="btn btn-primary">阅读本文</a><!-- 显示浏览量 --><span><small class="col align-self-end" style="color: gray;">浏览: {{ article.total_views }}</small></span></div></div></div>{% endfor %}</div>
</div>
<!-- 页码导航 -->
<div class="pagination row"><div class="m-auto"><span class="step-links"><!-- 如果不是第一页，则显示上翻按钮 -->{% if articles.has_previous %}<a href="?page=1&order={{ order }}&search={{ search }}" class="btn btn-success">&laquo; 首页</a><span>...</span><a href="?page={{ articles.previous_page_number }}&order={{ order }}&search={{ search }}"class="btn btn-secondary">{{ articles.previous_page_number }}</a>{% endif %}<!-- 当前页面 --><span class="current btn btn-danger btn-lg">{{ articles.number }}</span><!-- 如果不是最末页，则显示下翻按钮 -->{% if articles.has_next %}<a href="?page={{ articles.next_page_number }}&order={{ order }}&search={{ search }}"class="btn btn-secondary">{{ articles.next_page_number }}</a><span>...</span><a href="?page={{ articles.paginator.num_pages }}&order={{ order }}&search={{ search }}"class="btn btn-success">尾页 &raquo;</a>{% endif %}</span></div>
</div>
{% endblock content %}

写在最后

本文是个人的一些学习笔记,如有侵权,请及时联系我进行删除,谢谢大家.

Django做一个简单的博客系统(11)----搜索文章相关推荐

Django做一个简单的博客系统(13)----增加文章栏目
前言添加一个文章栏目功能. 感谢大神的教程:Django搭建个人博客. 一.文章栏目 1.修改模型 article/models.py: ...class ArticleColumn(mod ...
Django做一个简单的博客系统(14)----增加文章标签
前言添加一个文章标签功能. 感谢大神的教程:Django搭建个人博客. 一.文章标签 1.准备首先要安装Django-taggit:: pip install django-taggit ...
Django做一个简单的博客系统(10)----最热文章
前言上一篇文章实现了统计文章浏览量的功能,那么随之而来的就是实现最新最热文章的功能. 感谢大神的教程:Django搭建个人博客. 一.最新,最热文章其实最热文章功能实现原理很简单,就是根据 ...
django初探-创建简单的博客系统(一)
django第一步 1. django安装 pip install django print(django.get_version()) 查看django版本 2. 创建项目打开cmd,进入指定目录 ...
[Django快速开发1]搭建一个简单的博客系统（1）
系列文章目录 Django快速开发0快速搭建环境并得到django项目的hello world 文章目录系列文章目录前言从Django的模型层开始书写定义文章模型: 使用脚本向sqlite3中 ...
php ci框架后台管理,ci: 羽翼后台管理平台是一个简单的博客系统，后端基于CodeIgniter，前端基于Semantic UI 2.2.10...
羽翼后台管理平台(博客系统) 羽翼的由来羽翼的故事是9月20日的晚上,我突然就想到--造翼者小说.我通过自己构思不少的东西.羽毛代表着轻松.纯洁和神圣的:翼代表着升天和梦想,两者在一起的含义:带着一 ...
SpringBoot+Vue快速搭建简单个人博客系统之后端
我是markerhub作者的一名粉丝,最初在markerhub公众号关注了博主,去B站白嫖了博主的基于SpringBoot+Vue开发的前后端分离博客项目完整教学的视频教程,看一遍跟着老师敲一遍,有的 ...
用RC522与arduino做一个简单的门禁系统
用RC522与arduino做一个简单的门禁系统插本成功要去新学校了,结果发现新学校宿舍没有电梯没有电子门(虽然海景房很香).这对于住惯养老院的我属实难受所所以打算自己也整一个IC卡的门禁系统.然后 ...
用koa mongodb 做了个简单的博客系统
最近在研究koa和mongodb,简单做了个博客系统,目前还未开放评论和发帖功能,欢迎大家吐槽~ ?安装 git clone https://github.com/oliyg/alljscc.git ...

Django做一个简单的博客系统(11)----搜索文章

前言

一.搜索文章

1.修改视图函数

2.修改模板

写在最后

Django做一个简单的博客系统(11)----搜索文章相关推荐

最新文章

热门文章