前端实现伪分页

最新推荐文章于 2023-10-25 14:49:52 发布
最新推荐文章于 2023-10-25 14:49:52 发布
阅读量1.7k 收藏 4
点赞数 1
分类专栏： 工作网页特效日常积累 文章标签： 分页 WEB前端 前端 布局 bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mr_YanYan/article/details/75108257
版权

有时候，做静态页面的时候，需要用到分页，当然绝绝绝大多数的情况下，分页这个事是后台来做的，用户请求时再给数据，至于两者利弊，稍后再讲。 因此，我们在这里称作它为伪分页。

此分页分为四部分，首先是页面布局，为了简洁布局，直接用了BootStrap中的分页，代码如下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>实现伪分页</title>
</head>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<body>
    <div id="list-icount">
        <!--存放数据的div-->
    </div>
    <ul class="pagination" id="paging">
        <!--存放页数列表ul-->
    </ul>
</body>
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</html>
第二我们暂且用本地数据，也可以请求后台，不过请求后台的话还是用后端做比较合适 

  var data = {
        1: "<p>俺家酒儿清</p>",
        2: "<p>一贯买两瓶</p>",
        3: "<p>灌得肚儿胀</p>",
        4: "<p>自家店小二是也</p>",
        5: "<p>在这岳阳楼下开着一个酒店</p>",
        6: "<p>但是南来北往经商客旅</p>",
        7: "<p>做买做卖</p>",
        8: "<p>都来这楼上饮酒</p>",
        9: "<p>今日早晨间</p>",
        10: "<p>我将这镟锅儿烧的热了</p>",
        11: "<p>将酒望子挑起来</p>",
        12: "<p>招过客，招过客</p>",
        13: "<p>贫道姓吕名岩字洞宾</p>",
        14: "<p>道号纯阳子</p>",
        15: "<p>先为唐朝儒士</p>",
        16: "<p>后遇钟离师父点化</p>",
        17: "<p>得成仙道</p>",
        18: "<p>贫道在蟠桃会上饮宴</p>"
    }
第三我们绑定数据及加载数据 
    function turnJson(oJsonArr, oJsonArrValue) {
        var iCount = 0;
        var turn_json_arr = [];
        if (arguments.length == 1) {
            for (key in oJsonArr) {
                turn_json_arr.push(key);
                //一个值时是将json的key转化成数组
            }
        } else {
            for (key in oJsonArr) {
                turn_json_arr.push(oJsonArr[key]);
            };
        }
        return turn_json_arr;
    }
    var iPageCount,
        iPageList = 6,
        sLi = '',
        k = 0,
        oPaging = document.getElementById('paging'), //获取ul  ID
        oList_icount = document.getElementById('list-icount'); //获取数据列表ID
    var dataArr = turnJson(data, 'newsList'); //将对象中的键值转换为数组
    iPageCount = Math.ceil(dataArr.length / iPageList); //将页数进行向上取整
    for (var i = 0; i < iPageCount; i++) {
        sLi += '<li class="page-footer"><a href="javascript:;">' + (i + 1) + '</a></li>'; //动态创建页数
    }
    // 将前一页和后一页标签加上
    oPaging.innerHTML = '<li id="prePage"><a href="javascript:;">«</a></li>' + sLi +
        '<li id="nextPage"><a href="javascript:;">»</a></li>';
    // 对控制数据的显隐和绑定数据
    while (k < dataArr.length) {
        switch (true) {
            case k <= 5:
                if (k == 0) {
                    var wraperP_1 = document.createElement('div')
                }
                wraperP_1.innerHTML += dataArr[k];
                if (k == 5) {
                    wraperP_1.className = 'ShowPara';
                    wraperP_1.style.display = 'block';
                    oList_icount.appendChild(wraperP_1)
                }
                break;
            case k > 5 && k <= 11:
                if (k == 6) {
                    var wraperP_2 = document.createElement('div')
                }
                wraperP_2.innerHTML += dataArr[k];
                if (k == 11) {
                    wraperP_2.className = 'ShowPara';
                    wraperP_2.style.display = 'none';
                    oList_icount.appendChild(wraperP_2)
                }
                break;
            case k > 11 && k <= 17:
                if (k == 12) {
                    var wraperP_3 = document.createElement('div')
                }
                wraperP_3.innerHTML += dataArr[k];
                if (k == 17) {
                    wraperP_3.className = 'ShowPara';
                    wraperP_3.style.display = 'none';
                    oList_icount.appendChild(wraperP_3)
                }
                break;
            case k > 17 && k <= dataArr.length - 1:
                if (k == 18) {
                    var wraperP_4 = document.createElement('div')
                }
                wraperP_4.innerHTML += dataArr[k];
                if (k == dataArr.length - 1) {
                    wraperP_4.className = 'ShowPara';
                    wraperP_4.style.display = 'none';
                    oList_icount.appendChild(wraperP_4)
                }
                break;
            default:
                break
        }
        k++
    }
