Web デザインは、XML と XSLT の変換から大きな恩恵を受けます。 XML および XSLT 変換を使用すると、動的な文章や Web サイトのコンテンツをデータベースに保存できます。データベースを XML で転送し、XSLT 変換を通じて HTML スクリプトに変換できます。
ネットワーク開発の初期には、サーバー側で一貫性が実現されましたが、これには多くの手動ファイル管理が必要でした。幸いなことに、Web が成熟するにつれて、Web 開発ツールも成熟します。たとえば、.NET Framework では、さまざまな Web コントロールを作成してデザインを統一できます。
ユーザーとデータの対話機能を設計する場合、完全なデータの整合性、ユーザー インターフェイスの機能、ビジネス ルールを実現する方法。この記事では、Web サイトの例を示し、XML と XSLT が Web サイトのデザインをどのようにシームレスにするかについて説明します。
ここに引用があります:
<html>
<頭>
</head>
<本文>
<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>
上記のコード スニペットは main 関数を完成させていますが、XML と XSLT で美しくする必要があります。
XML ではコードに開始タグと終了タグがありますが、HTML にはありません。 INPUT タグと BR タグは特殊なケースであり、末尾のタグは必要ありません。ただし、終了タグタグ「>」の前にスラッシュを追加すると、HTML が XML 仕様に準拠していることが保証されます。 HTML スクリプトを作成するときにこれらの仕様に従うことに注意すると、XML/HTML (別名 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="送信"
変換="ビッグボタン"/>
</form> 次のコードを実行して XSLT 変換を完了します。
<?xml バージョン="1.0"?>
<xsl:スタイルシート
xmlns:xsl=" http://www.w3.org/1999/XSL/Transform " version="1.0"
>
<xsl:outputメソッド="html"/>
<xsl:template match="/">
<table width="100%" cellpadding="0" cellpacing="0">
<tr><td align="center">これは定義されたヘッダーです</td></tr>
<tr><td><xsl:apply-templates select="//form"/></td></tr>
<tr><td align="center">これは定義されたフッターです</td></tr>
</テーブル>
</xsl:テンプレート>
<xsl:template match="form">
<xsl:要素名="フォーム">
<xsl:属性名="メソッド"><xsl:値-of
select="@method"/></xsl:attribute>
<xsl:属性名="アクション"><xsl:値-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:要素>
</xsl:template><xsl:template match="*">
<xsl:選択>
<xsl:when test="@transform='blueText'"><xsl:要素名="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">テキスト</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:要素>
</xsl:いつ>
<xsl:when test="@transform='redText'"><xsl:要素名="input">
<xsl:属性名="名前"><xsl:値-of
select="@name"/></xsl:attribute>
<xsl:属性名="id"><xsl:値-of
select="@id"/></xsl:attribute>
<xsl:attribute name="type">テキスト</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:要素>
</xsl:いつ>
<xsl:when test="@transform='bigButton'"><xsl:要素名="input">
<xsl:属性名="名前"><xsl:値-of
select="@name"/></xsl:attribute>
<xsl:属性名="id"><xsl:値-of
select="@id"/></xsl:attribute>
<xsl:attribute name="style">高さ:30px;幅:100px;フォント-
サイズ:18pt;フォントの太さ:700;</xsl:attribute>
<xsl:属性名="値"><xsl:値-of
select="@value" /></xsl:attribute>
</xsl:要素>
</xsl:いつ>
</xsl:選択>
</xsl:テンプレート>
</xsl:stylesheet>
上記のコードでは、名前空間の作成、XML タグの定義、DTD またはスキーマの確認を行うことはできません。これにより、デザインを考慮することなく、完全な新しいページに変換できる実用的な HTML スクリプトを作成できます。
スタイル シートでは、HTML タグの変換属性を使用して変換操作を実行します。ユーザー入力のためのすべてのコントロールは FORM 内にある必要があるため、変換操作に必要なユーザー コントロールを定義する単位として FORM フォームを使用することを検討しました。この例では、出力はテキスト INPUT で、テキストの色は青、高さ 20 ピクセル、幅 100 ピクセル、18 ポイントの太字フォントです。変換プロパティを変更することで、テキスト ボックス内のテキストの色を変更できます。
Web ページに静的コンテンツを追加するにはさまざまな方法があります。この例では、スタイル シートにヘッダーとフッターを追加する最も簡単な方法のみを使用します。
ユーザー入力用に新しいフォームを作成する場合は、通常のフォームを作成するだけです。一般的なフォームがテストに合格すると、これらのフォームを変換に追加して、テーマの HTML 出力を生成できます。必要なのは、入力コントロールの種類を覚えて、それを変換プロパティとして必ず追加することだけです。