淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系四xml文檔的顯示

1、淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系四、四、xmlxml文檔的顯示文檔的顯示 1 1、csscss方式：方式：層疊式樣式表層疊式樣式表 2 2、xslxsl方式方式可擴(kuò)展樣式表語(yǔ)言可擴(kuò)展樣式表語(yǔ)言淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系csscss方式格式化方式格式化xmlxml 1 1、csscss文檔格式文檔格式基本格式：基本格式：選擇符選擇符 屬性名屬性名: :值；屬性名值；屬性名: :值；值； 文件擴(kuò)展名：文件擴(kuò)展名：csscss簡(jiǎn)單的實(shí)例：針對(duì)簡(jiǎn)單的實(shí)例：針對(duì)xml2.xmlxml2.xmlbookdisplay:block;bookdisplay:blo

2、ck;titledisplay:block;background-color:#aabbcc淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系csscss方式格式化方式格式化xmlxml 基本語(yǔ)法基本語(yǔ)法 成組選擇：如果幾個(gè)標(biāo)記的顯示是一樣的，即可以將多個(gè)成組選擇：如果幾個(gè)標(biāo)記的顯示是一樣的，即可以將多個(gè)標(biāo)記放在一起定義，中間用逗號(hào)隔開(kāi)。標(biāo)記放在一起定義，中間用逗號(hào)隔開(kāi)。 舉例：舉例：xml2_3.css 樣式類樣式類class與標(biāo)記與標(biāo)記id: 1、在、在css文件中通過(guò)文件中通過(guò).引導(dǎo)一個(gè)樣式名及樣式引導(dǎo)一個(gè)樣式名及樣式 2、在、在xml文件中通過(guò)文件中通過(guò)class屬性來(lái)調(diào)用該樣式屬性

3、來(lái)調(diào)用該樣式 3、舉例：、舉例：xml2_4.css css中的繼承中的繼承 樣式定義會(huì)作用于指定的標(biāo)記，對(duì)沒(méi)有定義樣式的標(biāo)記將繼承父標(biāo)樣式定義會(huì)作用于指定的標(biāo)記，對(duì)沒(méi)有定義樣式的標(biāo)記將繼承父標(biāo)記的樣式記的樣式 背景與邊框不是不能繼承的背景與邊框不是不能繼承的 多樣式表文件的結(jié)合多樣式表文件的結(jié)合 多個(gè)樣式表文件通過(guò)多個(gè)樣式表文件通過(guò)import結(jié)合作用于一個(gè)結(jié)合作用于一個(gè)xml文件文件 舉例：舉例：xml2_5.css淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系csscss方式格式化方式格式化xmlxml csscss與與xmlxml文件的結(jié)合文件的結(jié)合外部樣式表文件外部樣式表文件

4、?xml-stylesheet type=“text/css” ?將樣式語(yǔ)句嵌入到將樣式語(yǔ)句嵌入到xmlxml文件中文件中xml文檔聲明部分樣式定義xml文檔定義淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系csscss方式格式化方式格式化xmlxml csscss與與xmlxml文件的結(jié)合文件的結(jié)合 調(diào)用多個(gè)樣式表文件調(diào)用多個(gè)樣式表文件 通過(guò)使用多個(gè)調(diào)用語(yǔ)句通過(guò)使用多個(gè)調(diào)用語(yǔ)句 調(diào)用順序決定了顯示的方式：在定義沖突時(shí)，調(diào)用順序決定了顯示的方式：在定義沖突時(shí)，則以最后調(diào)入的樣式為準(zhǔn)則以最后調(diào)入的樣式為準(zhǔn) 綜合實(shí)例分析綜合實(shí)例分析淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系綜合實(shí)例

