JS形式对帝国ecms分页导航进行修改
有时候呢，制作模板或者仿制模板的时候，由于为了美观会对不同的列表使用不同的分页导航样式！
或许有的朋友说，直接使用帝国默认的分页导航，从新定义样式，这个方法对于改动不大的人来说或许确实是不二选择！
但如果改动过大，或者想每个栏目的分页导航都不一样那该怎么办呢？帝国的分页导航标签模板只能定义一个，不可以定义多个！
下面是我自己的解决方法，是使用JS进行处理！
先来看分页导航函数：
参数解释：
Tota 表示总分页数
fnum 表示一次最多显示多少个分页连 比如 |< 1 2 3 4 5 >|
Pagenb 表示当前分页号
thtml 表示模板
Symbol 表示附件符号 比如帝国的分页是以下划线加分页号 如：index_2.html,index_3.html 其中的“_”就是附件符合
oneAdd 表示是不是显示第一个分页下标 1 帝国的分页1 是index.html 如果这个参数是false 则是第一个分页显示index.html这样，如果是true 则显示类似这样 index_1.html
---------------
function PageList(Tota,fnum,Pagenb,thtml,Symbol,oneAdd){
var Tota=parseInt(Tota),fnum=parseInt(fnum),Pagenb=parseInt(Pagenb);
if(fnum>0){
var startpage;//取得本组的开始页
var endpage;//取得本组的最后页
var str_nextunit="";// >>|
var str_preunit="";// |<<
var str_xia="";// >
var str_shang=""; // <
var str_num="";
var I;
fnum=fnum%2==0?(fnum=fnum 1):fnum;
var thisunit=Math.ceil(Tota/fnum);//多少组
var fn=parseInt(fnum/2);
if(Pagenb<fnum){
startpage=1;
endpage=fnum;
endpage=(endpage>Tota)?Tota:endpage;
if(Pagenb-fn>0){
startpage=Pagenb-fn;
endpage=Pagenb fn;
endpage=(endpage>Tota)?Tota:endpage;
if(Tota<fnum){
startpage=(endpage<=Tota)?1:startpage;
}
}
}else{
if(Pagenb-fn>0){
startpage=Pagenb-fn;
endpage=Pagenb fn;
}
if(endpage>Tota){
var c=endpage-Tota;
startpage=startpage-c;
endpage=Tota;
}
}
if(thisunit>1){
var nextunit=endpage 1;
if(nextunit>Tota){
nextunit="";
}
var preunit=startpage-1;
if(preunit<=0){
preunit="";
}
if(nextunit!=""){
nextunit="_" nextunit;
str_nextunit=thtml['str_nextunit'].replace(/{url}/g,nextunit);
}
if(preunit!=""){
preunit=(preunit==1)?"":"_" preunit;
str_preunit=thtml['str_preunit'].replace(/{url}/g,preunit);
}
}
if(Pagenb!=0 && (Pagenb-1)>0){
if(oneAdd){
I=Symbol (Pagenb-1);
}else{
I=((Pagenb-1)==1)?"":Symbol (Pagenb-1);
}
str_shang=thtml['str_shang'].replace(/{url}/g,I);
}
if(Pagenb!=Tota && (Pagenb 1)<=Tota){
str_xia=thtml['str_xia'].replace(/{url}/g,Symbol (Pagenb 1));
}
for(var i=startpage;i<=endpage;i ){
if(oneAdd){
I=Symbol i;
}else{
I=(i==1)?"":Symbol i;
}
if(i==Pagenb){
str_num =thtml['str_num_a'].replace(/{url}/g,I).replace(/{i}/g,i);
}else{
str_num =thtml['str_num_b'].replace(/{url}/g,I).replace(/{i}/g,i);
}
}
return str_preunit str_shang str_num str_xia str_nextunit;
}
}上面就是了，没多复杂，也就那样！！！
调用方法，我们以帝国的栏目分页标签：[*--show.page--]（注意：把*替换成!，防止被解析！）
首先第一步，在列表模板中引入JQ库：
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
然后在模板中的</herd>标签前增加如下代码：
<scrupt>
$(document).ready(function(){
PageListcan();
});
function PageListcan(){
var a=$("#pe100_page_内容信息列表_wh日志列表").html();
a=a.replace(/页次：/g,"").replace(/每页/g,"").replace(/总数/g,"").split(" ");
a=a[0].split(" ");
var Pagenb=parseInt(a[0].split("/")[0]);//当前页码
var Tota=parseInt(a[0].split("/")[1]);//总页数
var mei=parseInt(a[1]);//每页显示
var num=parseInt(a[2]);//信息总数
var fnum=10;//导航显示分页链接数,最好是奇数
var thtml=[];//模板
thtml['str_nextunit']="<a href='index{url}.html' title='下一组'><em>>>|</em></a>";//下一组
thtml['str_preunit']="<a href='index{url}.html' title='下一组'><em>|<<</em></a>";//上一组
thtml['str_xia']="<a href='index{url}.html' title='下一页'><em>>|</em></a>";//下一页
thtml['str_shang']="<a href='index{url}.html' title='上一页'><em>|<</em></a>";
thtml['str_num_a']="<span class='on'><em>{i}</em></span>";//当前页面分页
thtml['str_num_b']="<a href='index{url}.html' title='第{i}页'><em>{i}</em></a>";//其他页面分页循环
var Page=PageList(Tota,fnum,Pagenb,thtml,"_",false);
if(num>mei){
$("#pe100_page_内容信息列表_wh日志列表").html('<a class="first" href="index.html" title="首页"><em>首页</em></a>' Page '<a href="Index_' Tota '.html" title="末页"><em>末页</em></a>');
}else{
$("#pe100_page_内容信息列表_wh日志列表").html("");
}
}
</script>
到这里基本完成了，CSS样式什么和分页导航模板也可以在上面修改和定义，后面都有注释！
值得说明的是：上面红色的部分只的是你[*--show.page--]（注意：把*替换成!，防止被解析！）这个标签所在的DIV！比如我Body中这样写的：
<html>
....
<body>
<div id="pe100_page_内容信息列表_wh日志列表">[*--show.page--]（注意：把*替换成!，防止被解析！）</div>
</body>
</html>
比如模板是这样的，生成后类似这样，以我的博客列表为例：
<html>
....
<body>
<div id="pe100_page_内容信息列表_wh日志列表">[*--show.page--]（注意：把*替换成!，防止被解析！）</div>
</body>
</html>
上面的代码如果不执行前面写到的JS函数，效果是这样：
使用JS处理后变成这样：
| 机房名称 | 机房介绍 | 是否推荐 |
|---|---|---|
| 广州较场西路机房 | 中国电信5星级机房,华南骨干出口,广州市中心机房,交通便利,总带宽200G,为华南骨干出口。 |  |
| 广州人民中路机房 | 中国电信3星级机房,超高速的20Gx2主备双线路带宽直接接入ChinaNET骨干层。 | |
| 广州天河科技园机房 | 天河软件园建中路4号,中国互联网应急中心机房,国家政府机关直属。多线接入骨干BGP线路。 | |
| 电子商务部广州机房 | 天河软件建业路上(科韵路)的国际电子商务中心大厦甲级写字楼内,机房环境一流。多线接入骨干BGP线路。 | |
| 广州电信加速器机房 | 位于广州市萝岗区开源大道1号企业加速器B1栋一楼,按照国际T3+及国标B+级标准建造，机房环境一流。多线接入骨干网。 | |
| 广州移动旗锐机房 | 广州科学城南翔二路1号旗锐数字科技园区内，属于第三方私立机房,现由移动运营，从粤西汇聚节点直连CMNET骨干网。 | |
| 广州移动南方基地机房 | 中国移动广州南方基地机房位于广州市天河软件园高塘大道333号,用于移动骨干网线路，是移动服务器托管优质机房。 | |
| 东莞电信道滘机房 | 中国电信4星级机房,总带宽320G,可提供电信和多线BGP线路,华南骨干机房,稳定高速,性价比高。 | |
| 东莞电信东城机房 | 中国电信4星级机房,总带宽320G,性价比高,可提供电信和多线BGP线路和200G集群硬件防火墙VIP防护。 | |
| 东莞电信樟木头机房 | 中国电信4星级机房,总带宽320G,可提供电信和多线BGP线路和100G集群硬件防火墙企业级防护。 | |
| 深圳互联港湾机房 | 深圳南山高新区中区软件大厦四楼，电信3星级机房，20G带宽接入骨干网络。 | |
| 深圳南山科兴机房 | 位于深圳市南山区科技园科苑路15号科兴科学园，3星级机房，可提供双线接入等业务。 | |
| 深圳百旺信机房 | 深圳市南山区西丽松白公路百旺信工业区A区(一区)一栋属于第三方机房，可提供双线接入等业务。 | |
| 佛山电信信息大厦机房 | 佛山市汾江南路35号电信佛山分公司信息大厦8-9层,是中国电信3星级机房,可提供双线接入等业务。 | |
| 中山电信火炬机房 | 机房位于中山市火炬区康乐大道47号电信3楼,是中国电信3星级机房,可提供双线接入等业务。 | |
| 江苏徐州电信机房 | 机房位于江苏徐州市新城区镜泊东路4号,徐州市档案馆东侧，是中国电信3星级机房,可提供双线接入等业务。 | |
| 江苏常州电信机房 | 机房位于江苏省常州市清凉路108号常州信息港，是中国电信4星级机房,可提供双线接入等业务。 | |
| 香港TKO机房 | 机房靠近香港交易所的数据中心位置和香港商业中心，拥有PCCW、GTT、Cogent、Telia、TATA、CT、CN2、CU线路。 | |
| 香港将军澳机房 | 机房在香港新界將軍澳工業邨駿昌街22號，与阿里云香港机房同属一栋楼，拥有多种线路接入。 | |
| 香港新世界机房 | 香港新世界机房的海底电缆系统遍布全球，能直接连接多个国家，免备案，服务器租用、云服务器等业务。 | |
| 香港NTT机房 | 香港NTT电讯机房，是一座专用数据中心，在香港大埔，免备案，提供服务器租用、VPS云服务器等业务。 | |
| 美国洛杉矶机房 | 位于美国洛杉矶，直连全球，是全球带宽最集中的地方，是外贸企业首选，该机房只提供服务器租用业务。 | |
| 美国加州DCS机房 | 位于美国加州，直连全球，是美国的华人机房，是外贸企业首选，该机房只提供服务器租用业务。 | |
| 美国圣何塞机房 | 位于美国圣何塞，紧邻科技中心-硅谷，直连全球，是外贸企业首选，该机房只提供服务器租用业务。 | |
| 韩国首尔KT机房 | 韩国首尔的江南区道谷洞数据中心，光纤直连电信(CN2)、移动、PCCW、NTT等网络核心骨干。 | |
| 台湾中华电信机房 | 台湾中华电信机房位于台湾台北市114内湖区瑞光路68号3楼，是台湾对外最重要的电信枢纽之一。 | |
| 菲律宾PLDT机房 | 菲律宾PLDT机房拥有PCCW、TATA、CT、CN2等线路接入，优化线路到中国大陆速度快，延迟低，网络稳定。 | |
-
云虚拟主机
¥99元/年起 网站空间 原价：199元
-
独立物理服务器
¥488/月起 物理机 原价：699元
-
网站建设
¥580起 企业建站 原价：1999元起
迅恒建站·ABOUT US
迅恒专注于企业建站，海量精美网站风格模板供您选择！
迅恒是一家充满朝气蓬勃的互联网公司，坐落于羊城广州，拥有先进的管理理念，专业的技术团队。专注网站建设，为广大企业提供一站式企业建站服务。
- 全网品牌建站
帮您塑造行业品牌/企业品牌/产品品牌，快速缔造品牌美誉度
- 快速广泛传播
通过营销策划传播，快速提升网络知名度及曝光度
- 充分信任于你
通过对企业平台软硬实力深度包装，塑造公信力，让客户更信任你
- 高效转化成交
完善网站业务逻辑及在线客服沟通体系，快速提升询盘率及成交转化率
建站流程·PROCEDURE
网络营销推广的第一步就是做一个属于自己的网站
沟通联系
提出需求，咨询报价
达成协议
交流达成详细建站协议
支付费用
支付建站相关费用
建站开发
根据客户需求，制作网站
验收
客户验收网站
提交上线
验收合格，解析域名上线
售后服务
一对一的售后服务客服我们的优势·OUR STRENGTHS
做网站，为什么要选迅恒建站？
技术团队
专业的设计团队、技术团队，为客户提供专业的技术服务支持
源码交付
客户查验合格，提供源码交付/FTP信息。网站商业授权，避免产权纠纷
四合一建站多终端展示
网站能够在CP+平板+手机+小程序 完美响应展示。
无隐形收费
所有收费项公开透明，正规签订合同，合同清楚明确
高端设计
提供网站个性化定制设计，拒绝千篇一律
安全稳定
我司与华为云/腾讯云长期合作，采用安全稳定服务器，保障网站安全稳定运行
所有重要网络节点和核心设备均采用华为电信级交换设备，网络总体交换能力高达684G，网络联通率达到99.99%，
并且多点冗余备份，提高网络性能，避免单点故障。