第四，对元素对象进行事件操作 

    iPage_footer = document.getElementsByClassName('page-footer').length,
        oShowPara = document.getElementsByClassName('ShowPara'),
        iShowPara = document.getElementsByClassName('ShowPara').length;
    document.getElementsByClassName('page-footer')[0].classList.add('active');
    // 为每一个页数增加点击事件，设置active类
    for (var i = 0; i < iPage_footer; i++) {
        oPage_footer[i].index = i;
        oPage_footer[i].onclick = function () {
            for (var j = 0; j < iPage_footer; j++) {
                oShowPara[j].style.display = 'none';
                oPage_footer[j].className = 'page-footer'
            }
            oShowPara[this.index].style.display = 'block';
            this.className = 'page-footer active'
        }
    };
    var oPre = document.getElementById('prePage');
    var oNext = document.getElementById('nextPage');
    // 控制列表的显隐
    function circleList() {
        for (var j = 0; j < iPage_footer; j++) {
            oShowPara[j].style.display = 'none';
            oPage_footer[j].className = 'page-footer'
        }
    }
    //进行下一页的切换
    function nextPage() {
        for (var i = 0; i < iPage_footer; i++) {
            if (oShowPara[i].style.display == 'block') {
                if (i == iPage_footer - 1) return;
                circleList();
                oShowPara[(i + 1)].style.display = 'block';
                oPage_footer[(i + 1)].className = 'page-footer active';
                return
            }
        }
    };
    //进行上一页切换
    function prePage() {
        for (var i = 0; i < iPage_footer; i++) {
            if (oShowPara[i].style.display == 'block') {
                if (i == 0) return;
                circleList();
                oShowPara[(i - 1)].style.display = 'block';
                oPage_footer[(i - 1)].className = 'page-footer active';
                return
            }
        }
    };

    oPre.onclick = prePage;
    oNext.onclick = nextPage;
最后整个代码如下 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>实现伪分页</title>
</head>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<body>
    <div id="list-icount">
        <!--存放数据的div-->
    </div>
    <ul class="pagination" id="paging">
        <!--存放页数列表ul-->
    </ul>
