用script去做前端html表格分页/排序

前言:

掘弃掉与后端交互做分页和互导,有利有弊吧; 在小数据的时候,如果不停来回朝服务端发送请求,会造成堵塞.于是,放弃了之前的前后端ajax方式去请求分页表格,使用script去弄一个,降低服务器的压力;

整体思路图:

代码构造:

{% extends "order_header_same.html" %}

{% block body %}







    

        

            
                添 加
        
        
                {% for item in data_list %}
                
                {% endfor %}
            

            

                

                    
订单ID
                    
订单URL
                    

                        订单数量
                        
                            - - -
                            升序
                            降序
                        
                    
                    

                        状态
                        
                            全 部
                            等 待
                            正在运行
                            完 成
                            失 败
                            未 知
                        
                    
                    

                        创建时间
                        
                             - - - 
                            升序
                            降序
                        
                    
                
            
            

                    
{{ item.id }}
                    
{{ item.url }}
                    
{{ item.count }}
                    

                        
                            {{ status_dict[item.status].sta }}
                        
                    
                    
{{ item.created_time }}
                
        

        
        

            

                

                    上一页
                
                

                    1
                
                

                    2
                
                

                    3
                
                

                    下一页
                
            
        
    










{% endblock %}