XML 文档

<?xml version="1.0" encoding="GB2312"?>

<resume>

<name>范志鑫</name>

<sex>男</sex>

<birthday>1977.5</birthday>

<skill>数据库设计与维护、WEB开发</skill>

</resume>

css 文件

resume{ display: block;}

name{ display: block; font-size:120%;}

sex{ display:block; text-indent:2em}

birthday{ display:block; text-indent:2em}

skill{ display:block; text-indent:2em}

XML 的几点注意：

1. 为了更好的理解与掌握XML，建议大家熟悉HTML 4.0与CSS 2.0语法；掌握javascript、VBscript中至少一种；编程经验、对数据库理论与SQL的了解均能使大家在学习XML时获益。

　　2. XML文档中标记必须成对出现，如果是空标记也必须有前加“/”的同名标记结束，或使用此种文式< xml_mark/ >表示空标记。

　　3. XML以及下周将要介绍的XSL文档，属性值必须用双引号（"）或单引号（'）括起来。

　　4. XML文档必须是好结构的（XSL文档也是XML文档中一种），也就是说标记必须有结束标记、标记可以嵌套但不可交叉。

一、入门

XML在更多的时候只是一种数据文件，怎样将它变为我们日常所看到的HTML格式那样的文件呢？如果我们将XML文件比作结构化的原料的话，那么XSL就好比“筛子“与“模子“，筛子选取自己需要的原料，这些原料再通过模子形成最终的产品：HTML。

　　这个模子大致是这样：我们先设计好表现的页面，再将其中需要从XML中获取数据来填充内容的部分“挖掉“，然后用XSL语句从XML中筛出相关的数据来填充。一言以譬之：这XSL实际上就是HTML的一个“壳子“，XML数据利用这个“壳“来生成“传统“的HTML。

　　XML在展开时是一个树形结构，我们将树形结构中自定义标记称为节点，节点之间存在父子、兄弟关系，我们要访问其中的结点从根结点就要以”／”来层层进入。

　　在XSL这个壳中，我们要从原料库XML里提取相关的数据，就要用到XSL提供的模式化查询语言。所谓模式化查询语言，就是通过相关的模式匹配规则表达式从XML里提取数据的特定语句，即我们上所说的“筛子“。

参考微软的”XSL开发者指南”，我们大致可将模式语言分为三种： 

选择模式 

< xsl:for-each >、< xsl:value-of >,和 < xsl:apply-templates >

测试模式 

< xsl:if > 和< xsl:when >

匹配模式 

< xsl:template > 

我们现在就分别对之进行介绍。

一、 选择模式

选择模式语句将数据从XML中提取出来，是一种简单获得数据的方法，这几个标记都有一个select属性，选取XML中特定的结点名的数据。 

1、< xsl:for-each >

语法： 

< xsl:for-each select="pattern" order-by="sort-criteria-list">

</xsl:for-each>

属性： 

（1）. select

　　根据XSL样式查询考察上下文以决定哪类结点集（满足select条件）使用此样式描述。作为一种简化的表示就是，如果你想对文档中的某一种标记的内容的显示方式进行格式化，就可以将让select等于此元素的标记名。例如欲对标记xml_mark进行格式化，即可用如下方式表示： 

< xsl:for-each select="xml_mark" >

< !--样式定义-- >

< /xsl:for-each >

（2）. order-by

　　以分号（;）分隔、作为排序标准的列表。在列表元素前添加加号（+）表示按此标记的内容以升序排序，添加减号（-）表示逆序排序。作为一种简化的表示就是，排序标准列表就是由select规定的标记的子标记的序列，每个标记之间以（;）分隔。 

2、< xsl:value-of >

语法： 

< xsl:value-of select="pattern" >提取节点的值 

属性： 

select   用来与当前上下文匹配的XSL式样。简单的讲，如果要在XSL文档某处插入某个XML标记（假定是xml_mark标记）的内容，可用如下方式表示： 

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

或 

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

示例：

　　此处仍以上期的个人简历的作为例子

< ?xml version="1.0" encoding="GB2312"? >

< HTML xmlns:xsl="http://www.w3.org/TR/WD-xsl" >

< HEAD >

< TITLE >个人简历< /TITLE >

< /HEAD >< BODY > 

< xsl:for-each select="resume" >

< P/ >

< TABLE border="1" cellspacing="0" >

< CAPTION style="font-size: 150%; font-weight: bold" >

个人简历 

< /CAPTION >

< TR >

< TH >姓名< /TH >< TD >< xsl:value-of select="name"/ >< /TD >

< TH >性别< /TH >< TD >< xsl:value-of select="sex"/ >< /TD >

< TH >生日< /TH >< TD >< xsl:value-of select="birthday"/ >< /TD >

< /TR >

< TR >

