程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> .NET實例教程 >> XML+XSLT+CSS+JQuery+WebService組建Asp.Net網(3)

XML+XSLT+CSS+JQuery+WebService組建Asp.Net網(3)

編輯:.NET實例教程

再添加一個XSLT文件,命名為Default.xslt,輸入以下代碼:

<?XML version="1.0" encoding="utf-8"?>

<xsl:stylesheet version="1.0" XMLns:xsl="http://www.w3.org/1999/XSL/Transform"

    XMLns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl"

> 

         <xsl:template match="/">

                   <Html>

                            <hread>

                                     <title>XML網站測試</title>

                                     <link href="Style.css" rel="stylesheet" type="text/CSS"/>

                                     <script src="jquery-1.3.2.JS" type="text/Javascript"/>

                                     <script src="Post.JS" type="text/Javascript"/>

                            </hread>

                            <body>

                                     <h1>XML網站測試</h1>

                                     <ul>

                                               <xsl:for-each select="//Table">

                                                        <li>

                                                                 <a href="#">

                                                                           <xsl:value-of select="ID"/>

                                                                 </a>

                                                                 <xsl:value-of select="UserName"/>

                                                        </li>

                                               </xsl:for-each>

                                     </ul>

                                     <input type="text" name="Name" id="Name" />

                                     <input type="submit" name="PostName" id="PostName" value="提交" />

                            </body>

                   </Html>

         </xsl:template>

 

</xsl:stylesheet>
注意,在XSLT中可包含用於提交數據的交互控件,但不需要為其定義事件處理,交互處理都由JS完成。

  添加一個CSS文件,
命名為Style.CSS,輸入以下代碼:

body

{

         background-color: Silver;

}

h1

{

         color: Gray;

}

a

{

         color:White;

         margin-right:6px;

}

  編譯並運行,即可看到輸出的數據:

XML+XSLT+CSS+JQuery+WebService組建Asp.Net網

  查看其源代碼:

XML+XSLT+CSS+JQuery+WebService組建Asp.Net網

  用戶訪問不同頁面時,只有這些XML代碼會被多次下載,其他客戶端的文件都只需下載一次,大大節省了服務器網絡資源。

  由於此前在ashx中編寫了支持Url參數查詢的代碼,
我們可以通過設置max參數來決定顯示的最大數據條目數:

XML+XSLT+CSS+JQuery+WebService組建Asp.Net網

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved