点击这里给我发消息 点击这里给我发消息

XML 和XSLT结合使你的网站设计浑然一体

添加时间:2012-1-17
    相关阅读: 网站设计 网页 设计 页面 HTML 网站

" 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='blueText'"><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='redText'"><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='bigButton'"><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输出。你只要记住输入控件类型,并注意把它添加为转换属性即可。

达到目的的方法有很多种,通过这个例子,我希望能帮助你们学会如何标准化HTML输出。

咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册