5、分析學(xué)號(hào)姓名性別年齡系別所選課程994610粟松濤男23自動(dòng)化控制原理994611李未男24自動(dòng)化網(wǎng)絡(luò)原理994612張紅女22自動(dòng)化控制原理994613李亮男23計(jì)算機(jī)網(wǎng)絡(luò)原理教師號(hào)姓名性別年齡教齡職稱著作所帶課程994610江華男337講師控制原理控制原理994611劉佳男4015副教授網(wǎng)絡(luò)原理網(wǎng)絡(luò)原理課號(hào)名稱教師人數(shù)開(kāi)課結(jié)課結(jié)課方式11控制原理江華2499.299.7考試12網(wǎng)絡(luò)原理劉佳4599.399.6考查淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系綜合實(shí)例分析 xml文檔的創(chuàng)建：所有信息創(chuàng)建在一個(gè)文檔的創(chuàng)建：所有信息創(chuàng)建在一個(gè)xml文檔中：文檔中：xmlsl1.xml cs

6、s文檔：文檔： 學(xué)生信息樣式：學(xué)生信息樣式：3-end1.css、3no-lesson.css、3no-teacher.css,創(chuàng)建一個(gè)綜合樣式文件：創(chuàng)建一個(gè)綜合樣式文件：students.css 課程信息樣式：課程信息樣式：3-end2.css、3no-teachers.css、3no-students.css,綜合樣式文件：綜合樣式文件：lessons.css 教師信息樣式：教師信息樣式：3-end3.css、3no-students.css、3no-lessons.css,綜合樣式文件：綜合樣式文件：teachers.css淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系(二)xsl

7、格式化xml 1、css的不足：的不足： 文檔中的同一個(gè)數(shù)據(jù)不能在頁(yè)面上多次顯文檔中的同一個(gè)數(shù)據(jù)不能在頁(yè)面上多次顯示。示。 2、xsl特點(diǎn)：特點(diǎn)： 它是一種轉(zhuǎn)換語(yǔ)言：它是一種轉(zhuǎn)換語(yǔ)言：xml標(biāo)記轉(zhuǎn)換為標(biāo)記轉(zhuǎn)換為html標(biāo)記標(biāo)記 功能強(qiáng)大，尤其是數(shù)據(jù)定位與管理功能強(qiáng)大，尤其是數(shù)據(jù)定位與管理 具有一般語(yǔ)言的控制功能：循環(huán)、判斷等。具有一般語(yǔ)言的控制功能：循環(huán)、判斷等。 覆蓋了覆蓋了css 本身也是基于本身也是基于xml的文檔結(jié)構(gòu)的文檔結(jié)構(gòu)淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系(二)xsl格式化xml xslxsl文檔模板：文檔模板：第一行：第一行：第二行、最后：類似于第二行、最后：類

8、似于 其中其中:xmlns:xsl:xmlns:xsl= =名字空間名字空間第三行、倒二：為根定義顯示模板第三行、倒二：為根定義顯示模板淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系(二)xsl格式化xml 實(shí)例觀察：實(shí)例觀察：4-1.xml4-1.xml& &4-2.xsl4-2.xslxsl:forxsl:for-each select=“-each select=“”按標(biāo)記出現(xiàn)的按標(biāo)記出現(xiàn)的次序找出所有滿足條件的標(biāo)記，找到后將當(dāng)前位次序找出所有滿足條件的標(biāo)記，找到后將當(dāng)前位置定位到該標(biāo)記上。置定位到該標(biāo)記上。xsl:valuexsl:value-of select=

9、“-of select=“”顯示滿足條件顯示滿足條件的的第一個(gè)第一個(gè)標(biāo)記的內(nèi)容標(biāo)記的內(nèi)容 xslxsl的模式語(yǔ)言的模式語(yǔ)言( (4-4.xml4-4.xml) )顯示數(shù)據(jù)的定位顯示數(shù)據(jù)的定位 絕對(duì)定位：從文檔的根開(kāi)始直到某一個(gè)標(biāo)記，各個(gè)標(biāo)絕對(duì)定位：從文檔的根開(kāi)始直到某一個(gè)標(biāo)記，各個(gè)標(biāo)記之間用記之間用“/”/”隔開(kāi)。隔開(kāi)。例：例：4-5.xsl4-5.xsl( (當(dāng)前標(biāo)記用當(dāng)前標(biāo)記用“.”.”表示表示) )/persons/person/name淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系(二)xsl格式化xml xslxsl的模式語(yǔ)言的模式語(yǔ)言顯示數(shù)據(jù)的定位顯示數(shù)據(jù)的定位 相對(duì)定位：與

