中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術文檔 > 網(wǎng)頁制作 > 跟我學XSL(一)
跟我學XSL(二) 回到列表 利用CSS改善網(wǎng)站可訪問性
 跟我學XSL(一)

作者:禹希初 時間: 2004-04-09 文檔類型:轉(zhuǎn)載 來自:CSDN

第 1 頁 第一個XML文檔
第 2 頁 XSL入門
第 3 頁 XSL模板與匹配模式
第 4 頁 測試模式
第 5 頁 XSL中的choose

  經(jīng)過前幾日的學習,我們學習了XHTML文檔的編寫和以及三個XSL元素,已能編寫相當靈活的XSL文檔,今天將學習的是XSL模板的編寫。我們都知道,短的文檔、程序十分好讀,但當規(guī)模增大后,其復雜性也以更快的速度增加。

  前面我們學了<xsl:for-each>、<xsl:value-of>等,可以用它們對XML數(shù)據(jù)實現(xiàn)簡單的格式化輸出,但如果遇到比較復雜的XML格式輸出,將XSL按照要求依次寫下來的話,一是設計困難,可擴展性差,不利于人員之間的分工協(xié)作;另則,可修改性很差,可能會出現(xiàn)牽一發(fā)而動全軍的情況,不利于維護。程序中模塊化設計逐步細化的方法在這里得到了應用!

  XSL模板將XSL的設計細化成一個個模板(塊),最后再將這些模板(塊)組合成一個完整的XSL;好比船與集裝箱,我們不是將所有的貨物一件件地堆起來,而是裝在各自的集裝箱中,然后再在船上將這些集裝箱堆放起來。這種方法可以使你先從整體上考慮整個XSL的設計,然后將一些表現(xiàn)形式細化成不同的模塊,再具體設計這些模塊,最后將它們整合在一起,這樣,將宏觀與微觀結合起來,符合人們條理化、規(guī)范化要求。

  裝集裝箱--書寫模板(塊):<xsl:template>

  語法:

<xsl:template match="node-context" language="language-name">

  屬性:

  match ── 確定什么樣的情況下執(zhí)行此模板。作為一種簡化的說明,在此處使用標記的名字;其中最上層模板必須將match設為"/"。

  language ── 確定在此模板中執(zhí)行什么腳本語言,其取值與HTML中的SCRIPT標記的LANGUAGE屬性的取值相同,缺省值是Jscript。

  <xsl:template>用match屬性從XML選取滿足條件的節(jié)點,征對這些特定的節(jié)點形成一個特定輸出形式的模板。

  吊集裝箱上船--調(diào)用模板(塊):<xsl:apply-templates>

  語法:

<xsl:apply-templates select="pattern" order-by="sort-criteria-list">

屬性:

  select ── 確定在此上下文環(huán)境中應執(zhí)行什么模板,即選取用< xsl:template >標記建立的模板(塊)。

  order-by ── 以分號(;)分隔的排序標準,通常是子標記的序列。

  示例:

  以個人簡歷為例,為便于處理我們希望"技能"中每一項都用標記對<skill></skill>括起來,有多少項技能就有多少個這種標記對,經(jīng)過修改后的個人簡歷XML文檔內(nèi)容如下:

<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet type="text/xsl" href="resume_template.xsl"?>
<document>
<resume>
<name>禹希初</name>
<sex>男</sex>
<birthday>1977.5</birthday>
<skill>數(shù)據(jù)庫設計與維護</skill>
<skill>WEB開發(fā)</skill>
</resume>
</document>

  然后,建立一個新XSL文件resume_template.xsl,采用模板的形式,其內(nèi)容如下:

<?xml version="1.0" encoding="GB2312"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<!--根模板-->
<xsl:template match="/">
<HTML><HEAD><TITLE>個人簡歷</TITLE></HEAD>
<BODY>
<xsl:apply-templates select="document/resume"/>
</BODY>
</HTML>
</xsl:template>
<!--簡歷模板-->
<xsl:template match="resume">
<TABLE border="1" cellspacing="0">
<CAPTION>個人簡歷(
<xsl:eval>formatIndex(childNumber(this),"I")</xsl:eval>
)</CAPTION>
<xsl:apply-templates select="name"/>
<xsl:apply-templates select="sex"/>
<xsl:apply-templates select="birthday"/>
<TR/>
<TD>技能</TD><TD COLSPAN="5">
<TABLE cellspacing="0">
<xsl:apply-templates select="skill"/>
</TABLE>
</TD>
</TABLE>
<BR/>
</xsl:template>
<!--姓名模板-->
<xsl:template match="name"><TD>姓名</TD>
<TD><xsl:value-of/></TD>
</xsl:template>
<!--性別模板-->
<xsl:template match="sex"><TD>性別</TD>
<TD><xsl:value-of/></TD>
</xsl:template>
<!--生日模板-->
<xsl:template match="birthday"><TD>生日</TD>
<TD><xsl:value-of/></TD>
</xsl:template>
<!--技能模板-->
<xsl:template match="skill">
<TR><TD><xsl:value-of/></TD></TR>
</xsl:template>
</xsl:stylesheet>


上例在瀏覽器中的樣子(IE5.0或更新版本)



  保存文件,打開文件(個人簡歷.xml),效果令人滿意吧。其實要做到同樣的效果,用前面三周介紹的方法也可做,但你得把它作為一整體考慮。

  在上面的XSL文件中,我們將性別、生日、技能等數(shù)據(jù)項分別用模板來單獨寫,再用<xsl:apply-template>來調(diào)用,這樣,即使你日后要對這些模板作相應的修改與擴充也很方便,不致于出現(xiàn)互相干擾、混雜不清的情況。這種從上至下、逐層細化的設計方法,極大地減少工作復雜程度,也大大減少了差錯的產(chǎn)生,可以實現(xiàn)多人的協(xié)作設計。

  注意:如果XML文檔中不同標記有同名的子標記,在為其編寫模板時,應把父標記作為其前綴,格式為(parent_mark/child_mark)。模板文件必須有一個根模板,其屬性match是"/"。

出處:CSDN
責任編輯:panliu888

上一頁 XSL入門 下一頁 測試模式

◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論

相關文章 更多相關鏈接
重構、標準、布局
網(wǎng)站設計的標準時代
跟我學XSL(二)
XML+ JS創(chuàng)建樹形菜單
本站會員制作 XML 指南 CHM版
作者文章
跟我學XSL(二)
跟我學XSL(一)
關鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大福“敬•自然”設計大賽開啟
國際體驗設計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發(fā)項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:3/51個記錄/頁 轉(zhuǎn)到 頁 共5個記錄

藍色理想版權申明:除部分特別聲明不要轉(zhuǎn)載,或者授權我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯(lián)系,版權歸原作者所有,文章若有侵犯作者版權,請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關法律法規(guī)
·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
·本站評論管理人員有權保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2