< TH >技能< /TH >< TD colspan="5" >< xsl:value-of select="skill"/ >< /TD >

< /TR >

< /TABLE >

< /xsl:for-each >

< /BODY >

< /HTML >

<fo:layout-master-set>
    <fo:simple-page-master master-name="A4">
        <!-- Page template goes here -->
    </fo:simple-page-master>
</fo:layout-master-set>

 

 <fo:page-sequence master-reference="A4">
        <!-- Page content goes here -->
 </fo:page-sequence>

  Pages > Regions > Block > (Block)Line > Inline

">" 代表包括关系

 1，Pages

     Pages 控制页面样式，因为打印时文档要分成好几页，浏览时是一大长页，所以页面样式有Pages 控制，

  2，Regions

    Regions 包括以下属性

• region-body (the body of the page) （文本内容）
• region-before (the header of the page) （表头）
• region-after (the footer of the page) （页角）
• region-start (the left sidebar) （左边界）
• region-end (the right sidebar) （右边届）

 3，Block

    Block 包含一些小的元素，比如段落，表格，列表==

4，Line

    定义文本行

5，Inline

  定义文本行中的文字（如 bullets, 单个文字, 图片==）

Pages 内的嵌套规则

  <fo:block>嵌套于<fo:flow>嵌套于<fo:page-sequence>

<fo:page-sequence>
  <fo:flow flow-name="xsl-region-body">
    <fo:block>
      <!-- Output goes here -->
    </fo:block>
  </fo:flow>
</fo:page-sequence>

Pages 中的内容是由<fo:flow>元素组成的

 XSL-fo 通过 <fo:page-sequence> 来定义输出页

 每个输出页以 master 属性来定义输出样式

 每个输出页都有<fo:flow>定义输出内容

 每个输出页都在一个 sequence 中

<fo:flow> 包括一切需要打印在 page 内的内容

如果一页填不下，相同的 page master 会用得到下一页，直到打印为止 

<fo:flow> 有 flow-name 属性，它的值决定内容的显示位置

 合法的值

• xsl-region-body (into the region-body) （文本内容）
• xsl-region-before (into the region-before) （表头）
• xsl-region-after (into the region-after) （页角）
• xsl-region-start (into the region-start) （左边界）
• xsl-region-end (into the region-end) （右边届）

XSL-fo 的页面模板

   XSL-fo 用页面模板（“page-master”）来定义输出，每个模板都必须有唯一的名字。

------------------------------------------------------------

<fo:simple-page-master master-name="intro">
  <fo:region-body margin="5in" />
</fo:simple-page-master>

<fo:simple-page-master master-name="left">
  <fo:region-body margin-left="2in" margin-right="3in" />
</fo:simple-page-master>

<fo:simple-page-master master-name="right">
  <fo:region-body margin-left="3in" margin-right="2in" />
</fo:simple-page-master>

 -----------------------------------------------------------------------------------------------

在以上的代码中有三个<fo:simple-page-master> 标签，定义了三个模板，每个模板（“pagemaster”）都有不同的名字。

 第一个用于介绍，第二个和第三个，用于奇数页和偶数页。

模板(<fo:simple-page-master>)属性

Margin Top M a r g i n L e f t   REGION BEFORE R E G I O N S T A R T           REGION BODY             R E G I O N E N D REGION AFTER M a r g i n R i g h t Margin Bottom

页面大小

• page-width 定义页宽
• page-height 定义页高 

 页边空白

页面区域标签

• <fo:region-body>       定义主体区域
• <fo:region-before>     顶一定不区域（页眉）
• <fo:region-after>       定义底部区域(页角)
• <fo:region-start>        定义左部区域(左选项条)
• <fo:region-end>         定义右部区域(优选项条)

注：

   region-before, region-after, region-start, region-end 是 region-body 的一部分，为了防止 body 的内容溢出到这些部分，你必须设置 body 的 margin 最少是他们的大小。

  例子：

<fo:simple-page-master master-name="A4"
 page-width="297mm" page-height="210mm"
 margin-top="1cm"   margin-bottom="1cm"
 margin-left="1cm"  margin-right="1cm">
  <fo:region-body   margin="3cm"/>
  <fo:region-before extent="2cm"/>
  <fo:region-after  extent="2cm"/>
  <fo:region-start  extent="2cm"/>
  <fo:region-end    extent="2cm"/>
</fo:simple-page-master>

上面定义了一个名为 A4 的模板，宽297mm，高210mm, 四个页边空白未1mm,body 离页边的距离是3cm, 页的四边（页眉、页角、左边栏、右边栏）都为2cm

   可以计算 body 的大小，例

      body 宽=297mm-2*(30mm)-2*10mm=217mm

Block 标签，直接装载内容

   文档内容 < Block < Flow < Page