10、相對(duì)路徑的概念類似，最前面不帶相對(duì)定位：與相對(duì)路徑的概念類似，最前面不帶“/”,/”,例例4-6.xsl4-6.xsl路徑匹配通配符：路徑匹配通配符： “/”:/”:遞歸搜索指定元素后代中所有具有指定特征的元遞歸搜索指定元素后代中所有具有指定特征的元素并顯示。例素并顯示。例4-7.xsl4-7.xsl “* *”:”:代表任意名稱的標(biāo)記。例代表任意名稱的標(biāo)記。例4-9.xsl4-9.xsl標(biāo)記內(nèi)容的匹配標(biāo)記內(nèi)容的匹配, ,例例4-10.xml4-10.xml 查找名為查找名為“小紅小紅”學(xué)員：學(xué)員： 標(biāo)記標(biāo)記=“=“值值” 例例4-11.xsl4-11.xsl只查找第一個(gè)匹配的標(biāo)記只查找第一個(gè)

11、匹配的標(biāo)記 幾個(gè)特殊運(yùn)算符：幾個(gè)特殊運(yùn)算符：$any$,$all$any$,$all$ 比較查找：比較查找：$ $比較運(yùn)算符比較運(yùn)算符$-eq/ne/lt/le/gt/ge$-eq/ne/lt/le/gt/ge例例4-13.xsl4-13.xsl淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系(二)xsl格式化xml xslxsl的模式語(yǔ)言的模式語(yǔ)言標(biāo)記內(nèi)容的匹配標(biāo)記內(nèi)容的匹配, ,例例4-10.xml4-10.xml 復(fù)雜條件的匹配：復(fù)雜條件的匹配：$ $邏輯運(yùn)算符邏輯運(yùn)算符$-and/or/not$-and/or/not 例例4-15.xsl4-15.xslxslxsl的控制語(yǔ)句的控制

12、語(yǔ)句 循環(huán)：循環(huán)：for-eachfor-each依次將當(dāng)前位置置于集合的每一個(gè)元素上。依次將當(dāng)前位置置于集合的每一個(gè)元素上。默認(rèn)情況下依標(biāo)記的次序掃描，當(dāng)然也可以通過(guò)默認(rèn)情況下依標(biāo)記的次序掃描，當(dāng)然也可以通過(guò)order-by=“order-by=“標(biāo)記標(biāo)記”來(lái)改變次序。來(lái)改變次序。4-18.xsl4-18.xsl淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系(二)xsl格式化xml xsl的控制語(yǔ)句的控制語(yǔ)句 條件選擇：條件選擇：if test=“條件條件”(沒(méi)有沒(méi)有if else的功的功能能) 只對(duì)某一標(biāo)記有興趣：只對(duì)某一標(biāo)記有興趣： 只對(duì)某內(nèi)容有興趣：只對(duì)某內(nèi)容有興趣： 只對(duì)某標(biāo)記的后代有興趣：只對(duì)某標(biāo)記的后代有興趣： 所有的比較運(yùn)算符都可以使用。所有的比較運(yùn)算符都可以使用。 選擇語(yǔ)句選擇語(yǔ)句choose when xsl的求值語(yǔ)句：的求值語(yǔ)句： :輸出特定標(biāo)記的內(nèi)容輸出特定標(biāo)記的內(nèi)容if test=“name”if test=“name.=小紅”if test=“./name.=小紅”淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系淮海工學(xué)院東港學(xué)院計(jì)算機(jī)系課后練習(xí) 學(xué)生選課信息的顯示設(shè)計(jì)學(xué)生選課信息的顯示設(shè)計(jì)： 要求：要求：1、使用、使用css方式顯示