最近遇到了一个场景:
1、一个客户端软件,需要对其中用户的个性化偏好进行记录,但是同一个计算机可能会有多人使用这个软件,因此软件需要记录每个人的偏好
2、如果用户第一次登录,则需要使用默认的偏好
因此我设计了下面这个XML文件(PersonalizedConfig.xml),用来保存偏好:
<?xml version="1.0" encoding="gb2312"?>
<?xml-stylesheet type='text/xsl' href='PersonalizedConfig.xslt'?>
<!DOCTYPE UserConfig PUBLIC "-//Tsybius//UserConfig//EN" "PersonalizedConfig.dtd">
<UserConfig Title="用户个性化配置参数表">
<User MemCode="10000001" OperId="10006">
<Config Key="Config1" Value="testConfigValue1" />
<Config Key="Config2" Value="testConfigValue2" />
<Config Key="Config3" Value="testConfigValue3" />
<Config Key="Config4" Value="testConfigValue4" />
<Config Key="Config5" Value="testConfigValue5" />
</User>
<User MemCode="10000001" OperId="10008">
<Config Key="Config1" Value="testConfigValueA" />
<Config Key="Config2" Value="testConfigValueB" />
<Config Key="Config3" Value="testConfigValueC" />
<Config Key="Config4" Value="testConfigValueD" />
<Config Key="Config5" Value="testConfigValueE" />
</User>
</UserConfig>
其中每个User元素是一个用户,MemCode和OperId属性用作该用户的唯一标识(即说明该用户是哪个机构下的哪个操作员)。每个用户下面,都有多个Config元素,其中包含了Key和Value两个属性,每一个Config元素说明该用户一个配置项的设置情况。
相关文档类型定义文件(PersonalizedConfig.dtd)代码如下:
<!--用户个性化配置文件DTD校验-->
<!ELEMENT UserConfig (User)*>
<!ATTLIST UserConfig Title CDATA #IMPLIED>
<!ELEMENT User (Config)*>
<!ATTLIST User MemCode CDATA #IMPLIED>
<!ATTLIST User OperId CDATA #IMPLIED>
<!ELEMENT Config EMPTY>
<!ATTLIST Config Key CDATA #IMPLIED>
<!ATTLIST Config Value CDATA #IMPLIED>
相关样式文件(PersonalizedConfig.xslt)代码如下:
<?xml version="1.0" encoding="gb2312"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<!--用户个性化配置文件XSLT样式表-->
<xsl:output method="html"/>
<xsl:template match="/">
<html>
<head>
<meta content="zh-cn" http-equiv="Content-Language"/>
<meta content="text/html; charset=utf-16" http-equiv="Content-Type"/>
<link type="text/css" rel="stylesheet" href="PersonalizedConfig.css"/>
<title><xsl:value-of select="UserConfig/@Title" /></title>
<script type="text/javascript" language="javascript">
<xsl:text disable-output-escaping="yes">
<![CDATA[
//自动刷新
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()', 3000); //在这里指定刷新间隔,单位毫秒
]]>
</xsl:text>
</script>
</head>
<body>
<div id="content">
<br />
<strong><font color="red"><xsl:value-of select="UserConfig/@Title" /></font></strong><br />
<hr />
<table>
<tr>
<th>用户编号</th>
<th>操作员代码</th>
<th>配置项1</th>
<th>配置项2</th>
<th>配置项3</th>
<th>配置项4</th>
<th>配置项5</th>
</tr>
<xsl:for-each select="UserConfig/User">
<tr>
<td class="textCentered"><xsl:value-of select="@MemCode" /></td>
<td class="textCentered"><xsl:value-of select="@OperId" /></td>
<xsl:for-each select="Config">
<td class="textCentered"><xsl:value-of select="@Value"/></td>
</xsl:for-each>
</tr>
</xsl:for-each>
</table>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
注意在这个XSLT文件中,包含了自动刷新相关的代码(3秒刷一次),这样在用浏览器打开XML并的时候,就可以看到XML文档的最新数据变更情况了。
XSLT文件使用到的CSS样式表文件(PersonalizedConfig.css)代码如下:
/* Body style, for the entire document */
body
{
background: #F3F3F4;
color: #1E1E1F;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
padding: 0;
margin: 0;
}
/* Header1 style, used for the main title */
h1
{
padding: 10px 0px 10px 10px;
font-size: 21pt;
background-color: #E2E2E2;
border-bottom: 1px #C1C1C2 solid;
color: #201F20;
margin: 0;
font-weight: normal;
}
/* Table styles */
table
{
border-spacing: 0 0;
border-collapse: collapse;
font-size: 10pt;
}
table th
{
background: #3399FF;
text-align: center;
text-decoration: none;
font-weight: normal;
padding: 3px 6px 3px 6px;
width:200px;
}
table td
{
vertical-align: top;
text-align: center;
padding: 3px 6px 3px 6px;
margin: 0px;
border: 1px solid #3399FF;
/*background: #66FF33;*/
}
.textCentered
{
text-align: center;
}
#content
{
padding: 0px 12px 40px 40px;
}
在IE8.0中打开上面的XML文档,展示效果如下:
END