XML + XSL + JS 构建小型Web App (十一)

原创 2003年08月04日 10:12:00

样式单文件源代码  (主要是表格的构建:) ):

 

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

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format" xml:space="preserve">

   <xsl:output encoding="gb2312"/>

   <xsl:template match="/履历列表/履历元素">

       <html>

          <head>

             <title>

                 <xsl:value-of select="/姓名"/>个人简历</title>

             <style>

                 table{cellpadding:0;cellspacing:0;border-collapse:collapse;}

                 td{border:1px solid black;font-size:12px;}

                 th{border:1px solid black;font-size:12px;}

                 p{font-size:12px;}

             </style>

          </head>

          <body>

             <p style="font-weight:800;font-size:24px;" align="center">

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

                 个人简历

                 </p>
         
<p align="center">

                 <table width="600px">

                    <tr>

                       <th width="15%">姓名</th>

                       <td width="15%">

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

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

                       </td>

                       <th  width="15%">性别</th>

                       <td width="15%">

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

                       </td>

                       <td rowspan="3" width="15%">

                       <img alt="照片" width="100px" src="{/照片路径/@val}"/>

                       </td>

                    </tr>

 

XML + XSL + JS 构建小型Web App (六)

xs:sequence>   xs:complexType>   xs:complexType name="技术专长元素类型">       xs:sequence>          xs:elem...
  • stationxp
  • stationxp
  • 2003年08月04日 10:09
  • 899

XML + XSL + JS 构建小型Web App (八)

根据schema文件,准备一份 xml  测试用文件, 存放 在 data 目录下record.xml履历列表 xmlns:xsi="http://www.w3.org/2001/XMLSchema-...
  • stationxp
  • stationxp
  • 2003年08月04日 10:10
  • 733

XML + XSL + JS 构建小型Web App (十五)

4. index.htm.files/js/common.js下面列出common.js 文件中 和显示功能相关的函数,其他函数后面详细叙述。// 文件名 :common.js  // 常用 java...
  • stationxp
  • stationxp
  • 2003年08月02日 18:42
  • 908

XML + XSL + JS 构建小型Web App (三)

[  好几次编辑结果付之东流了。这个编辑器,sign ...报错之后,返回东西全没了。 ]图二 record.xsd 结构图细节...
  • stationxp
  • stationxp
  • 2003年08月04日 10:09
  • 1037

XML + XSL + JS 构建小型Web App (四)

[ 反复报错,出离愤怒中!!!我也不想每篇分这么小。再次愤怒  ]图三 record.xsd 结构图细节2...
  • stationxp
  • stationxp
  • 2003年08月04日 10:09
  • 785

XML + XSL + JS 构建小型Web App (九)

  简历元素>             开始年月>                 年>2000年>                 月>9月>             开始年月>          ...
  • stationxp
  • stationxp
  • 2003年08月04日 10:10
  • 851

XML + XSL + JS 构建小型Web App (二)

二 具体实现下面逐页介绍实现的过程1. index.htm.files/data/record.xml首先要决定的是存储数据的“数据结构”。和其他web app开发类似 , 一般是首先要作数据库建模,...
  • stationxp
  • stationxp
  • 2003年08月04日 10:09
  • 1215

XML + XSL + JS 构建小型Web App (五)

Record.xsd的源代码: W3C Schema  作者:刘海龙 xiaoleilong@mail.biti.edu.cn-->xs:schema xmlns:xs="http://www.w3....
  • stationxp
  • stationxp
  • 2003年08月04日 10:09
  • 874

XML + XSL + JS 构建小型Web App (十)

2. index.htm.files/styles/normal.xsl现在制作样式单文件,运行效果图:(美工没有规整,将就看 :))...
  • stationxp
  • stationxp
  • 2003年08月04日 10:12
  • 1090

XML + XSL + JS 构建小型Web App (十四)

3. index.htm                           table{cellpadding:0;cellspacing:0;border-collapse:collapse;} ...
  • stationxp
  • stationxp
  • 2003年08月02日 18:42
  • 909
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:XML + XSL + JS 构建小型Web App (十一)
举报原因:
原因补充:

(最多只允许输入30个字)