利用XSL控制XML文档的显示

背景:以前项目中将会员资料动态生成XML文件,需要的时候不读数据库而是用XMLDocument读XML文件.效率暂不说,光是代码就让笔者头晕(没怎么用过XMLDocument).最近经常在CSDN逛,某日看到CSDN用XSL控制XML的显示,不禁联想到这个项目.经过一番修改,效果还凑合.下边是代码:
1.XML文档:

<?xml version="1.0" encoding="utf-8" ?>
2

<?xml-stylesheet type='text/xsl' href='XSLTFile.xsl'?>
3

<Company>
6

<Name>
7

沈阳市康泰旅行社有限公司
8

</Name>
9

<Province>
10

辽宁
11

</Province>
12

<City>
13

沈阳
14

</City>
15

<Address>
16

沈阳市沈河区南顺城路31号110011
17

</Address>
18

<ZipCode>
19

242811
20

</ZipCode>
21

<RepresentativeName>
22

袁亚南
23

</RepresentativeName>
24

<ManagerName>
25

袁亚南
26

</ManagerName>
27

<RegisterPhone>
28

024-62116768
29

</RegisterPhone>
30

<Fax>
31

024—24123450
32

</Fax>
33

<LicenseTwo>
34

L-LN-GN01144
35

</LicenseTwo>
36

<Website>
37

</Website>
39

<Email>
40

sykangtai2@hotmail.com
41

</Email>
42

<RegisterDate>
43

2006-8-11 13:40:00
44

</RegisterDate>
45

<StatusCode>
46

3005001
47

</StatusCode>
48

<StatusName>
49

</StatusName>
51

<RegisterMobile>
52

013604060168
53

</RegisterMobile>
54

<MSN>
55

SYDONGBEIREN
56

</MSN>
57

<QQ>
58

</QQ>
60

</Company>

2.对应XSL文件:

<?xml version="1.0" encoding="utf-8"?>
2

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
4

<xsl:template match="Company">
7

<html>
8

<head>
9

<title>无标题页</title>
11

body {
14

margin-left: 80px;
15

margin-top: 30px;
16

margin-right: 80px;
17

margin-bottom: 50px;
18

background-color: #C0C0C0;
19

}
20

.STYLE11112 {
21

font-family: Tahoma;
22

font-size: 8.5pt;
23

color: #8F8F8F;
24

}
25

