search.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. {% extends "base.html" %}
  2. {% load staticfiles %}
  3. {% load highlight %}
  4. {% block title %}
  5. 新闻搜索
  6. {% endblock %}
  7. {% block content %}
  8. <link href="{% static 'css/news.css' %}" rel="stylesheet">
  9. <!-- 广告横幅 -->
  10. <div class="container-fluid">
  11. <div class="row">
  12. <img class="img-responsive model-img" src="{% static 'img/new.jpg' %}">
  13. </div>
  14. </div>
  15. <!-- 主体内容 -->
  16. <div class="container">
  17. <div class="row row-3">
  18. <div class="model-details-title">
  19. 关于“{{query}}”的搜索结果
  20. <div class="col-md-7 hidden-xs model-details-title-search">
  21. <form method="get" id="searchform" action="{% url 'haystack_search' %}">
  22. {% csrf_token %}
  23. <div class="input-group">
  24. <input type="text" name="q" class="form-control" placeholder="请输入关键词" required />
  25. <span class="input-group-btn">
  26. <input type="submit" class="btn btn-default" value="查询" />
  27. </span>
  28. </div>
  29. </form>
  30. </div>
  31. </div>
  32. <div class="model-details">
  33. {% for result in page.object_list %}
  34. <div class="news-model">
  35. <img src="{% static 'img/newsicon.gif' %}">
  36. <a href="{% url 'newsApp:newDetail' result.object.id %}">
  37. <b>{{result.object.title}}</b>
  38. </a>
  39. <span>【{{result.object.publishDate|date:"Y-m-d"}}】</span>
  40. <!-- 添加新闻简要说明 -->
  41. <p class="news-search-model">
  42. {% highlight result.object.description with query %}
  43. </p>
  44. </div>
  45. {% empty %}
  46. <p>没有找到相关新闻</p>
  47. {% endfor %}
  48. </div>
  49. {% if page.has_previous or page.has_next %}
  50. <div>
  51. {% if page.has_previous %}
  52. <a href="?q={{ query }}&amp;page={{ page.previous_page_number }}">
  53. {% endif %}&laquo; 上一页{% if page.has_previous %}</a>{% endif %}
  54. |
  55. {% if page.has_next %}
  56. <a href="?q={{ query }}&amp;page={{ page.next_page_number }}">
  57. {% endif %}下一页
  58. &raquo;{% if page.has_next %}</a>{% endif %}
  59. </div>
  60. {% endif %}
  61. </div>
  62. </div>
  63. {% endblock %}