As the predefined styles of the paging object are relatively limited, sometimes we want to customize the style or tags of the paging. Since all properties and methods of the paging object are public, this provides developers with a high degree of flexibility in customizing paging styles. Developers can customize paging content in the following ways:

  1. Use regex matching to replace the output content for customization.
  2. Organize paging content based on the properties and methods exposed by the paging object for customization.

Custom Tag Replacement

  1. package main
  3. import (
  4.     "github.com/gogf/gf/v2/frame/g"
  5.     "github.com/gogf/gf/v2/net/ghttp"
  6.     "github.com/gogf/gf/v2/os/gview"
  7.     "github.com/gogf/gf/v2/text/gstr"
  8.     "github.com/gogf/gf/v2/util/gpage"
  9. )
  11. // wrapContent wraps each of the page tag with html li and ul.
  12. func wrapContent(page *gpage.Page) string {
  13.     content := page.GetContent(4)
  14.     content = gstr.ReplaceByMap(content, map[string]string{
  15.         "<span":  "<li><span",
  16.         "/span>": "/span></li>",
  17.         "<a":     "<li><a",
  18.         "/a>":    "/a></li>",
  19.     })
  20.     return "<ul>" + content + "</ul>"
  21. }
  23. func main() {
  24.     s := g.Server()
  25.     s.BindHandler("/page/custom1/*page", func(r *ghttp.Request) {
  26.         page := r.GetPage(100, 10)
  27.         content := wrapContent(page)
  28.         buffer, _ := gview.ParseContent(`
  29.         <html>
  30.             <head>
  31.                 <style>
  32.                     a,span {padding:8px; font-size:16px;}
  33.                     div{margin:5px 5px 20px 5px}
  34.                 </style>
  35.             </head>
  36.             <body>
  37.                 <div>{{.page}}</div>
  38.             </body>
  39.         </html>
  40.         `, g.Map{
  41.             "page": content,
  42.         })
  43.         r.Response.Write(buffer)
  44.     })
  45.     s.SetPort(10000)
  46.     s.Run()
  47. }

After execution, the page output is:

Pagination - Custom Paging - 图1

Define Paging Tag Names

  1. package main
  3. import (
  4.     "github.com/gogf/gf/v2/frame/g"
  5.     "github.com/gogf/gf/v2/net/ghttp"
  6.     "github.com/gogf/gf/v2/os/gview"
  7.     "github.com/gogf/gf/v2/util/gpage"
  8. )
  10. // pageContent customizes the page tag name.
  11. func pageContent(page *gpage.Page) string {
  12.     page.NextPageTag = "NextPage"
  13.     page.PrevPageTag = "PrevPage"
  14.     page.FirstPageTag = "HomePage"
  15.     page.LastPageTag = "LastPage"
  16.     pageStr := page.FirstPage()
  17.     pageStr += page.PrevPage()
  18.     pageStr += page.PageBar()
  19.     pageStr += page.NextPage()
  20.     pageStr += page.LastPage()
  21.     return pageStr
  22. }
  24. func main() {
  25.     s := g.Server()
  26.     s.BindHandler("/page/custom2/*page", func(r *ghttp.Request) {
  27.         page := r.GetPage(100, 10)
  28.         buffer, _ := gview.ParseContent(`
  29.         <html>
  30.             <head>
  31.                 <style>
  32.                     a,span {padding:8px; font-size:16px;}
  33.                     div{margin:5px 5px 20px 5px}
  34.                 </style>
  35.             </head>
  36.             <body>
  37.                 <div>{{.page}}</div>
  38.             </body>
  39.         </html>
  40.         `, g.Map{
  41.             "page": pageContent(page),
  42.         })
  43.         r.Response.Write(buffer)
  44.     })
  45.     s.SetPort(10000)
  46.     s.Run()
  47. }

After execution, the page output is:

Pagination - Custom Paging - 图2