.STYLE1111201 {color: #FF6600}
26

.STYLE1111211 {color: #FFCC00}
27

.STYLE211 {font-size: 8.5pt; color: #999999; font-family: Tahoma;}
28

.STYLE1111231 {
29

font-family: "黑体";
30

font-size: 16px;
31

color: #FFFFFF;
32

}
33

td
34

{
35

height:23px;
36

line-height:150%;
37

}
38

</style>
39

</head>
40

<body>
41

<form id="form1" runat="server">
42

<div align="center">
43

<table bgcolor="#E1E1E1" border="0" cellpadding="0" cellspacing="3" width="100%">
44

<tr>
45

<td bgcolor="#FFFFFF">
46

<table border="0" cellpadding="2" cellspacing="0" width="100%">
47

<tr>
48

<td style="height: 102px" valign="top">
49

<table border="0" cellpadding="0" cellspacing="0" width="100%">
50

<tr>
51

<td background="images/gongsi_03_01.gif" valign="top" width="289">
52

<table border="0" cellpadding="0" cellspacing="0" height="87" width="287">
53

<tr>
54

<td height="56" width="287">
55

</td>
57

</tr>
58

<tr>
59

<td>
60

<span class="STYLE1111231">
61

<span>
62

 <xsl:value-of select="Name"/>
63

</span>
64

</span>
65

</td>
66

</tr>
67

</table>
68

</td>
69

<td width="543">
70

<img height="97" src="images/gongsi_03_02.gif" width="543" />
71

</td>
72

</tr>
73

</table>
74

</td>
75

</tr>
76

</table>
77

</td>
78

</tr>
79

<tr>
80

<td bgcolor="#FFFFFF">
81

<table border="0" cellpadding="0" cellspacing="0" width="100%">
82

<tr>
83

<td>
84

<table border="0" cellpadding="0" cellspacing="0" width="100%">
85

<tr>
86

<td width="4%">
87

<img height="23" src="images/gongsi_14.gif" width="35" />
88

</td>
89

<td background="images/gongsi_16.gif" width="90%">
90

<span class="STYLE11112">公司信息/Company Info </span>
91

</td>
92

<td width="6%">
93

<img height="23" src="images/gongsi_18.gif" width="50" />
94

</td>
95

</tr>
96

</table>
97

</td>
98

</tr>
99

<tr>
100

<td height="650" valign="top" style="padding-top: 20px; padding-bottom: 20px;">
101

<table border="0" cellpadding="0" cellspacing="0" width="800" align="center">
102

<tr>
103

<td nowrap="nowrap" width="20px">
104

</td>
105

<td class="HotelHeader">公司名称
106

</td>
107

<td nowrap="nowrap" width="680px">
108

<table style="width: 100%; border: 0;">
109

<tr>
110

<td style="width: 50%;">
111

<xsl:value-of select="Name"/>
112

</td>
113

<td style="width: 50%;" align="right">
114

115

</td>
116

</tr>
117

</table>
118

</td>
119

</tr>
120

<tr>
121

<td bgcolor="#f4f2f2" colspan="3" nowrap="nowrap" style="height: 1px;">
122

</td>
123

</tr>
124

<tr>
125

<td>
126

</td>
127

<td class="HotelHeader">
128

所在省市
129

</td>
130

<td>
131

<xsl:value-of select="Province"/>
132

<xsl:value-of select="City"/>
133

</td>
134

</tr>
135

<tr>
136

<td bgcolor="#f4f2f2" colspan="3" nowrap="nowrap" style="height: 1px;">
137

</td>
138

</tr>
139

<tr>
140

<td>
141

<img border="0" src="../Images/dz.gif" />
142

</td>
143

<td class="HotelHeader">
144

地址邮编
145

</td>
146

<td>
147

<xsl:value-of select="Address"/>
148

<xsl:value-of select="ZipCode"/>
149

</td>
150

</tr>
151

<tr>
152

<td bgcolor="#f4f2f2" colspan="3" nowrap="nowrap" style="height: 1px;">
153

</td>
154

</tr>
155

<tr>
156

<td>
157

<img src="../Images/face.gif" border="0" />
158

</td>
159

<td class="HotelHeader">
160

法人代表
161

</td>
162

<td>
163

<xsl:value-of select="RepresentativeName"/>
164

</td>
165

</tr>
166

<tr>
167

<td colspan="3" bgcolor="#f4f2f2" nowrap="nowrap" style="height: 1px;">
168

</td>
169

</tr>
170

<tr>
171

<td>
172

</td>
173

<td class="HotelHeader">
174

总  经  理
175

</td>
176

<td>
177

<xsl:value-of select="ManagerName"/>
178

</td>
179

</tr>
180

<tr>
181

<td colspan="3" bgcolor="#f4f2f2" nowrap="nowrap" style="height: 1px;">
182

</td>
183

</tr>
184

<tr>
185

<td>
186

<img border="0" src="../Images/tel.gif" />
187

</td>
188

<td class="HotelHeader">
189

电       话
190

</td>
191

<td>
192

<xsl:value-of select="RegisterPhone"/>
193

</td>
194

</tr>
195

<tr>
196

<td bgcolor="#f4f2f2" colspan="3" nowrap="nowrap" style="height: 1px;">
197

</td>
198

</tr>
199

<tr>
200

<td>
201

<img border="0" src="../Images/fax.gif" />
202

</td>
203

<td class="HotelHeader">
204

传       真
205

</td>
206

<td>
207

<xsl:value-of select="Fax"/>
208

</td>
209

</tr>
210

<tr>
211

<td bgcolor="#f4f2f2" colspan="3" nowrap="nowrap" style="height: 1px;">
212

</td>
213

</tr>
214

<tr>
215

<td>
216

</td>
217

<td class="HotelHeader">
218

许可证号
219

</td>
220

<td>
221

<xsl:value-of select="LicenseTwo"/>
222

</td>
223

</tr>
224

<tr>
225

<td bgcolor="#f4f2f2" colspan="3" nowrap="nowrap" style="height: 1px;">
226

</td>
227

</tr>
228

<tr>
229

<td>
230

<img border="0" src="../Images/http.gif" />
231

</td>
232

<td class="HotelHeader">
233

网       址
234

</td>
235

<td>
236

<xsl:value-of select="WebSite"/>
237

</td>
238

</tr>
239

<tr>
240

<td bgcolor="#f4f2f2" colspan="3" nowrap="nowrap" style="height: 1px;">
241

</td>
242

</tr>
243

<tr>
244

<td>
245

<img border="0" src="../Images/em.gif" />
246

</td>
247

<td class="HotelHeader">
248

邮       箱
249

</td>
250

<td>
251

<xsl:value-of select="Email"/>
252

</td>
253

</tr>
254

<tr>
255

<td bgcolor="#f4f2f2" colspan="3" nowrap="nowrap" style="height: 1px;">
256

</td>
257

</tr>
258

<tr>
259

<td>
260

<img border="0" src="../Images/mobi.gif" />
261

</td>
262

<td class="HotelHeader">
263

手       机
264

</td>
265

<td>
266

<xsl:value-of select="RegisterMobile"/>
267

</td>
268

</tr>
269

<tr>
270

<td bgcolor="#f4f2f2" colspan="3" nowrap="nowrap" style="height: 1px;">
271

</td>
272

</tr>
273

<tr>
274

<td>
275

</td>
276

<td class="HotelHeader">
277

MSN
278

</td>
279

<td>
280

<xsl:value-of select="MSN"/>
281

</td>
282

</tr>
283

<tr>
284

<td bgcolor="#f4f2f2" colspan="3" nowrap="nowrap" style="height: 1px;">
285

</td>
286

</tr>
287

<tr>
288

<td>
289

</td>
290

<td class="HotelHeader">
291

QQ
292

</td>
293

<td>
294

<xsl:value-of select="QQ"/>
295

</td>
296

</tr>
297

<tr>
298

<td bgcolor="#f4f2f2" colspan="3" nowrap="nowrap" style="height: 1px;">
299

</td>
300

</tr>
301

<tr>
302

<td>
303

</td>
304

<td class="HotelHeader">
305

登陆日期
306

</td>
307

<td>
308

<xsl:value-of select="RegisterDate"/>
309

</td>
310

</tr>
311

<tr>
312

<td bgcolor="#f4f2f2" colspan="3" nowrap="nowrap" style="height: 1px;">
313

</td>
314

</tr>
315

</table>
316

</td>
317

</tr>
318

<tr>
319

<td bgcolor="#FFFFFF" height="60">
320

<table border="0" cellpadding="0" cellspacing="0" width="100%">
321

<tr>
322

<td width="21%">
323

<img height="6" src="images/gongsi_24.gif" width="131" />
324

</td>
325

<td width="30%">
326

 
327

</td>
328

<td width="49%">
329

<table border="0" cellpadding="0" cellspacing="0" width="100%">
330

<tr>
331

<td style="width: 100%;" align="right">
332

<table border="0" cellpadding="0" cellspacing="0">
333

<tr>
334

<td align="right" style="width: 43px;" rowspan="3" nowrap="nowrap">
335

<img height="49" src="../../images/index_38.gif" width="43" />
336

</td>
337

<td nowrap="nowrap" style="width: 8px;" rowspan="3">
338

</td>
339

<td align="left" class="STYLE2" style="width: 320px; height: 18px;" nowrap="nowrap" valign="bottom">
340

<a class="AboutNavigator" href="../../About/AboutUs.aspx" target="_blank">关于我们</a>   <a class="AboutNavigator" href="../../About/ContactUS.aspx" target="_blank">联系我们</a>   <a class="AboutNavigator" href="../../About/License.aspx" target="_blank">服务条款</a>   <a class="NavigatorAbout" href="../../Register/Default.aspx" target="_blank">企业注册</a><a class="AboutNavigator" href="../../About/AboutBroadcast.aspx" style="display: none;" target="_blank">企业推广</a>
341

</td>
342

</tr>
343

<tr>
344

<td align="right" style="height: 1px;" nowrap="nowrap">
345

<img height="1" src="../../images/index_39.gif" width="320" />
346

</td>
347

</tr>
348

<tr>
349

<td align="right" height="18" style="width: 320px;">
350

</td>
352

</tr>
353

</table>
354

</td>
355

</tr>
356

</table>
357

</td>
358

</tr>
359

<tr>
360

<td bgColor="#FFFFFF" colspan="3" height="35"></td>
361

</tr>
362

</table>
363

</td>
364

</tr>
365

</table>
366

</td>
367

</tr>
368

</table>
369

</div>
370

</form>
371

</body>
372

</html>
373

</xsl:template>
374

375

</xsl:stylesheet>
376

377

posted on 2006-12-01 11:05 xpengfee 阅读(447) 评论(0) 收藏举报