from django.shortcuts import render from django.http import HttpResponse from django.core.paginator import Paginator from django.db.models import Q from datetime import datetime # Create your views here. from myadmin.models import Orders def ind...-Go服务器开发

要实现隐藏数据页码，只有在点击时才显示全部页码，你可以修改模板文件和视图函数。以下是修改后的代码示例：

模板文件 “myadmin/order/index.html”：

<script>
    function togglePages() {
        var pagination = document.querySelector('.pagination');
        
        if (pagination.classList.contains('show-all-pages')) {
            pagination.classList.remove('show-all-pages');
        } else {
            pagination.classList.add('show-all-pages');
        }
    }
</script>

<div class="pagination">
    {% for page_num in plist %}
        {% if page_num == pIndex or page_num|add:-1 == pIndex or page_num|add:1 == pIndex %}
            <a href="?pIndex={{ page_num }}">{{ page_num }}</a>
        {% elif forloop.first or forloop.last %}
            <a href="?pIndex={{ page_num }}">{{ page_num }}</a>
        {% else %}
            <!-- 隐藏的页码 -->
            <span class="hidden-page">{{ page_num }}</span>
        {% endif %}
    {% endfor %}
    
    <button onclick="togglePages()">更多页码</button>
</div>

<style>
    .hidden-page { display: none; }
    .pagination.show-all-pages .hidden-page { display: inline-block; }
</style>

<!-- 其他展示订单列表的内容 -->

视图函数：

def index(request, pIndex=1):
    '''浏览信息'''
    nmod = Orders.objects
    nlist = nmod.filter(status__lt=9)
    mywhere = []
    
    # 获取并判断搜索条件
    kw = request.GET.get("keyword", None)
    if kw:
        nlist = nlist.filter(Q(username__contains=kw) | Q(nickname__contains=kw))
        mywhere.append('keyword=' + kw)
    
    # 获取、判断并封装状态status搜索条件
    status = request.GET.get('status', '')
    if status != '':
        nlist = nlist.filter(status=status)
        mywhere.append("status=" + status)

    nlist = nlist.order_by("id")  # 对id排序
    
    # 执行分页处理
    pIndex = int(pIndex)
    page = Paginator(nlist, 10)  # 以每页10条数据分页
    maxpages = page.num_pages  # 获取最大页数
    
    # 判断当前页是否越界
    if pIndex > maxpages:
        pIndex = maxpages
    if pIndex < 1:
        pIndex = 1
    
    list2 = page.page(pIndex)  # 获取当前页数据
    plist = page.page_range  # 获取页码列表信息

    context = {"orderlist": list2, 'plist': plist, 'pIndex': pIndex, 'maxpages': maxpages, 'mywhere': mywhere}
    
    return render(request, "myadmin/order/index.html", context)

在这个示例中，我添加了 JavaScript 函数 togglePages() 来切换是否显示全部页码。在模板中隐藏的页码使用 <span> 元素包裹，并应用了 .hidden-page 类来进行样式控制。

点击 “更多页码” 按钮时，会调用 togglePages() 函数来切换 .pagination 元素上是否存在 .show-all-pages 类。当存在该类时，隐藏的页码将显示出来。再次点击按钮切换时，隐藏的页码将重新隐藏。

这样就实现了初步的数据页码隐藏和点击展示全部页码的效果。你可以根据需要对 JavaScript 和 CSS 样式进行调整。

内容由零声教学AI助手提供，问题来源于学员提问

from django.shortcuts import render from django.http import HttpResponse from django.core.paginator import Paginator from django.db.models import Q from datetime import datetime # Create your views here. from myadmin.models import Orders def ind...

golang云原生

diff --git a/mtk/package/kernel/wlan_driver/gen4m/mt6639_driver/os/linux/gl_kal.c b/mtk/package/kernel/wlan_driver/gen4m/mt6639_driver/os/linux/gl_kal.c 解释此命令

git 如何把更改提交到本地

执行什么命令可以输出 git diff 命令的输出片段，显示两个文件之间的差异

raco@ubuntu_2204:~/data/mtk_code/T830/T830/openwrt/build_dir/target-aarch64-openwrt-linux-musl_musl/linux-gem6xxx_evb6990_cpe_mt7992_emmc/hw_nat$ git diff hwnat_ioctl.c > temp_patch.patch raco@ubuntu_2204:~/data/mtk_code/T830/T830/openwrt/build_di...

PG主节点挂了，为什么备节点不会自动升主

git 拉取指定commit id的代码

WordPress自定义分享插件可以分享到微信朋友圈的那种我要自己写插件

如何在一个docker中运行多个程序

golang ipv6 地址转整数

Vue.prototype.zipMedia = async function(media) { const zip = new JSZip(); console.log("media.length: ", media.length); console.log("zipMedia_media: ", media); if (!media || media.length === 0) { return null; // 返回 null 表示没...

golang 布隆过滤器

golang + rdp 协议+tls，实现远程桌面服务端和客户端

git 拉取指定commit id的代码

golang为什么将method写在类外?

3.1.2.1.15. ReaderDataLifecycleQosPolicy Warning This QoS Policy will be implemented in future releases. This QoS Policy specifies the behavior of the DataReader with respect to the lifecycle of the data instances it manages, that is, the insta...

golang并发在哪些场景下没有增益

int brightnessValue = info.iBrightnessImg; // 增加的亮度值 brightnessValue = std::max(-255, std::min(brightnessValue, 255)); // 限制在-255到255之间 // 使用 convertScaleAbs 函数进行亮度增强 cv::Mat enhancedImage; ...

我创建和配置 YourProject-Bridging-Header.h 文件后，编译报error: Using bridging headers with module interfaces is unsupported (in target 'IroadSport' from project 'IroadSport')

rules: { budgetAmount: [ { required: true, message: '请输入预估改造金额(元)', trigger: 'blur' }, { validator(rule, value, callback) { if (value

我要用mysql创建一个工单表，表中有工单编号，被合并方，主加盟商，创建人，创建时间，工单状态字段，请帮我写一个sql语句

var ZeroRTCEngine = function (wsUrl) { this.init(wsUrl); zeroRTCEngine = this; return this; }这个wsurl是从哪里传过来的

bootstrapContainer.LoggingClientFrom

else if ('0BJECTS' == init.type) { let self = new Fieldset(init.useLang ? lang(init.title) : init.title); let me = this; var vlParent = new VLayout().setVerticalAlign('top'); self.setBody(vlParent); if (window.isOuterOperator !...

mongodb 查询 timestamp 范围内的数据个数，写出 mongodb 语句

联系我们

from django.shortcuts import render from django.http import HttpResponse from django.core.paginator import Paginator from django.db.models import Q from datetime import datetime # Create your views here. from myadmin.models import Orders def ind...

相关推荐

git 拉取指定commit id的代码

WordPress自定义分享插件 可以分享到微信朋友圈的那种 我要自己写插件

如何在一个docker中运行多个程序

golang ipv6 地址转整数

Vue.prototype.zipMedia = async function(media) { const zip = new JSZip(); console.log("media.length: ", media.length); console.log("zipMedia_media: ", media); if (!media || media.length === 0) { return null; // 返回 null 表示没...

golang 布隆过滤器

golang + rdp 协议+tls，实现远程桌面服务端和客户端

git 拉取指定commit id的代码

golang为什么将method写在类外?

联系我们

登录

注册

WordPress自定义分享插件可以分享到微信朋友圈的那种我要自己写插件