您身边的网站建设专家
成功案例

【建站服务】宁德小程序制作【宁德企业邮箱】宁德网站外包、宁德微信商城开发、宁德网店美工、宁德淘宝设计-域名申请

日期: 2022-09-20 15:44:29 浏览数:3


上往建站提供服务器空间服务商百度快照排名网站托管百度推广运营,致力于设计外包服务与源代码定制开发360推广搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。


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

网站建设.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-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)


全国咨询热线:400-111-6878

地址:全国各地都有驻点商务

Copyright © 2021 通陆科技

网站建设上往建站