동기 부여:
사용자가 많은 양의 데이터를 쉽게 볼 수 있도록 동적 페이징을 사용하므로 페이징 기능은 웹사이트에서 본 기능 모듈 중 가장 일반적이고 일반적으로 사용되는 기능 모듈입니다. 과거에는 정보 페이징이 데이터베이스에 연결되었으며 클릭할 때마다 백그라운드 데이터베이스의 지원이 필요했습니다. 이는 서버의 부담을 증가시킬 뿐만 아니라 사용자의 브라우징 속도에도 심각한 영향을 미칩니다.
상상해 보세요. 클라이언트에 페이징 기능을 추가하면 어떤 효과가 있을까요? 하하, 아래 디자인을 보세요! .
재료:
XML 볼륨의 동적 페이징에는 두 개의 파일(pages.xml 및 Pages.xsl)이 있습니다
.
클라이언트 측에 페이징 기능을 추가하십시오. 페이지를 새로 고치지 않고 데이터를 필터링하여 데이터 탐색 효율성을 효과적으로 향상시킵니다.
효과:
여기에서 찾아보세요
암호:
페이지.xml
<블루아이디어>
<팀>
<팀>
<팀>
<팀>
<팀>
페이지.xsl
<머리>
<스타일>
body,BlueIdea,team,blue_ID,blue_name,blue_text,blue_time,blue_class{ 글꼴: 12px "宋体", "Arial", "Times New Roman" }
테이블 { 글꼴 크기: 12px; 테두리: 0px double; 테두리 색상: #99CC99 #99CC99 #CCCCCC #CCCCCC;cellspacing:3; 텍스트 장식: 깜박임
범위 { 글꼴 크기: 12px; 색상: 빨간색 }
.keybutton { 커서:손; 글꼴 크기: 12px; 배경: #ffffff;
<스크립트>
varOnePageNum=2;
varPageNum=1;
var XMLPageNum=1;
기능 페이지(Num)
{
스타일시트=document.XSLDocument;
소스=document.XMLDocument;
노드=source.documentElement.childNodes;
len=nodes.length;
for(i=1;i<=(len/OnePageNum);i++);
XML페이지번호=i;
var firstNum=0;
var lastNume=0;
if (Num=="first") {PageNum=1;}
if (Num=="이전") {if (PageNum>1) PageNum -=1;}
if (Num=="next") {if (PageNum
sortField=document.XSLDocument.selectSingleNode(" //@expr ");
firstNum=OnePageNum*(PageNum-1)+1;
lastNum=OnePageNum*(PageNum-1)+OnePageNum;
text="childnumber(this)>="+firstNum+" & childnumber(this)<="+lastNum;
sortField.value=텍스트;
Layer1.innerHTML=source.documentElement.transformNode(스타일시트);
}
]]>
<본문>
XML 볼륨 실무 팁 (3): 동적 페이징