宁德小程序制作【宁德企业邮箱】宁德网站外包、宁德微信商城开发、宁德网店美工、宁德淘宝设计

发表日期： 2021-05-24 09:44:32 浏览次数：102

网站建设.jpg

宁德市隶属于福建省，别称闽东，中国大黄鱼之乡，国家园林城市。位于福建省东北翼沿海、福建闽东地区，东临东海，与台湾隔海相望，西邻南平，南接省会福州市，北接浙江，是福建离“长三角”和日本、韩国最近的城市。土地面积1.34万平方公里，直接相邻的海域面积4.46万平方公里，拥有世界级天然深水港三都澳。地形以丘陵山地为主，沿海为小平原，属中亚热带海洋性季风气候。

宁德市下辖蕉城区、福安市、福鼎市、古田县、霞浦县、周宁县、寿宁县、屏南县、柘荣县。第七次人口普查主要数据显示宁德市2020年常住人口314.68万人。

宁德也是中国东南沿海休闲度假和生态旅游的胜地 [1] ，境内共有1个世界地质公园、2个5A级景区、3个国家级风景名胜区和7个省级风景名胜区。 [2] 滨海有嵛山、台山列岛、大京、西洋岛、三都澳等海岸景区；内陆拥有国家级森林公园2个，省级森林公园4个，国家级湿地公园1个，省级自然保护区2个，市级自然保护区9个。2019年11月15日，宁德市被授予“国家森林城市”称号。 [3]

2020年宁德市实现地区生产总值2619亿元，同比增长6.0%。 [31]

前端分页页码展示逻辑封装函数

这里说的分页是页码的设计分页，并不是内容的分页，内容的分页可以看这篇文章《前端实现静态分页展示内容》，这里不多讲了，前端实现内容分页不好，不好，不好。所以今天讲后端分页，但是页码由前端设计，这个页码逻辑理论上适用于前后端，就是处理用...省略页码，大概的样子如下（分为三种情况）：

分页三种情况

具体的实现逻辑可以看我写的一个封装函数，只需要调用三个参数即可(当前页，总页数，分页链接的公共部分)。

复制代码function pageInit(current,total,link){current=parseInt(current),total=parseInt(total);var count = 6;var preLink = current > 1 ? link + (current-1) : "javascript:void(0)";var nextLink = current < total ? link + (current+1) : "javascript:void(0)";var html = '<div class="pages"><b>'+current+'</b>/'+total+' Pages <a href="'+preLink+'" '+(current > 1 ? "":"class=\"no-link\"")+'>«</a>';if(total <= count){for(var i=1;i<=total;i++){var pageTag = i == current ? '<span class="act">'+current+'</span>' : '<a href="'+link+i+'">'+i+'</a>'html += pageTag;}}else{var i = parseInt(current - count/2) < 2 ? 2 : parseInt(current-count/2);var end = (parseInt(current + count/2) > (total - 1)) ? (total-1) : parseInt(current+count/2);console.log(current,count/2)html += (current==1) ? '<span class="act">1</span>':'<a href="'+link+'1">1</a> '+(i > 2 ? "..." :"");for(; i <= end; i++){var pageTag = (i == current) ? '<span class="act">'+current+'</span>' : '<a href="'+(link+i)+'">'+i+'</a>'html += pageTag;}html += (end < (total - 2) ? "..." : "")+((current == total) ? '<span class="act">'+total+'</span>':' <a href="'+link+total+'">'+total+'</a>');}html += '<a href="'+nextLink+'" '+(current < total ? "":"class=\"no-link\"")+'>»</a></div>';return html;}复制代码

样式就自己写了，具体的结构输出到页面中就就可以看到，根据我的Dom树结构来写样式即可。调用方法：

复制代码document.getElementById("page").innerHTML = pageInit(5,56,"?page=");复制代码

前两个参数叫后端传给你（第一个是当前所属的页码，第二个参数的总的页码数）,第三个参数观察所有分页链接的公共部分。

宁德小程序制作【宁德企业邮箱】宁德网站外包、宁德微信商城开发、宁德网店美工、宁德淘宝设计

上一页：宁德网站优化【宁德开通400电话】宁德网站搭建、宁德微信公众号推文外包、宁德开通京东拼多多设计、宁德淘宝装修

下一页：宁德企业微信公众号小程序开发公司、宁德企业网页设计方案、宁德做网站开发价格、宁德微信公众号制作运营报价明细表、宁德网站设计公司费用、宁德网站推广大概需要多少钱