当前位置：首页 > news >正文

gf框架之分页模块(五) - 自定义分页

news 来源：原创 2024/4/20 3:26:37

文章来源：http://gf.johng.cn/597435

由于分页对象预定义的样式比较有限，有的时候我们想自定义分页的样式（标签输出），由于分页对象的的所有方法都是公开的，这便为开发者自定义分页样式提供了非常高的灵活度。开发者可以通过以下方式实现自定义分页内容：

（推荐）对输出内容进行正则匹配替换实现自定义；
根据分页对象公开的方法自行组织分页内容实现自定义；
也可以自定义一个分页对象（继承于原有分页对象），使用方法重载的方式来实现自定义；

示例1，使用第一种方式实现分页自定义：

package main

import (
    "gitee.com/johng/gf/g"
    "gitee.com/johng/gf/g/os/gview"
    "gitee.com/johng/gf/g/util/gstr"
    "gitee.com/johng/gf/g/net/ghttp"
    "gitee.com/johng/gf/g/util/gpage"
)

// 分页标签使用li标签包裹
func wrapContent(page *gpage.Page) string {
    content := page.GetContent(4)
    content  = gstr.ReplaceByMap(content, map[string]string {
        "<span"  : "<li><span",
        "/span>" : "/span></li>",
        "<a"     : "<li><a",
        "/a>"    : "/a></li>",
    })
    return "<ul>" + content + "</ul>"
}

func main() {
    s := ghttp.GetServer()
    s.BindHandler("/page/custom2/*page", func(r *ghttp.Request){
        page      := gpage.New(100, 10, r.Get("page"), r.URL.String(), r.Router.Uri)
        content   := wrapContent(page)
        buffer, _ := gview.ParseContent(`
        <html>
            <head>
                <style>
                    a,span {padding:8px; font-size:16px;}
                    div{margin:5px 5px 20px 5px}
                </style>
            </head>
            <body>
                <div>{{.page}}</div>
            </body>
        </html>
        `, g.Map{
            "page" : gview.HTML(content),
        })
        r.Response.Write(buffer)
    })
    s.SetPort(10000)
    s.Run()
}

执行后，页面输出结果为：

示例2，使用第二种方式实现分页自定义：

package main

import (
    "gitee.com/johng/gf/g/os/gview"
    "gitee.com/johng/gf/g/net/ghttp"
    "gitee.com/johng/gf/g/util/gpage"
)

// 自定义分页名称
func pageContent(page *gpage.Page) string {
    page.NextPageTag  = "NextPage"
    page.PrevPageTag  = "PrevPage"
    page.FirstPageTag = "HomePage"
    page.LastPageTag  = "LastPage"
    pageStr := page.FirstPage()
    pageStr += page.PrevPage()
    pageStr += page.PageBar("current-page")
    pageStr += page.NextPage()
    pageStr += page.LastPage()
    return pageStr
}

func main() {
    s := ghttp.GetServer()
    s.BindHandler("/page/custom/*page", func(r *ghttp.Request) {
        page      := gpage.New(100, 10, r.Get("page"), r.URL.String(), r.Router.Uri)
        buffer, _ := gview.ParseContent(`
        <html>
            <head>
                <style>
                    a,span {padding:8px; font-size:16px;}
                    div{margin:5px 5px 20px 5px}
                </style>
            </head>
            <body>
                <div>{{.page}}</div>
            </body>
        </html>
        `, g.Map{
            "page" : gview.HTML(pageContent(page)),
        })
        r.Response.Write(buffer)
    })
    s.SetPort(8199)
    s.Run()
}

执行后，页面输出结果为：