Django 搜索后无法分页问题的解决办法

搜索与分页的问题

当我在执行完搜索之后，然后到搜索结果的下一页的时候，会出现搜索的结果消失，只在地址栏中留下了

127.0.0.1:8000/search/?page=1

搜索的结果全部消失

排查问题

1. 首先我在Django的编辑器中的运行栏中发现了以下错误

UnorderedObjectListWarning: Pagination may yield inconsistent results with an unordered object_list: <class 'article.models.Article'> QuerySet.
  pages = Paginator(lists, 10)

经过搜索是由于： 所得的数据是无效的，故而分页出现错误。

修改方法，在获得的数据之后对所得的数据进行排序

lists = Article.objects.filter(
        Q(title__icontains=word) | Q(context__icontains=word)).order_by('-created_time')

2. 经过上述方法后发现还是不行，每次传递的参数都是为page，没有其他的数值，故而需要将参数进行传递，以防止参数出现问题。
   故而我在使用javaScript中获得浏览器的地址的参数后加入

 <div class="panginator">
<nav aria-label="Page navigation">
    <ul class="pagination pagination-lg">
        {% if lists.has_previous %}
        <li>
            <a href="?page={{ lists.previous_page_number }}" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
        </li>
        {% else %}
        <li>
            <a href="?page={{ lists.number }}" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
        </li>
        {% endif %}

        {% for page in pages.page_range %}
        <li {% if page == lists.number %} class="active" {% endif %}><a
                href="?page={{ page }}">{{ page }}</a></li>
        {% endfor%}

        {% if lists.has_next %}
        <li>
            <a href="?page={{ lists.next_page_number }}" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
            </a>
        </li>
        {% else %}
        <li>
            <a href="?page={{ lists.number}}" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
            </a>
        </li>
        {% endif %}
    </ul>

    <script>
        $(document).ready(function(){
            var urls = window.location.href;
            var params = urls.split('?');
            var param_list = params[1].split('&');
            var url='';
            for(var i=0; i<param_list.length; i++){
                if(param_list[i].indexOf('page') == 0)
                {
                    continue;
                }else{
                    url+= '&'+param_list[i];
                }
            }   

            console.log(param_list);
            console.log('url=',url);

            var pages = document.querySelectorAll(".pagination.pagination-lg a");
            for(var i=0; i<pages.length; i++){
                pages[i].href += url;
                console.log(pages[i].href)
            }
        });
    </script>
</div>

在上面的JavaScript中，首先获取到网站地址中的参数，然后通过javascript将参数传入到<a>中的href参数中，解决上述问题。

更多的内容可以到刘龙韬的博客中查看相关的内容