搜索
首页后端开发XML/RSS教程XML和XSLT结合使网站设计浑然一体

 xml和XSLT的转换使Web设计受益无穷。借助XML和 XSLT转换,你可以实现将动态用语(dynamic verbiage)和网站内容存储在数据库中。你可以在XML中传输数据库,然后再通过XSLT转换将其转变为HTML脚本。

  在网络发展初期,凝聚性(cohesiveness)是由服务器端实现的,但要牵涉到大量的人工文件管理工作。幸运的是,随着网络的日益成熟,网络开发工具也日臻完善。例如,在.NET框架下,你可以创建各种Web控件来统一设计。

  在设计用户/数据交互功能时,如何让数据的完整性、用户界面的功能性和商务规则的完善实现。本文将提供一个网站实例,并说明XML 和XSLT如何使你的网站设计浑然一体。


以下是引用片段:

<html> 
<head> 
</head> 
<body> 
<form method="POST" name="thisForm" id="thisForm" action="somepage.php"> 
<input type="text" name="txtText" id="txtText" size="25"><br> 
<input type="submit" name="btnSubmit" id="btnSubmit" value="Submit"> 
</form> 
</body> 
</html>  

 

      以上代码段完成了主要功能,但还需用XML和XSLT来对其加以美化。

  在XML中,代码有开头和结尾标签,而在HTML中没有。INPUT 和BR标签是个特例,它们不需结尾标签。然而,在结尾标签标记“>”前加一个正斜杠,可确保HTML符合XML规范。如果在编写HTML脚本时注意遵从这些规范,你就能够将XML/HTML(aka XHTML)转换为不错的HTML页面。  

以下是引用片段:

<form method="POST" name="thisForm" id="thisForm" action="somepage.php"> 
<input type="text" name="txtText" id="txtText" size="25" transform="blueText"/> 
<br/> 
<input type="submit" name="btnSubmit" id="btnSubmit" value="Submit" 
transform="bigButton"/> 
</form> 运行下列代码,完成XSLT转换: 
<?xml version="1.0"?> 
<xsl:stylesheet 
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0" 
> 
<xsl:output method="html"/> 
<xsl:template match="/"> 
<table width="100%" cellpadding="0" cellspacing="0"> 
<tr><td align="center">This is the defined header</td></tr> 
<tr><td><xsl:apply-templates select="//form"/></td></tr> 
<tr><td align="center">This is the defined footer</td></tr> 
</table> 
</xsl:template> 
<xsl:template match="form"> 
<xsl:element name="form"> 
<xsl:attribute name="method"><xsl:value-of 
select="@method"/></xsl:attribute> 
<xsl:attribute name="action"><xsl:value-of 
select="@action"/></xsl:attribute> 
<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute> 
<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute> 
<xsl:apply-templates select="*"/> 
</xsl:element> 
</xsl:template><xsl:template match="*"> 
<xsl:choose> 
<xsl:when test="@transform=&#39;blueText&#39;"><xsl:element name="input"> 
<xsl:attribute name="name"><xsl:value-of select="@name"/></xsl:attribute> 
<xsl:attribute name="id"><xsl:value-of select="@id"/></xsl:attribute> 
<xsl:attribute name="type">text</xsl:attribute> 
<xsl:attribute name="style">color:blue</xsl:attribute> 
<xsl:if test="@value"><xsl:attribute name="value"><xsl:value-of 
select="@value"/></xsl:attribute></xsl:if> 
</xsl:element> 
</xsl:when> 
<xsl:when test="@transform=&#39;redText&#39;"><xsl:element name="input"> 
<xsl:attribute name="name"><xsl:value-of 
select="@name"/></xsl:attribute> 
<xsl:attribute name="id"><xsl:value-of 
select="@id"/></xsl:attribute> 
<xsl:attribute name="type">text</xsl:attribute> 
<xsl:attribute name="style">color:red</xsl:attribute> 
<xsl:if test="@value"><xsl:attribute name="value"><xsl:value-of 
select="@value"/></xsl:attribute></xsl:if> 
</xsl:element> 
</xsl:when> 
<xsl:when test="@transform=&#39;bigButton&#39;"><xsl:element name="input"> 
<xsl:attribute name="name"><xsl:value-of 
select="@name"/></xsl:attribute> 
<xsl:attribute name="id"><xsl:value-of 
select="@id"/></xsl:attribute> 
<xsl:attribute name="style">height:30px;width:100px;font- 
size:18pt;font-weight:700;</xsl:attribute> 
<xsl:attribute name="value"><xsl:value-of 
select="@value"/></xsl:attribute> 
</xsl:element> 
</xsl:when> 
</xsl:choose> 
</xsl:template> 
</xsl:stylesheet>

  以上代码无法为你实现创建命名空间、定义XML标签、确认DTD或schema。它使你能够创建可行的HTML脚本,并可转化为完整的新页面,无需担心设计因素。

  在样式表中,用HTML标签的转换属性驱动转换操作。我曾考虑用一个FORM窗体作为定义转换操作所需的用户控件的单元,因为所有用于用户输入的控件都应在一个FORM中。本例中,输出为一个文本INPUT,文本颜色为蓝色;一个高20像素、宽100像素的按钮,字体为18点加粗。我们可以通过修改转换属性来改变文本框中的文本颜色。

  有多种方法可将静态内容添加到网页中本例中只采用最简单的方式,即在样式表中增加header和footer。

  现在,要创建一个新窗体用于用户输入时,要做的只是创建一个一般窗体。一旦一般窗体通过测试,就可以将这些窗体添加到转换中生成主题的HTML输出。你只要记住输入控件类型,并注意把它添加为转换属性即可。

 以上就是XML和XSLT结合使网站设计浑然一体的内容,更多相关内容请关注PHP中文网(www.php.cn)!