<fo:page-sequence>
  <fo:flow flow-name="xsl-region-body">
    <fo:block>
      <!-- Output goes here -->
    </fo:block>
  </fo:flow>
</fo:page-sequence>

Block 的属性

space before

margin border padding content

space after

 Block 的 Area 属性

Block 的 Margin 属性

• margin
• margin-top
• margin-bottom
• margin-left
• margin-right

Block 的 Border 属性

Border 样式属性:

• border-style
• border-before-style
• border-after-style
• border-start-style
• border-end-style
• border-top-style (same as border-before)
• border-bottom-style (same as border-after)
• border-left-style (same as border-start)
• border-right-style (same as border-end)

Border 颜色属性:

• border-color
• border-before-color
• border-after-color
• border-start-color
• border-end-color
• border-top-color (same as border-before)
• border-bottom-color (same as border-after)
• border-left-color (same as border-start)
• border-right-color (same as border-end)

Border 宽度属性:

• border-width
• border-before-width
• border-after-width
• border-start-width
• border-end-width
• border-top-width (same as border-before)
• border-bottom-width (same as border-after)
• border-left-width (same as border-start)
• border-right-width (same as border-end)

Block 的 Padding 属性

• padding
• padding-before
• padding-after
• padding-start
• padding-end
• padding-top (same as padding-before)
• padding-bottom (same as padding-after)
• padding-left (same as padding-start)
• padding-right (same as padding-end)

 Block 的 Background 属性  

• background-color
• background-image
• background-repeat
• background-attachment (滚动或固定)

*Block 内容样式 属性 

   <fo:block font-size="12pt" font-family="sans-serif">
This block of output will be written in a 12pt sans-serif font.
</fo:block>

<fo:block
    font-size="14pt" font-family="verdana" font-color="red"
    space-before="5mm" space-after="5mm">
W3Schools
</fo:block>

<fo:block
    text-indent="5mm"
    font-family="verdana" font-size="12pt"
    space-before="5mm" space-after="5mm">
At W3Schools you will find all the Web-building tutorials you
need, from basic HTML and XHTML to advanced XML, XSL, Multimedia
and WAP.
</fo:block>

你可以看到，生成简单的文档需要很很复杂的代码。

一般 xsl-fo 文档不需要这么复杂的代码，我们可以通过 xslt 将格式化信息写入模板里，这样文档就会更整洁。

稍后我们会学怎样组合 xsl-fo 和 xslt.

XSL-FO 通过 List Blocks 来定义列表

<fo:list-item>
 <fo:list-item-label>
   <fo:block>*</fo:block>
 </fo:list-item-label>
 <fo:list-item-body>
   <fo:block>Volvo</fo:block>
 </fo:list-item-body>
</fo:list-item>

<fo:list-item>
 <fo:list-item-label>
   <fo:block>*</fo:block>
 </fo:list-item-label>
 <fo:list-item-body>
   <fo:block>Saab</fo:block>
 </fo:list-item-body>
</fo:list-item>

</fo:list-block>

 XSL-FO 通过 <fo:table-and-caption> 来定义表格

 XSL-FO 中的表格和 HTML 没太大的区别。 

XSL-FO 中的表格标签

<fo:table-and-caption>
<fo:table>
<fo:table-column column-width="25mm"/>
<fo:table-column column-width="25mm"/>

<fo:table-header>
  <fo:table-row>
    <fo:table-cell>
      <fo:block font-weight="bold">Car</fo:block>
    </fo:table-cell>
    <fo:table-cell>
      <fo:block font-weight="bold">Price</fo:block>
    </fo:table-cell>
  </fo:table-row>
</fo:table-header>

<fo:table-body>
  <fo:table-row>
    <fo:table-cell>
      <fo:block>Volvo</fo:block>
    </fo:table-cell>
    <fo:table-cell>
      <fo:block>$50000</fo:block>
    </fo:table-cell>
  </fo:table-row>
  <fo:table-row>
    <fo:table-cell>
      <fo:block>SAAB</fo:block>
    </fo:table-cell>
    <fo:table-cell>
      <fo:block>$48000</fo:block>
    </fo:table-cell>
  </fo:table-row>
</fo:table-body>

</fo:table>
</fo:table-and-caption>

XSL-FO 和 XSLT 合作

<xsl:template match="header">
<fo:block
    font-size="14pt" font-family="verdana" font-color="red"
    space-before="5mm" space-after="5mm">
    <xsl:apply-templates/>
</fo:block>
</xsl:template>

<xsl:template match="paragraph">
<fo:block
    text-indent="5mm"
    font-family="verdana" font-size="12pt"
    space-before="5mm" space-after="5mm">
    <xsl:apply-templates/>
</fo:block>
</xsl:template>

XSK-FO 参考
http://www.w3schools.com/xslfo/xslfo_reference.asp