SPager 三個分頁架構Demo

阿新 • • 發佈：2018-12-24

SPager.js

/* SPager 呼叫說明 */
//第一步 建立 SPager物件 var spager = new SPager(4); 引數為 每頁 item 個數 PageSize
//第二步 必須重寫 SPager 的 ReturnParentElement 方法 ，返回 item 的父元素
//第三步 必須重寫 SPager 的 ReturnGifUrl 方法 ，返回 載入動畫gif圖片路徑
//第四步 必須重寫 SPager 的 CreateChilds 方法，返回 item 陣列或字串, 引數為 PageIndex，PageSize
//第五步 呼叫 SPager 的 Start 方法
(function () {
    window.SPager = function (PageSize) {
        this.ParentElement = null ;
        this.PageSize = PageSize;
        this.PageIndex = 1;
        this.loadgif = null;
        this.img_loading_flag = false;
        this.items = null;
        this.ReturnParentElement = function () { };
        this.ReturnGifUrl = function () { };
        this.CreateChilds = function () { };
    };
    SPager.prototype = {
        Start: function () {
            this.loadimg();
            this.ParentElement = this.ReturnParentElement();
            this.AddEvent();
        },
        loadimg: function () {
            var _this = this;
            this.loadgif = new Image();
            this.loadgif.onload = function(){
                _this.img_loading_flag = true;
            };
            this.loadgif.src = this.ReturnGifUrl();
        },
        AppendAllChild: function () {
            this.PageIndex++;
            this.items = this.CreateChilds(this.PageIndex, this.PageSize);
            if (this.items.length == 0) {
                return;
            }
            if (this.items.length<=this.PageSize) {
                for (var i = 0; i < this.items.length; i++) {
                    this.ParentElement.appendChild(this.items[i]);
                }
            }
            else {
                this.ParentElement.insertAdjacentHTML("beforeEnd", this.items);
            }
        },
        AddEvent: function () {
            var _this = this;
            var fun = function () {
                if (document.body.scrollTop == document.body.scrollHeight - window.innerHeight) {
                    document.removeEventListener("touchmove", fun, false);
                    _this.AddLoading();
                    _this.AppendAllChild();
                    _this.RemoveLoading();
                    document.addEventListener("touchmove", fun, false);
                }   
            };
            document.addEventListener("touchmove", fun, false);
        },
        AddLoading: function () {
            var loading = document.createElement("div");
            loading.setAttribute("id", "loading");
            loading.setAttribute("style", "text-align:center;background:white;");
            while(!this.img_loading_flag){
                //陷入死迴圈 等待gif圖片載入完成
            }
            loading.appendChild(this.loadgif);
            this.ParentElement.appendChild(loading);
        },
        RemoveLoading: function () {
            var loading = document.getElementById("loading");
            this.ParentElement.removeChild(loading);
        },
    };
}());

XiaoNeiZhaoPin.js

document.addEventListener("DOMContentLoaded", function () {
    var spager = new SPager(4);
    var pageindex1 = 1;
    var pageindex2 = 1;
    var pageindex3 = 1;
    var btn_schoolBtnA1 = document.getElementById("btn_schoolBtnA1");
    var btn_schoolBtnA2 = document.getElementById("btn_schoolBtnA2");
    var btn_schoolBtnA3 = document.getElementById("btn_schoolBtnA3");
    var flag = 1;
    spager.ReturnParentElement = function () {
        return document.getElementById("schoolBtnA1");
    };
    spager.ReturnGifUrl = function () {
        return "/images/cxc_img/loading.gif";
    };
    spager.CreateChilds = function (PageIndex, PageSize) {
        if (flag == 1) {
            pageindex1++;
            spager.PageIndex = pageindex1;
        }
        else if (flag == 2) {
            pageindex2++;
            spager.PageIndex = pageindex2;
        }
        else {
            pageindex3++;
            spager.PageIndex = pageindex3;
        }
        var s = "";
        AJAX("/MobileUser/Cuixianchao/AJAX_XiaoNeiZhaoPin", "post", "PageIndex=" + spager.PageIndex + "&PageSize=" + PageSize + "&flag=" + flag, function (data) {
            s = data;
        }, false);
        if (s.length < 10) {
            return "";
        }
        else {
            return s;
        }
    };
    spager.Start();
    btn_schoolBtnA1.onclick = function () {
        spager.ReturnParentElement = function () {
            return document.getElementById("schoolBtnA1");
        };
        flag = 1;
        spager.Start();
    };
    btn_schoolBtnA2.onclick = function () {
        spager.ReturnParentElement = function () {
            return document.getElementById("schoolBtnA2");
        };
        flag = 2;
        spager.Start();
    };
    btn_schoolBtnA3.onclick = function () {
        spager.ReturnParentElement = function () {
            return document.getElementById("schoolBtnA3");
        };
        flag = 3;
        spager.Start();
    };
}, false);

