go web编程——实现一个简单分页器
在go web编程中,当需要展示的列表数据太多时,不可避免需要分页展示,可以使用Go实现一个简单分页器,提供各个数据列表展示使用。
具体需求:
1. 可展示“首页”和“尾页”。
2. 可展示“上一页”和“下一页”。
3. 展示一定数量的数字页码,但总保持当前访问页码在中间位置。
分页器代码:
package paginator import (
"math"
) //分页器结构
type paginator struct {
Total int //记录总数
PageSize int //每页大小
PageTotal int //总页数
Page int //当前页数
LastPage int //上一页
NextPage int //下一页
PageNums []int //显示页码
} var defaultPageSize = 5 //默认页大小
var pageNum = 5 //显示页码数量 //获取默认页大小
func GetDefaultPageSize() int {
return defaultPageSize
} //设置默认页大小
func SetDefaultPageSize(ps int) {
if ps < 1 {
ps = 1
}
defaultPageSize = ps
} //设置显示页码数量
func SetPageNum(pn int) {
if pn < 1 {
pn = 1
}
pageNum = pn
} //创建分页器
func CreatePaginator(page, pageSize, total int) paginator {
if pageSize <= 0 {
pageSize = defaultPageSize
}
pager := &paginator{
Total: total,
PageSize: pageSize,
PageTotal: int(math.Ceil(float64(total) / float64(pageSize))),
Page: page,
}
if total <= 0 {
pager.PageTotal = 1
pager.Page = 1
pager.LastPage = 1
pager.NextPage = 1
pager.PageNums = append(pager.PageNums, 1)
return *pager
}
//分页边界处理
if pager.Page > pager.PageTotal {
pager.Page = pager.PageTotal
} else if pager.Page < 1 {
pager.Page = 1
}
//上一页与下一页
pager.LastPage = pager.Page
pager.NextPage = pager.Page
if pager.Page > 1 {
pager.LastPage = pager.Page - 1
}
if pager.Page < pager.PageTotal {
pager.NextPage = pager.Page + 1
}
//显示页码
var start, end int //开始页码与结束页码
if pager.PageTotal <= pageNum {
start = 1
end = pager.PageTotal
} else {
before := pageNum / 2 //当前页前面页码数
after := pageNum - before - 1 //当前页后面页码数
start = pager.Page - before
end = pager.Page + after
if start < 1 { //当前页前面页码数不足
start = 1
end = pageNum
} else if end > pager.PageTotal { //当前页后面页码数不足
start = pager.PageTotal - pageNum + 1
end = pager.PageTotal
}
}
for i := start; i <= end; i++ {
pager.PageNums = append(pager.PageNums, i)
}
return *pager
}
控制器使用:
pager := paginator.CreatePaginator(page, pageSize, total)
tpl, err := template.New("index.html").ParseFiles("index.html")
if err != nil {
fmt.Fprint(writer, "模板解析错误:", err)
return
}
err = tpl.Execute(writer, map[string]interface{}{"paginator": pager})
if err != nil {
fmt.Fprint(writer, "模板执行错误:", err)
return
}
模板使用:
#pageBar {
text-align: right;
padding: 20px 0 20px 0;
}
.pageBtn a {
display: inline-block;
border: 1px solid #aaa;
padding: 2px 5px;
margin : 0 3px;
font-size: 13px;
background: #ECECEC;
color: black;
text-decoration: none;
-moz-border-radius: 2px;
-webkit-border-radius: 3px;
}
.pageBtn-selected a {
display: inline-block;
border: 1px solid #aaa;
padding: 2px 5px;
margin : 0 3px;
font-size: 13px;
background: #187BBD;
color: white;
text-decoration: none;
-moz-border-radius: 2px;
-webkit-border-radius: 3px;
}
.pageBtn a:hover {
background: #187BBD;
color: white;
}
<div class="row" id="pageBar">
{{if ne .paginator.Page 1}}
<span class="pageBtn"><a href="/address/1/{{.paginator.PageSize}}">首页</a></span>
<span class="pageBtn"><a href="/address/{{.paginator.LastPage}}/{{.paginator.PageSize}}">上一页</a></span>
{{end}}
{{range $k, $v := .paginator.PageNums}}
{{if eq $v $.paginator.Page}}
<span class="pageBtn-selected"><a href="/address/{{$v}}/{{$.paginator.PageSize}}">{{$v}}</a></span>
{{else}}
<span class="pageBtn"><a href="/address/{{$v}}/{{$.paginator.PageSize}}">{{$v}}</a></span>
{{end}}
{{end}}
{{if ne .paginator.Page .paginator.PageTotal}}
<span class="pageBtn"><a href="/address/{{.paginator.NextPage}}/{{.paginator.PageSize}}">下一页</a></span>
<span class="pageBtn"><a href="/address/{{.paginator.PageTotal}}/{{.paginator.PageSize}}">尾页</a></span>
{{end}}
</div>
效果:

go web编程——实现一个简单分页器的更多相关文章
- 使用socket编程实现一个简单的文件服务器
使用socket编程实现一个简单的文件服务器.客户端程序实现put功能(将一个文件从本地传到文件服务器)和get功能(从文件服务器取一远程文件存为本地文件).客户端和文件服务器不在同一台机器上. pu ...
- 通过Knockout.js + ASP.NET Web API构建一个简单的CRUD应用
REFERENCE FROM : http://www.cnblogs.com/artech/archive/2012/07/04/Knockout-web-api.html 较之面向最终消费者的网站 ...
- python web编程 创建一个web服务器
这里就介绍几个底层的用于创建web服务器的模块,其中最为主要的就是BaseHTTPServer,很多框架和web服务器就是在他们的基础上创建的 基础知识 要建立一个Web 服务,一个基本的服务器和一个 ...
- Linux网络编程:一个简单的正向代理服务器的实现
Linux是一个可靠性非常高的操作系统,但是所有用过Linux的朋友都会感觉到, Linux和Windows这样的"傻瓜"操作系统(这里丝毫没有贬低Windows的意思,相反这应该 ...
- Python 元类编程实现一个简单的 ORM
概述 什么是ORM? ORM全称"Object Relational Mapping",即对象-关系映射,就是把关系数据库的一行映射为一个对象,也就是一个类对应一个表,这样,写代码 ...
- web开发——写一个简单的表格导出操作
一.前台页面: 主要是一个按钮和一个表格,表格有显示数据,按钮负责将表格中的数据选择性地导出.除此外,可以附加一个小窗口和进度条,用于显示下载进度. 1. 按钮:<a href="ja ...
- Python网络编程——编写一个简单的回显客户端/服务器应用
今天将python中socket模块的基本API学习完后,照着书上的实例编写一个套接字服务器和客户端.采用python3.5版本,在注释中会标明python2和python3的不同之处. 1.代码 ( ...
- [shiro学习笔记]第二节 shiro与web融合实现一个简单的授权认证
本文地址:http://blog.csdn.net/sushengmiyan/article/details/39933993 shiro官网:http://shiro.apache.org/ shi ...
- Python并发编程-线程-一个简单的例子
from threading import Thread import time def func(n): #子线程完成的 time.sleep(1) print(n) #多线程示例 for i in ...
随机推荐
- 关于discuz论坛邮箱配置
Discuz后台可以进行邮件设置,实现网站自动发送邮件给用户的邮箱. 在Discuz邮件设置,经常使用25端口普通发送邮件.为了数据安全,我们也可以使用SSL加密发送,设置方法很简单,只需按照下图进行 ...
- CSS3 结构性伪类选择器(2)
CSS3 结构性伪类选择器—first-child “:first-child”选择器表示的是选择父元素的第一个子元素的元素E.简单点理解就是选择元素中的第一个子元素,记住是子元素,而不是后代元素. ...
- JavaScript 工作原理之十-使用 MutationObserver 监测 DOM 变化
原文请查阅这里,略有删减,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland. 本系列持续更新中,Github 地址请查阅这里. 这是 JavaScript 工作原理的第十章. 网络 ...
- Linux下安装Python,以及环境变量的配置
1.安装环境 centos7 + vmware + xshell 2.安装Python3 2.1下载Python资源包 网址:https://www.python.org/downloads/re ...
- 实现bind函数
面试中碰到的bind函数,今天来研究下 //1.bind的返回值是函数 var obj={ name:"zhouy" } function f() { console.log(th ...
- OC中保存自定义类型对象的持久化方法
OC中如果要将自定义类型的对象保存到文件中,必须进行以下三个条件: 想要把存放自定义类型的数组进行 持久化(就是将内存中的临时数据以文件<数据库等>的形式写到磁盘上)必须满足: 1. 自定 ...
- Linux内核设计与实现 总结笔记(第七章)中断和中断处理
中断和中断处理 处理器的速度跟外围硬件设备的速度往往不再一个数量级上,因此,如果内核采取让处理器向硬件发出一个请求. 然后专门等待回应的办法,如果专门等待回应,明显太慢.所以等待期间可以处理其他事务, ...
- [CF846E]Chemistry in Berland题解
这题乍一看是一道水树形DP(其实事实上它确实是树形DP),然后设f[i]表示第i个点所多余/需要的材料,然后我们愉快的列出了式子: if(f[v]<0) f[u] += f[v] * edges ...
- 【HDOJ6627】equation(模拟)
题意:给定n,整数序列a和b,整数C,求所有成立的x n<=1e5,1<=a[i]<=1e3,-1e3<=b[i]<=1e3,1<=C<=1e9 思路: 大概 ...
- TreeView拖动并存入数据库(可判断拖动)
using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usin ...