声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
解码RSS文档:阅读和解释提要解码RSS文档:阅读和解释提要Apr 30, 2025 am 12:02 AM

解析RSS文档的步骤包括:1.读取XML文件,2.使用DOM或SAX解析XML,3.提取标题、链接等信息,4.处理数据。RSS文档是一种基于XML的格式,用于发布更新内容,结构包含、和元素,适用于构建RSS阅读器或数据处理工具。

RSS和XML:Web联合组织的基石RSS和XML:Web联合组织的基石Apr 29, 2025 am 12:22 AM

RSS和XML是网络内容分发和数据交换的核心技术。RSS用于发布频繁更新的内容,XML用于存储和传输数据。通过实际项目中的使用示例和最佳实践,可以提高开发效率和性能。

RSS提要:探索XML的作用和目的RSS提要:探索XML的作用和目的Apr 28, 2025 am 12:06 AM

XML在RSSFeed中的作用是结构化数据、标准化和提供可扩展性。1.XML使得RSSFeed的数据结构化,便于解析和处理。2.XML提供了一种标准化的方式来定义RSSFeed的格式。3.XML的可扩展性使得RSSFeed可以根据需要添加新的标签和属性。

缩放XML/RSS处理:性能优化技术缩放XML/RSS处理:性能优化技术Apr 27, 2025 am 12:28 AM

处理XML和RSS数据时,可以通过以下步骤优化性能:1)使用高效的解析器如lxml提升解析速度;2)采用SAX解析器减少内存使用;3)利用XPath表达式提高数据提取效率;4)实施多进程并行处理提升处理速度。

RSS文档格式:探索RSS 2.0及以后RSS文档格式:探索RSS 2.0及以后Apr 26, 2025 am 12:22 AM

RSS2.0是一种开放标准,允许内容发布者以结构化的方式分发内容。它包含了丰富的元数据,如标题、链接、描述、发布日期等,使得订阅者能够快速浏览和访问内容。RSS2.0的优势在于其简洁和扩展性。例如,它允许自定义元素,这意味着开发者可以根据需求添加额外的信息,如作者、分类等。

理解RSS:XML观点理解RSS:XML观点Apr 25, 2025 am 12:14 AM

RSS是一种基于XML的格式,用于发布经常更新的内容。1.RSSfeed通过XML结构化组织信息,包括标题、链接、描述等。2.创建RSSfeed需按照XML结构编写,添加元数据如语言和发布日期。3.高级用法可包含多媒体文件和分类信息。4.调试时使用XML验证工具,确保必需元素存在且编码正确。5.优化RSSfeed可通过分页、缓存和保持结构简洁来实现。通过理解和应用这些知识,可以有效管理和分发内容。

XML中的RSS:解码标签,属性和结构XML中的RSS:解码标签,属性和结构Apr 24, 2025 am 12:09 AM

RSS是一种基于XML的格式,用于发布和订阅内容。RSS文件的XML结构包括根元素、元素和多个元素,每个代表一个内容条目。通过XML解析器读取和解析RSS文件,用户可以订阅并获取最新内容。

XML在RSS中的优势:技术深度潜水XML在RSS中的优势:技术深度潜水Apr 23, 2025 am 12:02 AM

XML在RSS中具有结构化数据、可扩展性、跨平台兼容性和解析验证的优势。1)结构化数据确保内容的一致性和可靠性;2)可扩展性允许添加自定义标签以适应内容需求;3)跨平台兼容性使其在不同设备上无缝工作;4)解析和验证工具确保Feed的质量和完整性。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

EditPlus 中文破解版

EditPlus 中文破解版

体积小,语法高亮,不支持代码提示功能

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具