qtp xml联合xsl输出html报表,通过xml和xsl实现数据和页面展示模板的解耦（简单完整网站代码示例）...

一、示例简介

该示例通过xml配置数据源，在其xsl样式模板中配置数据源的展示模板,从而达到数据和页面模板解耦,降低前端和后端开发的依赖，相比于传统的HTML+CSS的实现页面模板展示，数据和模板解耦层度更加明显。该示例主要实现列表页面、新增修改页面。

二、代码&演示

1. 列表页面实现(index.xml+list.xsl)

index.xml代码,在href在关联展示模板list.xsl - 将xml数据用xsl的模板进行展示<?xml  version='1.0'?>@b@<?xml-stylesheet  type="text/xsl" href="list.xsl"?>@b@@b@   @b@      11111111@b@      java代码烦烦烦@b@      java json@b@      java@b@      图片地址111@b@      随碟附送...@b@      随碟附送方法地方撒飞洒发生发顺丰@b@      倪俊@b@      2013-08-03@b@      http://localhost/detail.html@b@   @b@   @b@      2222222@b@      c是如何生存@b@      c c++@b@      c++@b@      图片地址222@b@      随碟附送...@b@      fsdfsdfssdfsddsf@b@      倪俊@b@      2013-08-03@b@      http://localhost/detail.html@b@   @b@

list.xsl - 模板样式<?xml  version='1.0'?>@b@@b@@b@@b@  @b@  @b@  @b@  @b@    @b@      

我的知识库

@b@     @b@      

@b@          

@b@            @b@              

@b@               

• @b@                @b@                @b@                @b@               

@b@              

@b@            @b@            

@b@            

@b@                

搜索

@b@                

java  css

@b@            

@b@      

@b@      @b@      

@b@         收藏本站@b@         设为首页@b@         关于本站@b@         导航地图@b@         订阅本页@b@     

@b@    @b@  @b@@b@@b@@b@  @b@    . @b@  @b@@b@@b@@b@    @b@@b@@b@@b@    @b@@b@

演示效果

2. 新增&修改页面(edit.xml+edit.xsl)

edit.xml<?xml  version='1.0'?>@b@<?xml-stylesheet  type="text/xsl" href="edit.xsl"?>@b@

edit.xsl<?xml  version='1.0'?>@b@ @b@@b@  @b@    @b@  @b@  @b@  @b@  @b@  @b@    @b@      

我的知识库

>注册内容

@b@     @b@      

@b@      @b@            

@b@                                    @b@                    

@b@                        标题：@b@                        @b@                    

@b@                    

@b@                        所属栏目：@b@                        @b@                    

@b@                    

@b@                        标签：@b@                        @b@                    

@b@                    

@b@                        更新日期：@b@                        @b@                    

@b@                    

@b@                        作者：@b@                        @b@                    

@b@                    

@b@                        图片附件：@b@                        @b@                    

@b@                    

@b@                        描述：@b@                        @b@                    

@b@                    

@b@                        内容：@b@                        @b@                            @b@                        @b@                    

@b@                    

@b@                         @b@                        @b@                    

@b@                @b@            

@b@             @b@      

 @b@    @b@  @b@   @b@

演示效果