Elde etmek istediğimiz ekran görüntüsü;
Örnek XML'imiz
<takipdvo xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<faturateslimno>0</faturateslimno>
<branskodu>1000</branskodu>
<donortckimlikno> </donortckimlikno>
<hastabasvuruno>B_174MTFT</hastabasvuruno>
<hastabilgileri>
<tckimlikno>1111111111</tckimlikno>
<ad>ALİ</ad>
<soyad>KEMAL</soyad>
<cinsiyet>K</cinsiyet>
<dogumtarihi>10.07.1962</dogumtarihi>
<sigortalituru>2</sigortalituru>
<devredilenkurum>1</devredilenkurum>
</hastabilgileri>
<kayittarihi>02.06.2014</kayittarihi>
<provizyontipi>N</provizyontipi>
<takipdurumu>1</takipdurumu>
<takipno>1FYAHSJ</takipno>
<takiptarihi>02.06.2014</takiptarihi>
<takiptipi>N</takiptipi>
<tedavitipi>1</tedavitipi>
<tedavituru>G</tedavituru>
<tesiskodu>12525018</tesiskodu>
<sevkdurumu>H</sevkdurumu>
<yenidogancocuksirano>0</yenidogancocuksirano>
<yenidogandogumtarihi>01.01.0001</yenidogandogumtarihi>
<evrakid>0</evrakid>
<sonuckodu>0</sonuckodu>
<sonucmesaji>İşlem başarı ile sona erdi.</sonucmesaji>
</takipdvo>
Oluşturacağımız XSLT'miz temel olarak aşağıdaki gibi olmalıdır.
<?xml version="1.0" encoding="utf-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" version="4.0" encoding="UTF-8" indent="yes"/>
<xsl:template match="/">
<html>
<head>
<title></title>
<style type="text/css">
</style>
</head>
<body>
<script>
</script>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
***
Bir Xslt içeriği ilk zamanlarda geliştiricilere korkutucu gelebilir. Ancak adım adım incelendiğinde son derece kolay ve anlaşılırdır. Xslt dökümanları mutlaka stylesheet elemanı ile başlar ve biterler. Bu elemanda Xslt dökümanının standardlarında yer alan isim alanı (namespace) ve versiyon numarası (version number) gibi bilgiler yer alır. Dökümanımızın içeriğinde yer alan en önemli kısımlardan birisi <xsl:template match="/"> boğumudur. Xslt dökümanlarının, kaynak olarak gösterildiği xml dökümanı üzerinde dönüştürme işlemi yapabilmesi için burada bir şablon (template) eşleştirilmesinde bulunması gerekir. Bu eşleştirme işleminde ilgili kümeyi seçebilmek için XPath ifadeleri kullanılır. Dikkat ederseniz template elemanında (element) match değeri / olarak belirlenmiştir. Bu, Xslt' yi uygulanan Xml dökümanındaki tüm boğumların (nodes) dönüştürme işleminde ele alınacağını belirtir. Dönüştürme işleminin hangi üyelere, nasıl uygulanacağı ve / şablonuna uyan parçaların çıktıda nasıl gözükeceğine dair gerekli format ayarları ise template elemanına ait boğum içerisinde yapılmaktadır.
Template'lerimizi oluşturalım;
<xsl:template name="Sonuc_Basarili">
<div id="basarili" class="alert alert-success" style="margin-top: 10;">
<b>MEDULA MESAJI:</b>
[<xsl:value-of select="sonucKodu" />]
<xsl:value-of select="sonucMesaji" />
</div>
</xsl:template>
<xsl:template name="Sonuc_Hatali">
<div id="hatali" class="alert alert-danger" style="margin-top: 10;">
<b>MEDULA MESAJI:</b>
[<xsl:value-of select="sonucKodu" />]
<xsl:value-of select="sonucMesaji" />
</div>
</xsl:template>
Sonuç mesajımızın gösterimi için işlemin başarılı yada hatalı olmasına bağlı olarak ekrana yazdıracak olduğumuz mesajı 2 ayrı template içerisinde düzenliyoruz.XML içindeki alanların ekranda görüntülenmesini istediğimiz alanda olması için <xsl:value-of elemanını kullanıyoruz ve select özelliği ile xml içerisinden alacağımız değeri seçiyoruz.
Hazırlamış olduğumuz tamplate içerisindeki verilerin ekrana yazdırılması için body içerisine aşağıdaki kodları ekliyoruz.
<div style="width:700px; margin-left:5px;">
<xsl:for-each select="takipDVO">
<xsl:choose>
<xsl:when test="sonucKodu = '0000' or '0'">
<xsl:call-template name="Sonuc_Basarili"/>
</xsl:when>
<xsl:otherwise>
<xsl:call-template name="Sonuc_Hatali"/>
</xsl:otherwise>
</xsl:choose>
<xsl:call-template name="Tab_Icerik" />
</xsl:for-each>
</div>
xsl:for-each select="takipDVO" ile xml'imizin üst boğumu olan takipDVO içerisindedöngü kuruyoruz. <xsl:choose>karşılaştırma elamanı içerisinde xsl:when içerinde koşul belitiyoruz.sonucKodu '0000' ya da '0' geldiğinde işlem sonucunun başarılı olacağını xsl:otherwise elemanı içerisine ise belirmiş olduğumuz koşul dışında sonuç gelmesi durumunda gelmesini istediğimiz hatalı sonuç mesajımızı gösteriyoruz.Sonucu ekranda göstermek için xsl:call-template elemanı ile oluşturduğumuz template'leri çağırıyoruz.
Tab menümüzü oluşturmak için Tab_Icerik ismini verdiğimiz templatimizi aşağıdaki şekilde düzenliyoruz.
Template içerisinde ilk olarak tab başlıklarımızı sonrasında başlıkların contentlerini oluşturuyoruz.
Bu işlemin ardından yukarıda bulunan örnekte olduğu gibi xsl:call-template elemanı ile Tab_Icerik templatimizdeki verileri çağırıyoruz.
<xsl:template name="Tab_Icerik">
<ul id="tabYatay" class="nav nav-tabs" style="margin-top: 10;">
<li>
<a href="#xml" class="fa fa-file-code-o" data-toggle="tab"> TÜM XML</a>
</li>
<li>
<a href="#hasta" class="fa fa-user" data-toggle="tab"> HASTA BİLGİLERİ</a>
</li>
<li>
<a href="#takip" class="fa fa-medkit" data-toggle="tab"> TAKİP BİLGİLERİ</a>
</li>
<li>
<a href="#tumTakip" class="fa fa-medkit" data-toggle="tab"> TÜM TAKİP BİLGİLERİ</a>
</li>
</ul>
<div id="tabYatayContent" style="padding-left: 15 ;margin-top: 20;width: 680;" class="tab-content">
<div class="tab-pane" id="hasta">
<div class="row">
<div class="col-xs-3 baslik">TC Kimlik No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/tcKimlikNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Hasta Adı</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/ad" />
</div>
</div>
<div class="tab-pane" id="takip">
<div class="row">
<div class="col-xs-3 baslik">Fatura Teslim No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="faturaTeslimNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Branş Kodu</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="bransKodu" />
</div>
</div>
<div class="tab-pane" id="tumTakip">
<div class="row">
<form class="pull-right">
<a onclick="window.print()" class="glyphicon glyphicon-print" style="cursor:pointer">YAZDIR</a>
</form>
</div>
<h4>HASTA BİLGİLERİ</h4>
<div class="row">
<div class="col-xs-3 baslik">TC Kimlik No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/tcKimlikNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Hasta Adı</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/ad" />
</div>
<h4>TAKİP BİLGİLERİ</h4>
<div class="row">
<div class="col-xs-3 baslik">Fatura Teslim No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="faturaTeslimNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Branş Kodu</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="bransKodu" />
</div>
</div>
</div>
</div>
</xsl:template>
Tüm XSLT'miz;
<?xml version="1.0" encoding="utf-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" version="4.0" encoding="UTF-8" indent="yes"/>
<xsl:template match="/">
<html>
<head>
<title></title>
<script src="C:/Users/muhasebe/Documents/Visual Studio 2013/WebSites/test/Scripts/jquery-2.1.1.min.js"></script>
<script src="C:/Users/muhasebe/Documents/Visual Studio 2013/WebSites/test/Scripts/bootstrap.js"></script>
<link href="C:/Users/muhasebe/Documents/Visual Studio 2013/WebSites/test/Content/bootstrap.css" rel="stylesheet" />
<link href="C:/Users/muhasebe/Documents/Visual Studio 2013/WebSites/test/Content/font-awesome.min.css" rel="stylesheet"/>
<link href="C:/Users/muhasebe/Documents/Visual Studio 2013/WebSites/test/Scripts/sh/shCore.css" rel="stylesheet" />
<link href="C:/Users/muhasebe/Documents/Visual Studio 2013/WebSites/test/Scripts/sh/shThemeDefault.css" rel="stylesheet" />
<script src="C:/Users/muhasebe/Documents/Visual Studio 2013/WebSites/test/Scripts/sh/shCore.js"></script>
<script src="C:/Users/muhasebe/Documents/Visual Studio 2013/WebSites/test/Scripts/sh/shBrushXml.js"></script>
<style type="text/css">
.baslik{
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
color: #669;
padding: 8px;
height: 30;
font-weight: bold;
font-size:12px;
background: #EDF0F3;
}
.icerik{
border-bottom: 1px solid #fff;
color: #669;
padding: 8px;
height: 30;
font-size:12px;
background: #EDF0F3;
}
.row>div:hover{
background-color: #428bca;
color:white;
}
.nav-tabs > li.active > a{
color: #F0670C;
}
.nav-tabs > li.active > a:hover{
color: #F0670C;
}
h4{
color: #669;
font-weight: bold;
font-family:FontAwesome;
font-size:14px;
}
div > h4 {
background-color: #428bca;
color: white;
padding: 10;
margin-bottom: 0;
margin-left: -15;
margin-right: -15;
}
div{
font-family:FontAwesome;
}
@media print {
.nav-tabs,.glyphicon-print,#basarili,#hatali {
display: none;
}
}
</style>
</head>
<body>
<div style="width:700px; margin-left:5px;">
<xsl:for-each select="takipDVO">
<xsl:choose>
<xsl:when test="sonucKodu = '0000' or '0'">
<xsl:call-template name="Sonuc_Basarili"/>
</xsl:when>
<xsl:otherwise>
<xsl:call-template name="Sonuc_Hatali"/>
</xsl:otherwise>
</xsl:choose>
<xsl:call-template name="Tab_Icerik" />
</xsl:for-each>
</div>
<script>
$(function(){
$("#tabYatay").tab('show');
SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';
SyntaxHighlighter.all();
});
</script>
</body>
</html>
</xsl:template>
<xsl:template name="Sonuc_Basarili">
<div id="basarili" class="alert alert-success" style="margin-top: 10;">
<b>MEDULA MESAJI:</b>
[<xsl:value-of select="sonucKodu" />]
<xsl:value-of select="sonucMesaji" />
</div>
</xsl:template>
<xsl:template name="Sonuc_Hatali">
<div id="hatali" class="alert alert-danger" style="margin-top: 10;">
<b>MEDULA MESAJI:</b>
[<xsl:value-of select="sonucKodu" />]
<xsl:value-of select="sonucMesaji" />
</div>
</xsl:template>
<xsl:template name="Tab_Icerik">
<ul id="tabYatay" class="nav nav-tabs" style="margin-top: 10;">
<li>
<a href="#xml" class="fa fa-file-code-o" data-toggle="tab"> TÜM XML</a>
</li>
<li>
<a href="#hasta" class="fa fa-user" data-toggle="tab"> HASTA BİLGİLERİ</a>
</li>
<li>
<a href="#takip" class="fa fa-medkit" data-toggle="tab"> TAKİP BİLGİLERİ</a>
</li>
<li>
<a href="#tumTakip" class="fa fa-medkit" data-toggle="tab"> TÜM TAKİP BİLGİLERİ</a>
</li>
</ul>
<div id="tabYatayContent" style="padding-left: 15 ;margin-top: 20;width: 680;" class="tab-content">
<div class="tab-pane" id="xml">
<div class="syntaxhighlighter " id="">
<div class="lines">
<pre class="brush:xml" name="code">
<xsl:copy-of select="/" />
</pre>
</div>
</div>
</div>
<div class="tab-pane" id="hasta">
<div class="row">
<div class="col-xs-3 baslik">TC Kimlik No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/tcKimlikNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Hasta Adı</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/ad" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Hasta Soyadı</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/soyad" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Cinsiyet</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/cinsiyet" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Doğum Tarihi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/dogumTarihi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Sigortalı Türü</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/sigortaliTuru" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Devredilen Kurum</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/devredilenKurum" />
</div>
</div>
</div>
<div class="tab-pane" id="takip">
<div class="row">
<div class="col-xs-3 baslik">Fatura Teslim No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="faturaTeslimNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Branş Kodu</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="bransKodu" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Donör TC Kimlik No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="donorTCKimlikNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Hasta Basvuru No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBasvuruNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Kayıt Tarihi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="kayitTarihi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Provizyon Tipi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="provizyonTipi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Takip Durumu</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="takipDurumu" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Takip No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="takipNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Takip Tarihi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="takipTarihi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Takip Tipi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="takipTipi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Tedavi Tipi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="tedaviTipi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Tedavi Türü</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="tedaviTuru" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Tesis Kodu</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="tesisKodu" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Sevk Durumu</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="sevkDurumu" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Yeni Doğan Çocuk Sıra No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="yeniDoganCocukSiraNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Yeni Doğan Doğum Tarihi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="yeniDoganDogumTarihi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Evrak ID</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="evrakID" />
</div>
</div>
</div>
<div class="tab-pane" id="tumTakip">
<div class="row">
<form class="pull-right">
<a onclick="window.print()" class="glyphicon glyphicon-print" style="cursor:pointer">YAZDIR</a>
</form>
</div>
<h4>HASTA BİLGİLERİ</h4>
<div class="row">
<div class="col-xs-3 baslik">TC Kimlik No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/tcKimlikNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Hasta Adı</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/ad" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Hasta Soyadı</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/soyad" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Cinsiyet</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/cinsiyet" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Doğum Tarihi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/dogumTarihi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Sigortalı Türü</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/sigortaliTuru" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Devredilen Kurum</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBilgileri/devredilenKurum" />
</div>
</div>
<h4>TAKİP BİLGİLERİ</h4>
<div class="row">
<div class="col-xs-3 baslik">Fatura Teslim No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="faturaTeslimNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Branş Kodu</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="bransKodu" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Donör TC Kimlik No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="donorTCKimlikNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Hasta Basvuru No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="hastaBasvuruNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Kayıt Tarihi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="kayitTarihi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Provizyon Tipi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="provizyonTipi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Takip Durumu</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="takipDurumu" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Takip No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="takipNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Takip Tarihi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="takipTarihi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Takip Tipi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="takipTipi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Tedavi Tipi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="tedaviTipi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Tedavi Türü</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="tedaviTuru" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Tesis Kodu</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="tesisKodu" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Sevk Durumu</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="sevkDurumu" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Yeni Doğan Çocuk Sıra No</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="yeniDoganCocukSiraNo" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Yeni Doğan Doğum Tarihi</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="yeniDoganDogumTarihi" />
</div>
</div>
<div class="row">
<div class="col-xs-3 baslik">Evrak ID</div>
<div class="col-xs-9 icerik">
<xsl:value-of select="evrakID" />
</div>
</div>
</div>
</div>
</xsl:template>
</xsl:stylesheet>
Hiç yorum yok:
Yorum Gönder