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

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)絡(luò)編程 > XML+XSL+CSS+ASP打造留言簿
AJAX初體驗(yàn)之上手篇 回到列表 AJAX應(yīng)用之注冊用戶即時檢測
 XML+XSL+CSS+ASP打造留言簿

作者: HotHeart  時間: 2006-07-18 文檔類型:原創(chuàng) 來自:藍(lán)色理想

第 1 頁 XML+XSL+CSS+ASP打造留言簿 [1]
第 2 頁 XML+XSL+CSS+ASP打造留言簿 [2]

接下來是很重要的部分,XSL的編寫了。

XSL文檔gbook.xsl
點(diǎn)擊這里查看XSL文檔gbook.xsl

在定義XSL名稱空間時,應(yīng)該用http://www.w3.org/1999/XSL/Transform,即

CODE:
xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

而不能用http://www.w3.org/TR/WD-xsl,不知為什么如果使用這個名稱空間,在Firefox會顯示錯誤:分析 XSLT 樣式表單失敗。

在XSL里,一個很重要的概念就是模板。一個模板就對應(yīng)一塊內(nèi)容的格式化輸出,在構(gòu)建模板時,可以從大到小,即先構(gòu)建全局的模板,然后再處理每一塊細(xì)分的內(nèi)容,也可以從小到大,先構(gòu)建好細(xì)分內(nèi)容的模板,然后將它們組合起來形成整體的模板。在XSL里,創(chuàng)建一個模板使用下面的標(biāo)記:
[code[<xsl:template match="/gbook">
<!-- 模板內(nèi)容 -->
</xsl:template>[/code]
其中match表示的是這個模板對應(yīng)那個標(biāo)記。

使用模板有兩種方法:

第一種是直接應(yīng)用:

CODE:
<xsl:apply-templates select="info"/>

這種方法是選擇當(dāng)前標(biāo)記下的info標(biāo)記并使用match為info的模板進(jìn)行處理

第二種是循環(huán)選擇:

CODE:
<xsl:for-each select="message">
<!-- 模板內(nèi)容 -->
</xsl:for-eace>

在循環(huán)選擇中,模板直接寫在for-each之中,但是當(dāng)前上下文已經(jīng)轉(zhuǎn)到message。

至于在select中使用的表達(dá)式,屬于XPath部分,可以參考W3C的XPath文檔(XML Path Language) 。在gbook.xsl中還使用到的標(biāo)記有:

<xsl:value-of select="content"/>
這是在XSL中常用的標(biāo)記之一,輸出結(jié)果是選擇節(jié)點(diǎn)的值,通過用它來輸出節(jié)點(diǎn)的值,在這個留言本中,它用來輸出用戶名、留言者姓名、留言內(nèi)容等。

<xsl:attribute name="href">gbook.asp?page=1</xsl:attribute>
用來給當(dāng)前標(biāo)簽添加一個屬性,在留言簿中用來給分頁導(dǎo)航添加網(wǎng)址。其中name]屬性表示要添加屬性的名字,標(biāo)記包含的內(nèi)容為要添加屬性的值。

<xsl:if test="id!=''"><!-- 處理內(nèi)容 --></xsl:if>
判斷test中的表達(dá)示結(jié)果,如果為真則處理包含的內(nèi)容,假則忽略。要注意是,如果是判斷小于,就不能用“<”,而應(yīng)該用“&lt;”,因?yàn)椤?lt;”是標(biāo)簽起始標(biāo)志,如果不進(jìn)行轉(zhuǎn)換則在瀏覽器中會出現(xiàn)錯誤。

然后就是ASP輸出留言簿需要的XML文檔了,這個只要按照前面定義的格式,從數(shù)據(jù)庫中讀取記錄按照模板輸出即可,不過需要在輸出之前定義MIME類型:
Response.ContentType="application/xml"
指明這是一個XML文檔。另外,因?yàn)檎麄留言簿都使用的UTF-8編碼,需要在ASP中指定編碼:
CodePage="65001"
這句應(yīng)該放在ASP文件的開頭。

最后還有CSS,這個屬于定義留言簿的顯示效果了,具體可以查看CSS的內(nèi)容。另外,為了防止用戶誤操作提交了空表單,我在客戶端加了一段JS代碼來檢查留言姓名和留言內(nèi)容是否為空,如果為空則提示用戶并停止提交表單,具體內(nèi)容可以查看JS腳本文件。

完整留言簿系統(tǒng)SXGB打包下載

參考資料:
1. XML及WAP開發(fā)手冊(李建國等編著)
2. xml ,xsl,css 之亂搞

經(jīng)典論壇討論:
http://bbs.blueidea.com/thread-2658533-1-2.html

出處:藍(lán)色理想
責(zé)任編輯:moby

上一頁 XML+XSL+CSS+ASP打造留言簿 [1] 下一頁

◎進(jìn)入論壇網(wǎng)絡(luò)編程版塊參加討論

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

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

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

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

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

雜⑦雜⑧ Gold NORMANA V2