後臺Action

public ActionResult AJAX_XiaoNeiZhaoPin()
        {
            XiaoNeiZhaoPin_ViewModel xxx = new XiaoNeiZhaoPin_ViewModel
            {
                zczph = new List<_XNZCZPH>
                {
                    new _XNZCZPH {
                        id =1,
                        company_name ="阿里巴巴集團",
                        company_logo_url="/images/pic2.jpg",
                        school_name = "山西大學校招專場",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =2,
                        company_name ="阿里巴巴集團",
                        company_logo_url="/images/pic3.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =3,
                        company_name ="阿里巴巴集團",
                        company_logo_url="/images/pic2.jpg",
                        school_name = "山西大學",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =4,
                        company_name ="阿里巴巴集團",
                        company_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =1,
                        company_name ="阿里巴巴",
                        company_logo_url="/images/pic2.jpg",
                        school_name = "山西大學校招專場",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =2,
                        company_name ="阿里巴巴",
                        company_logo_url="/images/pic3.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =3,
                        company_name ="阿里巴巴",
                        company_logo_url="/images/pic2.jpg",
                        school_name = "山西大學",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =4,
                        company_name ="阿里巴巴",
                        company_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =1,
                        company_name ="阿里巴巴集",
                        company_logo_url="/images/pic2.jpg",
                        school_name = "山西大學校招專場",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =2,
                        company_name ="阿里巴巴集",
                        company_logo_url="/images/pic3.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =3,
                        company_name ="阿里巴巴集",
                        company_logo_url="/images/pic2.jpg",
                        school_name = "山西大學",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =4,
                        company_name ="阿里巴巴集",
                        company_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                },
                xyzph = new List<_XNXYZPH>
                {
                    new _XNXYZPH
                    {
                        id =1,
                        zhaopinhui_name ="山西大學春季招聘會",
                        zhaopinhui_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNXYZPH
                    {
                        id =1,
                        zhaopinhui_name ="山西大學春季招聘會",
                        zhaopinhui_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNXYZPH
                    {
                        id =1,
                        zhaopinhui_name ="山西大學春季招聘會",
                        zhaopinhui_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNXYZPH
                    {
                        id =1,
                        zhaopinhui_name ="山西大學春季招聘會",
                        zhaopinhui_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNXYZPH
                    {
                        id =1,
                        zhaopinhui_name ="山西大學春季招",
                        zhaopinhui_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNXYZPH
                    {
                        id =1,
                        zhaopinhui_name ="山西大學春季招",
                        zhaopinhui_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNXYZPH
                    {
                        id =1,
                        zhaopinhui_name ="山西大學春季招",
                        zhaopinhui_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNXYZPH
                    {
                        id =1,
                        zhaopinhui_name ="山西大學春季招",
                        zhaopinhui_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNXYZPH
                    {
                        id =1,
                        zhaopinhui_name ="山西大學春季招聘",
                        zhaopinhui_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNXYZPH
                    {
                        id =1,
                        zhaopinhui_name ="山西大學春季招聘",
                        zhaopinhui_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNXYZPH
                    {
                        id =1,
                        zhaopinhui_name ="山西大學春季招聘",
                        zhaopinhui_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNXYZPH
                    {
                        id =1,
                        zhaopinhui_name ="山西大學春季招聘",
                        zhaopinhui_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                },
                qyzph = new List<_XNZCZPH>
                {
                    new _XNZCZPH {
                        id =1,
                        company_name ="阿里巴巴集團",
                        company_logo_url="/images/pic2.jpg",
                        school_name = "山西大學校招專場",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =2,
                        company_name ="阿里巴巴集團",
                        company_logo_url="/images/pic3.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =3,
                        company_name ="阿里巴巴集團",
                        company_logo_url="/images/pic2.jpg",
                        school_name = "山西大學",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =4,
                        company_name ="阿里巴巴集團",
                        company_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =1,
                        company_name ="阿里巴巴",
                        company_logo_url="/images/pic2.jpg",
                        school_name = "山西大學校招專場",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =2,
                        company_name ="阿里巴巴",
                        company_logo_url="/images/pic3.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =3,
                        company_name ="阿里巴巴",
                        company_logo_url="/images/pic2.jpg",
                        school_name = "山西大學",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =4,
                        company_name ="阿里巴巴",
                        company_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =1,
                        company_name ="阿里巴巴集",
                        company_logo_url="/images/pic2.jpg",
                        school_name = "山西大學校招專場",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =2,
                        company_name ="阿里巴巴集",
                        company_logo_url="/images/pic3.jpg",
                        school_name = "山西大學",
                        addr="圖書館會議室",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =3,
                        company_name ="阿里巴巴集",
                        company_logo_url="/images/pic2.jpg",
                        school_name = "山西大學",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                    new _XNZCZPH {
                        id =4,
                        company_name ="阿里巴巴集",
                        company_logo_url="/images/pic1.jpg",
                        school_name = "山西大學",
                        addr="體育廣場",
                        time_day="2016/6/3",
                        time_sec="14:20"
                    },
                }
            };
            int PageIndex = int.Parse(Request["PageIndex"]);
            int PageSize = int.Parse(Request["PageSize"]);
            int flag = int.Parse(Request["flag"]);
            if (flag==1)
            {
                List<_XNZCZPH> l = new List<_XNZCZPH>();
                int temp = PageSize * (PageIndex - 1);
                for (int i = temp; i < xxx.zczph.Count && i < temp + PageSize; i++)
                {
                    l.Add(xxx.zczph[i]);
                }
                xxx.zczph = l;
                xxx.xyzph.RemoveRange(0, xxx.xyzph.Count);
                xxx.qyzph.RemoveRange(0, xxx.qyzph.Count);
            }
            else if(flag == 2)
            {
                List<_XNXYZPH> l = new List<_XNXYZPH>();
                int temp = PageSize * (PageIndex - 1);
                for (int i = temp; i < xxx.xyzph.Count && i < temp + PageSize; i++)
                {
                    l.Add(xxx.xyzph[i]);
                }
                xxx.zczph.RemoveRange(0, xxx.zczph.Count);
                xxx.xyzph = l;
                xxx.qyzph.RemoveRange(0, xxx.qyzph.Count);
            }
            else
            {
                List<_XNZCZPH> l = new List<_XNZCZPH>();
                int temp = PageSize * (PageIndex - 1);
                for (int i = temp; i < xxx.qyzph.Count && i < temp + PageSize; i++)
                {
                    l.Add(xxx.qyzph[i]);
                }
                xxx.zczph.RemoveRange(0, xxx.zczph.Count);
                xxx.xyzph.RemoveRange(0, xxx.xyzph.Count);
                xxx.qyzph = l;
            }
            return View(xxx);
        }

ajaxView

@{
    Layout = null;
}
@model mszp.Models.ViewModels.MobileCommon.cxc.XiaoNeiZhaoPin_ViewModel
@foreach (var item in Model.zczph)
{
    <div class="mainPositionC">
        <div class="mainPositionCPic">
            <img [email protected]_logo_url />
        </div>
        <a href="companyDetail3.html">
            <div class="mainPositionCC">
                <div class="mainPositionCC1"><span class="mainPositionTime">@item.time_day</span><span class="mainPositionUid">@item.company_name</span><div class="clear"></div></div>
                <div class="mainPositionCC1 mainPositionCC2"><span class="mainPositionTime">@item.time_sec</span><span class="mainPositionUid">@item.school_name</span><div class="clear"></div></div>
                <div class="mainPositionCC3">@item.addr</div>
            </div>
        </a>
        <div class="clear"></div>
    </div>
}
@foreach (var item in Model.xyzph)
{
    <div class="mainPositionC">
        <div class="mainPositionCPic"><img [email protected]_logo_url /></div>
        <a href="wholePlaceDetail3.html">
            <div class="mainPositionCC">
                <div class="mainPositionCC1"><span class="mainPositionTime">@item.time_day</span><span class="mainPositionUid">@item.zhaopinhui_name</span><div class="clear"></div></div>
                <div class="mainPositionCC1 mainPositionCC2"><span class="mainPositionTime">@item.time_sec</span><span class="mainPositionUid">@item.school_name</span><div class="clear"></div></div>
                <div class="mainPositionCC3">@item.addr</div>
            </div>
        </a>
        <div class="clear"></div>
    </div>
}
@foreach (var item in Model.qyzph)
{
    <div class="mainPositionC">
        <div class="mainPositionCPic">
            <img [email protected]_logo_url />
        </div>
        <a href="companyDetail3.html">
            <div class="mainPositionCC">
                <div class="mainPositionCC1"><span class="mainPositionTime">@item.time_day</span><span class="mainPositionUid">@item.company_name</span><div class="clear"></div></div>
                <div class="mainPositionCC1 mainPositionCC2"><span class="mainPositionTime">@item.time_sec</span><span class="mainPositionUid">@item.school_name</span><div class="clear"></div></div>
                <div class="mainPositionCC3">@item.addr</div>
            </div>
        </a>
        <div class="clear"></div>
    </div>
}

SPager 三個分頁架構Demo

SPager.js /* SPager 呼叫說明 */ //第一步建立 SPager物件 var spager = new SPager(4); 引數為每頁 item 個數 PageSize //第二步必須重寫 SPager 的 ReturnParentElement 方法，返回

Asp.Net中的三種分頁方式總結

rom chang clas 綁定 select proc dll xtend tinc 本人ASP.net初學，網上找了一些分頁的資料，看到這篇文章，沒看到作者在名字，我轉了你的文章，只為我可以用的時候方便查看，2010的文章了，不知道這技術是否過期。以下才是正文

php 數據分頁類，可自定義多個分頁樣式

logs echo oot log 好的 num 方式 turn pre 調用分頁類的方法： // 測試分頁 public function pageTestAction() { Load::load_class(‘getPage‘,DI

遞歸算法+sql三種分頁

public ati names collect div response ber urn void using Maticsoft.Common; using System; using System.Collections.Generic; using System.

angular的tm-pagination分頁外掛一個頁面使用多個分頁的問題

很多分頁外掛在一個頁面中使用多個的時候都會出現一些問題（據說的，我還沒有什麼經驗），當然我在使用tm-pagination的時候也沒有跳過這個坑，先上個pagination最基礎的使用。其中有幾點需要注意的地方 1.外掛有兩個關鍵引數currentPage、itemsPerPage，當前頁碼和每

crm 系統專案(三) 自動分頁

crm 系統專案(三) 自動分頁需求: 　　1. 做一個自動分頁, 每15條資料1頁　　2. 讓當前頁數在中間顯示　　3. 上一頁, 下一頁注意情況: 　　1.總頁數小於規定顯示的頁數　　2. 左右兩邊極值情況　　3. 前後端傳參,互動　　　 user_list.py

Mysql的三種分頁方法

1、limit m,n分頁語句：select * from dept order by deptno desc limit 3,3;select * from dept order by deptno desc limit m,n;limit 3,3的意思掃描滿足條件的3+3

用Element-UI寫個分頁元件

最近專案需要使用到分頁功能於是瞄準Element-Ui 上程式碼~ //簡簡單單的標籤就完成了一個元件功能 <el-pagination @size-change="handleSizeChange" @curre

第三個引導頁新增button按鈕（滑動viewpager）

我們今天所說的是在專案的歡迎頁的中最後一頁的button點選事件第一種：如果說是歡迎頁都是一張圖片的話，最後一頁的按鈕還得我們自己來新增的話，那麼我們只需在佈局里弄上一個viewpager和button的控制元件 <?xml version=

《一個作業系統的實現》讀書筆記--第三章--分頁機制

1、邏輯地址、線性地址和實體地址 2、分頁管理機制 3、PDE、PTE、cr3 4、如何初始化頁目錄表與頁表一、邏輯地址、線性地址和實體地址 1、在未開啟分頁機制情況下 2、在開啟分頁機制情況下二、分頁管理機制下圖向大家展示，如何通過分頁管理機制，將線

bootstrap分頁外掛demo

引入JS 連結：https://pan.baidu.com/s/1NQtcBoJ9iXIHeXiEFjDAWg 密碼：454a HTML :命名個容器用來裝分頁 <ul id="pagination-demo" class="pagination m--margi

利用目前的三個分詞工具(jieba、snownlp、pynlpir)簡單的實現了短文字的分詞效果

part one 利用jieba分詞結果為：part two 利用snownlp分詞結果為：part one 利用pynlpir分詞程式碼如下：測試結果如下：在執行過程中遇到了pynlpir授權過期的問題，即報錯為：pynlpir.LicenseError:

Laravel一個頁面裡有多個分頁並用jQuery pagination.js實現

<script src="{{asset('lib/js/jquery.pagination.js')}}"></script> //引入該檔案前別忘了引入JQUERY庫 <script>

Elasticsearch 三種分頁方式

data 所有解決了解 event 業務層 prism test 不用 from + size

微服務架構實戰篇（三）：Spring boot2.0 + Mybatis + PageHelper實現增刪改查和分頁查詢功能

簡介該專案主要利用Spring boot2.0 +Mybatis + PageHelper實現增刪改查和分頁查詢功能，快速搭建一套和資料庫互動的專案。小工具一枚，歡迎使用和Star支援，如使用過程中碰到問題，可以提出Issue，我會盡力完善該Starter 版本基礎

java 三層架構實現資料的顯示和分頁功能

/* *  <input type="hidden" name="flag" id="flag" value="true" > */

三層架構實現分頁查詢

public IList<Customer> GetPage(CustomerSearchVO vo, int pageIndex, int pageSize, out int totalCount) { IList&l

oracle 分頁 where 三層

style rt+ lec col log acl des rom class 查詢[start,start+limit],包含start，包含start+limit,如start=21,limit=10結果就是21到30，包含21和30SELECT * FROM

Oracle數據庫（三）表操作，連接查詢，分頁

enc 解決辦法 oracl 主鍵 con sequence tno 插入通過復制表 --復制表 create table new_table as select * from Product --復制表結構不要數據 create table new

第三百八十九節，Django+Xadmin打造上線標準的在線教育平臺—列表篩選結合分頁

篩選 clas eno int 返回 view left 取數據 .html 第三百八十九節，Django+Xadmin打造上線標準的在線教育平臺—列表篩選結合分頁根據用戶的篩選條件來結合分頁實現原理就是，當用戶點擊一個篩選條件時，通過get請求方式傳參將篩選

SPager 三個分頁架構Demo

相關推薦