</body>
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
    var data = {
        1: "<p>俺家酒儿清</p>",
        2: "<p>一贯买两瓶</p>",
        3: "<p>灌得肚儿胀</p>",
        4: "<p>自家店小二是也</p>",
        5: "<p>在这岳阳楼下开着一个酒店</p>",
        6: "<p>但是南来北往经商客旅</p>",
        7: "<p>做买做卖</p>",
        8: "<p>都来这楼上饮酒</p>",
        9: "<p>今日早晨间</p>",
        10: "<p>我将这镟锅儿烧的热了</p>",
        11: "<p>将酒望子挑起来</p>",
        12: "<p>招过客，招过客</p>",
        13: "<p>贫道姓吕名岩字洞宾</p>",
        14: "<p>道号纯阳子</p>",
        15: "<p>先为唐朝儒士</p>",
        16: "<p>后遇钟离师父点化</p>",
        17: "<p>得成仙道</p>",
        18: "<p>贫道在蟠桃会上饮宴</p>"
    }
    //将json中的key或键值转化为数组
    function turnJson(oJsonArr, oJsonArrValue) {
        var iCount = 0;
        var turn_json_arr = [];
        if (arguments.length == 1) {
            for (key in oJsonArr) {
                turn_json_arr.push(key);
                //一个值时是将json的key转化成数组
            }
        } else {
            for (key in oJsonArr) {
                turn_json_arr.push(oJsonArr[key]);
            };
        }
        return turn_json_arr;
    }
    var iPageCount,
        iPageList = 6,
        sLi = '',
        k = 0,
        oPaging = document.getElementById('paging'), //获取ul  ID
        oList_icount = document.getElementById('list-icount'); //获取数据列表ID
    var dataArr = turnJson(data, 'newsList'); //将对象中的键值转换为数组
    iPageCount = Math.ceil(dataArr.length / iPageList); //将页数进行向上取整
    for (var i = 0; i < iPageCount; i++) {
        sLi += '<li class="page-footer"><a href="javascript:;">' + (i + 1) + '</a></li>'; //动态创建页数
    }
    // 将前一页和后一页标签加上
    oPaging.innerHTML = '<li id="prePage"><a href="javascript:;">«</a></li>' + sLi +
        '<li id="nextPage"><a href="javascript:;">»</a></li>';
    // 对控制数据的显隐和绑定数据
    while (k < dataArr.length) {
        switch (true) {
            case k <= 5:
                if (k == 0) {
                    var wraperP_1 = document.createElement('div')
                }
                wraperP_1.innerHTML += dataArr[k];
                if (k == 5) {
                    wraperP_1.className = 'ShowPara';
                    wraperP_1.style.display = 'block';
                    oList_icount.appendChild(wraperP_1)
                }
                break;
            case k > 5 && k <= 11:
                if (k == 6) {
                    var wraperP_2 = document.createElement('div')
                }
                wraperP_2.innerHTML += dataArr[k];
                if (k == 11) {
                    wraperP_2.className = 'ShowPara';
                    wraperP_2.style.display = 'none';
                    oList_icount.appendChild(wraperP_2)
                }
                break;
            case k > 11 && k <= 17:
                if (k == 12) {
                    var wraperP_3 = document.createElement('div')
                }
                wraperP_3.innerHTML += dataArr[k];
                if (k == 17) {
                    wraperP_3.className = 'ShowPara';
                    wraperP_3.style.display = 'none';
                    oList_icount.appendChild(wraperP_3)
                }
                break;
            case k > 17 && k <= dataArr.length - 1:
                if (k == 18) {
                    var wraperP_4 = document.createElement('div')
                }
                wraperP_4.innerHTML += dataArr[k];
                if (k == dataArr.length - 1) {
                    wraperP_4.className = 'ShowPara';
                    wraperP_4.style.display = 'none';
                    oList_icount.appendChild(wraperP_4)
                }
                break;
            default:
                break
        }
        k++
    }
    var oPage_footer = document.getElementsByClassName('page-footer'),
        iPage_footer = document.getElementsByClassName('page-footer').length,
        oShowPara = document.getElementsByClassName('ShowPara'),
        iShowPara = document.getElementsByClassName('ShowPara').length;
    document.getElementsByClassName('page-footer')[0].classList.add('active');
    // 为每一个页数增加点击事件，设置active类
    for (var i = 0; i < iPage_footer; i++) {
        oPage_footer[i].index = i;
        oPage_footer[i].onclick = function () {
            for (var j = 0; j < iPage_footer; j++) {
                oShowPara[j].style.display = 'none';
                oPage_footer[j].className = 'page-footer'
            }
            oShowPara[this.index].style.display = 'block';
            this.className = 'page-footer active'
        }
    };
    var oPre = document.getElementById('prePage');
    var oNext = document.getElementById('nextPage');
    // 控制列表的显隐
    function circleList() {
        for (var j = 0; j < iPage_footer; j++) {
            oShowPara[j].style.display = 'none';
            oPage_footer[j].className = 'page-footer'
        }
    }
    //进行下一页的切换
    function nextPage() {
        for (var i = 0; i < iPage_footer; i++) {
            if (oShowPara[i].style.display == 'block') {
                if (i == iPage_footer - 1) return;
                circleList();
                oShowPara[(i + 1)].style.display = 'block';
                oPage_footer[(i + 1)].className = 'page-footer active';
                return
            }
        }
    };
    //进行上一页切换
    function prePage() {
        for (var i = 0; i < iPage_footer; i++) {
            if (oShowPara[i].style.display == 'block') {
                if (i == 0) return;
                circleList();
                oShowPara[(i - 1)].style.display = 'block';
                oPage_footer[(i - 1)].className = 'page-footer active';
                return
            }
        }
    };

    oPre.onclick = prePage;
    oNext.onclick = nextPage;
