Практические советы по объему XML (3): динамическое разбиение на страницы

Автор：Eve Cole Время обновления：2009-07-07 16:08:45

мотивация:
Чтобы облегчить пользователям просмотр больших объемов данных, мы будем использовать динамическую пейджинг, поэтому функция пейджинга является наиболее распространенным и часто используемым функциональным модулем, который мы видели на веб-сайте. Раньше подкачка информации была подключена к базе данных, и каждый клик требовал поддержки фоновой базы данных. Это не только увеличивает нагрузку на сервер, но и серьезно влияет на скорость просмотра пользователем.
Вот представьте, если на клиенте поставить функцию пейджинга, какой эффект это будет иметь? Ха-ха, взгляните на дизайн ниже! .

Материал:
Динамическое разбиение на страницы тома XML состоит из двух файлов:pages.xml иpages.xsl.

Функции:
Поместите функцию подкачки на сторону клиента. Фильтруйте данные без обновления страницы, что эффективно повышает эффективность просмотра данных.
Эффект:
Просмотреть здесь
Код:
страницы.xml

<СиняяИдея>
<команда>
1
Парусный полет
Простой пейджинг
11 января 2002 17:35:33
Тема XML

<команда>
2
летящая птица
Женитьба на тебе причинит тебе боль
06.09.2001 12:45:51
Эссенция ирригации

<команда>
3
Као Цзы
Применение регулярных выражений на форуме UBB
23.11.2001 21:02:16
Сущность веб-программирования

<команда>
4
Тайиланг
Полное руководство для классической группы управления на конец года, версия 0.1
08.12.2000 10:22:48
Ирригационная зона форума

<команда>
5
ммкк
Сводка сообщений об ошибках Asp
13 октября 2001 г. 16:39:05
Javascript

страницы.xsl

http://www.w3.org/TR/WD-xsl ">

<голова>
Практические советы по объему XML (3): динамическое разбиение на страницы
<стиль>
body,BlueIdea,team,blue_ID,blue_name,blue_text,blue_time,blue_class{шрифт: 12 пикселей «宋体», «Arial», «Times New Roman» };
таблица {размер шрифта: 12 пикселей; граница: 0 пикселей двойной; цвет границы: # 99CC99 # 99CC99 #CCCCCC #CCCCCC;
диапазон {размер шрифта: 12 пикселей; цвет: красный};
.keybutton {курсор: рука; размер шрифта: 12 пикселей; цвет: # 003300; фон: #ffffff; граница: 0 пикселей;}

<скрипт>

varOnePageNum=2;
варПажеНум = 1;
вар XMLPageNum = 1;
страницы функций (число)
{
таблица стилей = document.XSLDocument;
источник = документ.XMLDocument;
узлы = source.documentElement.childNodes;
лен=узлы.длина;
for(i=1;i<=(len/OnePageNum);i++);
XMLPageNum = я;
вар firstNum = 0;
вар LastNume=0;

если (Num=="первый") {PageNum=1;}
if (Num=="предыдущий") {if (PageNum>1) PageNum -=1;}
if (Num=="следующий") {if (PageNum if (Num=="last") {PageNum =XMLPageNum;}

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): динамическое разбиение на страницы

<тр>
<тд>

<тд>

<тд>

<тд>

<тд>

объяснять:
1) search.xml — это файл данных, думаю, проблем у всех не возникнет.
2) search.xsl — это файл формата, есть несколько вещей, на которые следует обратить внимание.

(1) В скрипте:

nodes=source.documentElement.childNodes;
Функция: найти все узлы. nodes.length — общее количество узлов, соответствующих условиям

sortField=document.XSLDocument.selectSingleNode(" //@expr ");
Функция такова: найти первый узел с атрибутом expr, чтобы соответствующий ему узел был

Следовательно, значение expr во время первой загрузки равно
дочерний номер(это)<=1 и дочернийномер(это)>=2
О > Возможно, вам это знакомо. Итак, что такое & Это «и».
Другие вы можете найти в книгах по XML.

Описание параметра:
OnePageNum: количество данных, отображаемых на каждой странице.
PageNum: номер текущей страницы.
XMLPageNum: общее количество страниц.
firstNum: первое значение данных текущей страницы.
LastNum: последнее значение данных текущей страницы.

(2) В тексте:

При пейджинге нам необходимо выводить соответствующие данные, поэтому мы используем условие if для управления ими.
Вначале мы просили выводить только значения первых двух узлов.

номер ребенка (это)
Функция: Возвращает номер текущего узла в списке вышестоящих узлов. Номер первого узла в списке по умолчанию равен 1.
При пейджинге мы определяем, к какой странице она принадлежит, по номеру узла.
выражение
Не знаю, заметили ли вы, что первые два раза мы использовали test, но на этот раз мы использовали expr.
Между ними есть определенные различия, и их использование также различается.
expr ─ выражение языка сценариев, результат вычисления — «истина» или «ложь»; если результат «истина» и проходит проверку, содержимое будет отображено на выходе (этот атрибут можно опустить).
test ── условия тестирования исходных данных.

Функция заключается в возврате данных на предыдущую страницу. Остальные кнопки работают аналогично.

Еще один момент: Как использовать файлы примеров XML

1) Сохраните два файла в каждом примере отдельно в соответствии с их именами.
2) Используйте браузер для просмотра XML-файла. Вот какой эффект вы увидите, он должен быть хорошим!

постскриптум:
Хаха, можно добавить функцию перелистывания после динамической сортировки. Затем сделайте количество списков настраиваемым. Используйте свое воображение, чтобы сделать эти функции более совершенными. Вы можете изучить лучшие способы реализации функций подкачки. Очень приятно дискутировать друг с другом!

Число	Имя	Тема	Время публикации	Классификация