XML卷之實戰錦囊(3)動態分頁(轉)
動機:
為了方便使用者檢視大批次資料,我們會用到動態分頁,因此分頁功能是我們在網站上見過的最普遍也是最常用的一個功能模組了。而以往的資訊分頁都是連線到資料庫的,每一次點選都必須要後臺資料庫的支援。這樣不但伺服器的負擔加重,而且嚴重的影響使用者瀏覽的速度.試想,如果把分頁的功能放到客戶端,那會產生什麼樣的效果呢?呵呵,看看下面的設計吧! 。
材料:
XML卷之動態分頁
有2個檔案:pages.xml 和 pages.xsl
作用:
把分頁的功能放到客戶端。在不重新整理頁面的情況下對資料進行過濾篩選,有效的提高瀏覽資料功能的效率。 效果:
程式碼:
pages.xml
pages.xsl
XML卷之實戰錦囊(3):動態分頁
編號 姓名 主題 發表時間 歸類
講解:
1)search.xml 是資料檔案,相信大家都不會有問題。
2)search.xsl 是格式檔案,有幾個地方要注意。
(1)指令碼中:
nodes=source.documentElement.childNodes;
作用是:找到所有的節點。nodes.length就是符合條件的總節點數
sortField=document.XSLDocument.selectSingleNode("//@expr");
作用是:找到有屬性為expr的第一個節點,因此它對應的節點就是 補充一點: XML例子檔案的使用方法 1)將每個例子裡的兩個檔案按照檔名分別儲存。 2)用瀏覽器瀏覽XML檔案即可。這是你會看到效果,應該不錯吧! 後記: 呵呵,可以增加動態排序後,再分頁的功能。再把列表數變為可設定。發揮你的思維,讓這些功能更加完美。大家可以研究出更好的方法來實現分頁功能。互相探討,不亦樂乎!
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/10752019/viewspace-950204/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- XML卷之實戰錦囊(1)動態排序(轉)XML排序
- XML卷之實戰錦囊(2)動態查詢(轉)XML
- XML卷之實戰錦囊(4)選單連動(轉)XML
- XML卷之實戰錦囊(5)結構樹圖(轉)XML
- CSS錦囊(轉)CSS
- 使用javascript+xml實現分頁(轉)JavaScriptXML
- 電子表格實戰錦囊:巧用稀疏陣列是關鍵!陣列
- 前端面試錦囊前端面試
- 專案管理的20條錦囊妙計(轉)專案管理
- xPath 動態分離XML資料XML
- 用C#與XML建立動態分層選單(轉)XML
- 圖卷積實戰——文字分類卷積文字分類
- react-navigation 使用錦囊ReactNavigation
- 攻防論道|四大制勝錦囊 嚴守實戰演練安全之門
- SSM動態展示分頁SSM
- Puppeteer 實戰-爬取動態生成的網頁網頁
- 這才是滿分畢業答辯PPT!請收下這些錦囊
- mybatis動態sql與分頁MyBatisSQL
- XML建立可排序、分頁的資料顯示頁面(轉)XML排序
- easyui datagrid 生成動態列後 實現分頁UI
- 動態SQL-條件分頁SQL
- 【專案實戰】---SQL真分頁SQL
- 大輝談-備戰雙十一之動靜分離實戰
- 卷積網路雖動人,膠囊網路更傳“神”卷積
- Asp.Net中動態頁面轉靜態頁面ASP.NET
- js結合xml檔案實現的分頁效果JSXML
- (知識錦囊)解析度概念的形象理解
- 工作小錦囊系列——如何實現一個車輛預定功能(上)
- 用PHP動態生成虛擬現實VRML網頁 (轉)PHPVR網頁
- MFC抽象類之動態實現技術 (轉)抽象
- BEM 實戰之微信個人頁面
- uni-app之實現分頁APP
- 實戰電商頁面1:靜態佈局
- 程式設計師工作中的三個錦囊程式設計師
- PowerJob 應對龐大任務的錦囊妙計:MapReduce
- 高併發系統設計的15個錦囊
- MyBatis 3 分頁MyBatis
- 玩轉PHP動態網頁設計PHP網頁