</script>

</html>
前台分页的特点为：下载量大，显示慢，加载时用户体验不好。服务器压力请求少，换页时用户体验好。如果有即时性内容，就不能翻回来的时候更新了。

后台分页的特点为：和前台分页特点相反。

总的来说，个人认为，前台分页更适合那些请求数据较少的，静态页面的数据。

另外，感觉自己写的代码好臃肿，请大佬们不吝赐教，溜了溜了~~




乐橙Web
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js jquery实现table假分页
08-09
假分页，又称为模拟分页，是通过前端技术实现的一种分页效果，它并不涉及服务器端的数据分块，而是通过计算和显示有限的数据集来营造分页的感觉。 这篇博客的标题和描述指向了一个使用jQuery来实现表格假分页的实践...
asp.net实现url伪静态及分页
05-18
3. **UI展示**：在前端，可以使用HTML和CSS创建分页链接，或者使用JavaScript库如jQuery分页插件来实现交互式分页。 总的来说，ASP.NET提供了强大的工具和灵活性，帮助开发者实现URL伪静态和分页功能，从而提升网站...
vue前端假分页
最新发布
weixin_45852743的博客
10-25 431
前端假分页是因为有时候后端接口不太方便提供分页功能，而前端需要展示大量数据时，为了提高用户体验，需要将数据分页展示。在这种情况下，前端可以通过自己实现一个假的分页效果来达到分页展示数据的目的。假分页的实现方式是在前端将所有数据加载到页面中，然后通过JavaScript代码实现分页效果，即根据用户的点击或滚动等操作，动态地展示不同页码的数据。这种方式虽然不能真正地减少数据的加载量，但可以提高用户的交互体验，让用户更加方便地查看和操作数据。
vue el-tabel 后端不分页 前端分页方法（个人笔记）
Zzhwkpd的博客
06-01 924
后端不做分页，前端解决分页方法
后端未做分页，前端进行分页（采用element.ui pagination组件，vue框架）
weixin_47553901的博客
07-19 1050
后端未做分页，前端进行分页
ElementUI 不通过后端 直接在前端做分页处理
CurryYe30的博客
06-30 171
elementUI 数据不依赖后端 通过前端进行分页处理
前端假分页js一个函数搞定
白白的博客
12-19 843
pageTotal数组长度 // pageSize每页显示 10 条 this.pageNum第几页 paginationChange分页函数，所有数据在list中，pageData是分页数组，currentPageData是页面展示数据pageData[this.pageNum-1] 分页函数和改变页数和size函数 更新数据和改变size时调用分页函数，改变页数时只改变当前页面数据值 // 分页查询 // pageTotal数组长度 // pageSize每页显示 10 条 pa.
文章正文分页实现源码
03-11
1. **HTML/CSS实现**：在HTML中，可以利用CSS的`::before`和`::after`伪元素来插入分页符，并通过JavaScript动态计算插入位置。例如，可以设置每页显示的字符数，然后遍历文章内容，当达到阈值时，添加一个分页符。...
前端样式 分页中间是省略号
09-13
在前端开发中，分页设计是一项常见的任务，用于在大量数据中提供良好的用户体验，让用户能够按需加载或浏览内容。"前端样式 分页中间是省略号"这个标题表明我们讨论的是一个关于分页组件的设计，其中在分页条目之间...
CSS3实现3D分页导航按钮特效代码
03-20
"CSS3实现3D分页导航按钮特效代码"正是利用这些特性来创建出独特且吸引人的用户体验。这篇内容将深入探讨如何使用CSS3来构建这种3D分页导航，以及涉及到的关键技术和方法。 首先，3D转换是CSS3中的一个核心特性，它...
java分页之假分页实现简单的分页器
09-02
主要介绍了java分页之假分页实现简单的分页器的相关资料,需要的朋友可以参考下
可伪可不伪的分页标签
01-18
package org.wzj.common; import java.io.IOException; import java.net.URLDecoder; import java.net.URLEncoder; import javax.servlet.jsp.JspWriter; import javax.servlet.jsp.tagext.BodyContent; import javax.servlet.jsp.tagext.BodyTagSupport; public class FenyeTag extends BodyTagSupport { private static final long serialVersionUID = 1L; private String html; private String exname; private String target = ""; //链接所响应的框架窗口 private String cssClass; //样式名 private String action; //链接 private Integer pageCount; //总页数 private Integer current; //当前页码 private Integer showCount = 10; //在页面上显示多少个链接 private Integer spanWidth = 50; public static final String TEXT = "background-color:blue;color:white;"; public int doEndTag(){ BodyContent body = this.getBodyContent(); JspWriter out = body.getEnclosingWriter(); html = "<div id='fydiv'>"; int start = 1; if ( pageCount > 0 ){ if ( current > pageCount ){ current = pageCount; } if ( current < 1 ){ current = 1; } if ( exname == null || exname.equals("")){ html += "<a href='" + action + "?pageNum=1' target='" + target + "' class='" + cssClass + "' }else{ html += "a href=' target='" + target + "' class='" + cssClass + "' } html += "'>首页</a>"; if ( current > showCount - showCount/3 ){ start = start + showCount/3*(current/(showCount/3)-2); } if ( current < showCount - showCount/3 ){ start = 1; } int rcount = 1; //////////////////////////// for ( int i = 1; i <= pageCount; i ++ ){ if ( i >= start ){ //起始页码 if ( rcount <= showCount ){ //只显示showCount个链接 if ( exname == null || exname.equals("")){ html += "  <a href='" + action + "?pageNum=" + i + "' target='" + target + "' class='" + cssClass + "' }else{ html += "  a href=' target='" + target + "' class='" + cssClass + "' } if ( current == i ){ html += TEXT; } html += "'>" + i + "</a>  "; } if ( i < pageCount && rcount == showCount ){ html += "...  "; } rcount ++; } } //////////////////////////// if ( exname == null || exname.equals("")){ html += "<a href='" + action + "?pageNum=" + pageCount + "' target='" + target + "' class='" + cssClass + "' }else{ html += "a href=' target='" + target + "' class='" + cssClass + "' } html += "'>末页</a>"; html += "    第<span + current + "</span>页 共<span + pageCount + "</span>页"; } html += "</div>"; try { out.print(html); out.flush(); body.clearBody(); } catch (IOException ex) { ex.printStackTrace(); } return this.EVAL_PAGE; } public String getExname() { return exname; } public void setExname(String exname) { this.exname = exname; } public String getTarget() { return target; } public void setTarget(String target) { this.target = target; } public String getCssClass() { return cssClass; } public void setCssClass(String cssClass) { this.cssClass = cssClass; } public String getAction() { return action; } public void setAction(String action) { this.action = action; } public Integer getPageCount() { return pageCount; } public void setPageCount(Integer pageCount) { this.pageCount = pageCount; } public Integer getCurrent() { return current; } public void setCurrent(Integer current) { this.current = current; } public Integer getShowCount() { return showCount; } public void setShowCount(Integer showCount) { this.showCount = showCount; } }
使用JS实现纯分页原理以及实现
廖子默
10-13 2895
写在前面 好久没写博客了，因为实习工作好忙，还要同时兼顾毕业设计，最主要的是我现在是前端实习，哈哈，我一个在大学学了这么久后端开发的人，结果人生第一份正式的实习工作是前端。现在做了一个月了，自学了很多的前端知识，也对前端有了更多的了解，发现以前的认知都是错误的，什么前端简单，谁再说这句话我会认为他是一个ZZ。还有最后就是其实作为一个软件开发的人，技术栈一定要广，然后才深入几个。 不说废话了—实...
vant中 list组件使用，分页及伪分页做法
luoxiaonuan_hi的博客
08-19 2736
这次实现的思路和上面的就不一样了，这次是在页面滚动到底部时，往空数组中添加数据，每次滚动到底部，会巧妙的运用数组的splice方法，从数组中截取数据，这个方法也有删除的意思，就是把截取的数据从数组中删除掉，splice方法返回删除的数据，所以当截取完所有数据，就可以判断是否还有数据，没有数据就完成了。// 在后台没有提供分页的基础上，要想长列表实现瀑布流滚动，当列表即将滚动到底部时，会触发事件并加载更多列表项。依旧是先监听页面的滚动事件。
前端分页，(前端假分页与后台分页)
weixin_39388156的博客
08-17 1525
Bootstrap前端JS分页       后台分页
网页分页实现（css+js）
牧心人的专栏
08-21 2153
最近通过自己的摸索，通过css和js实现了一个简单的网页分页显示功能，现在分享给大家。有什么不足和改进之处，欢迎大家留言一起讨论，一起学习。
使用javaScript自定义前端分页逻辑算法
weixin_44539540的博客
06-10 485
已知一个数组tbody=[ ],定义一个空数组数组tbodyData=[] ，根据page值进行判断 ，pageData默认值为10 if(page==1){ tbodyData.length=0; if(tbody.length>=10){ for(let i=0;i<10;i++){ tbodyData[i]=tbody[i]; } }else{ for(let i=0;i<tb
Vue +Element UI 前端写假分页，不请求后台数据接口
weixin_43837305的博客
01-27 2732
文章目录前言一、使用步骤1.element分页代码2.js代码3.参考链接总结 前言 提示：前端做假分页，只限于适用的场景和数据或列表展示，不适用操作和编辑，望周知。 提示：以下是本篇文章正文内容，下面案例可供参考 一、使用步骤 1.element分页代码 代码如下（示例）： <div class="pagination-container"> <el-pagination @size-change="handleSizeChange" @cur
react 函数组件 前端实现分页
05-30
React 函数组件的分页实现，可以通过以下步骤来完成： 1. 定义组件的状态：当前页码、每页显示数量、总数据量等。 ``` const [currentPage, setCurrentPage] = useState(1); const [pageSize, setPageSize] = useState(10); const [total, setTotal] = useState(0); ``` 2. 定义获取数据的方法，并在组件挂载时调用该方法。 ``` useEffect(() => { fetchData(); }, []); const fetchData = async () => { const response = await fetch(`http://api.example.com/data?page=${currentPage}&pageSize=${pageSize}`); const data = await response.json(); setTotal(data.total); setData(data.items); } ``` 3. 定义分页器组件，并传入当前页码、每页显示数量、总数据量等参数。 ``` const Pagination = ({ currentPage, pageSize, total, onChange }) => { const pageCount = Math.ceil(total / pageSize); const pages = Array.from({ length: pageCount }, (_, i) => i + 1); return ( <ul> {pages.map(page => ( <li key={page} className={page === currentPage ? 'active' : ''} onClick={() => onChange(page)}> {page} </li> ))} </ul> ); }; ``` 4. 在组件中使用分页器，并在分页器页码变化时调用获取数据的方法。 ``` <Pagination currentPage={currentPage} pageSize={pageSize} total={total} onChange={setCurrentPage} /> {data.map(item => ( // 显示数据项 ))} ``` 通过以上步骤，即可实现基于 React 函数组件的前端分页功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值