TPL faylı nədir?

.tpl uzantılı fayl FTP protokolu əvəzinə HTTP veb texnologiyası üzərindən faylları göndərmək və qəbul etmək üçün fayl paylaşma proqramı olan HTTP Fayl Serveri (HFS) tərəfindən yaradılmış və istifadə edilən şablon fayldır. O, oxşar tərtibat, üslub və skriptləri olan parametrlərə malik olduğu müəyyən edilmiş şablon məlumatı əsasında dinamik şəkildə HTML səhifələr yaratmaq üçün istifadə olunur. Eyni parametrləri tələb edən proqramlara eyni şablon faylı təyin edilə bilər və HFS tələb olunan səhifəni bu şablon faylı əsasında icra müddətində dinamik şəkildə qaytaracaq.

TPL fayl formatı

TPL faylları insanların oxuna biləcəyi formatda saxlanılır və insan tərəfindən oxuna bilən İşarələmə Dili olan HTML ehtiva edir. HTML-ə əlavə olaraq, TPL faylı bu şablon faylından yaradılan bütün səhifələr tərəfindən yerinə yetiriləcək tərtibatı və hərəkətləri müəyyən etmək üçün şablon səviyyəli CSS və Javascript də ehtiva edə bilər.

TPL bölmələri

TPL bölmələri çıxış səhifəsini yaradan zaman HFS tərəfindən istifadə edilən HTML, CSS və ya JavaScript kodunu ehtiva edir. Hər bölmə kvadrat mötərizə ([]) ilə başlayır və faiz işarəsi (%) ilə müəyyən edilir. TPL faylında aşağıdakı bölmələr ola bilər.

TPL Stil Bölməsi

Buraya daxil edilmiş CSS fayllarına istinad edə bilən və ya istifadə etməyən üslubla bağlı məlumat daxildir. Üslub bölməsinin nümunəsi aşağıdakı kimidir.

[style]
.row { color: #666 }
span.size_file { font-size:10px; color:#666 }
.button, .big, .little, th { font-weight:normal; font-size:9pt; color:#222; }
#back { background:#222;border:1px solid #000;padding:5px;margin-top:10px;}
.little { font-size: 8pt; color:#2F4F4F;margin-top:10px; }
.path_title { color: #999;margin-top:10px; }
img { border-style:none }
.row { background:#f8f8f8;}
.row a { text-decoration:none; }
.comment { font-size:7pt; color:#666; background:#f3f3f3; padding:3px; border:1px solid #ccc; margin-top:2px; }
.column { color:#222; font-size:13pt; font-weight:bold; padding-bottom:0; }
.flag { font-weight:bold; font-size:8pt; background:#fff; color:#990000; text-align:center; border:1px solid #ff0000; }
.text { color:#222; }
span.desc { color: #999; }
#everything { margin-top:20px;border-top:1px solid #ccc;padding-top:10px; }
html {
font-size: 62.5%;
}
body {margin:0px; padding:0px; background-color:#fff; color:#222; font-family:"Lucida Grande", "Tahoma", "Helvetica", "Arial", sans-serif; font-size:120%;quotes:"\201C" "\201E" "\2018" "\2019";}
table, tr, td {font-size: inherit;}
a:link {color: #222;}
a:visited {color: #666;}
a:hover {	color: #000;}
a:active {}
a:focus {}
img, a img {border: none;}
#path {color: #333;background-color: #f8f8f8; border-bottom: 1px solid #ccc;padding: 3px 8px;margin: 0px;}
#path li {display: inline;padding-left: 13px; padding-right: 3px; background-image: url(arrow.gif);background-repeat: no-repeat;background-position: 1px 5px;}
#path span {font-weight: bold;}
#header {margin: 24px 48px;}
#header h1 {font-size: 250%;color: #222;  margin: 0;margin-bottom: 6px;}
#header h2 {font-size: 120%;color: #aaa;  margin: 0;}
#content { margin: 24px 48px;}
#footer {    margin-top: 48px;    border-top: 1px solid #ccc;    padding: 6px;    text-align: center;    color: #888;    font-size: 80%;}
#footer a {color: #888;}

Link bölməsində URL haqqında məlumat var və düymə və onun hərəkəti kimi hadisələrə istinadlar daxil ola bilər.

[login-link]
<li><a href="%encoded-folder%~login" class=buttonx>Login</a></li>
[loggedin]
<li><a href="#" class=buttonx>Logged in as: %user%</a></li>

Şərh Bölməsi

TPL-in şərh bölməsi şərhlər yaratmaq üçündür və aşağıdakı kimi müəyyən edilir.

[comment]
<div class=comment>%item-comment%</div>

Yükləmə Bölməsi

Yükləmə bölməsi aşağıdakı nümunədə göstərildiyi kimi şablon parametrləri əsasında serverdən faktiki HTML cavabını qaytarır.

[upload]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>myHFS</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">\n%style%\n</style>
</head>
<body>
<ul id=path>
<li><strong>Folder:</strong> <a href="/">root</a>%folder%</li>
</ul>
<div id=header>
<h1>myHFS</h1>
<h2>Final HFS Template Framework for Ishare USM Community</h2>
</div>
<div id=content>

<h3>myHFS Rules</h3>
<p>I'm sharing stuffs unpaid, so please respect me by understanding these rules: </p>
<ul class="contacts">
<li>Sorry if your downloading activity was suddenly interrupted/disconnected. It might be due to some technical problems.</li>
<li>Be nice. Don't use IDM or any download manager program with many connections. Set it to 1 or you will be banned from my server.</li>
<li>Anything I shared here is the right of my freedom. Good or bad, the decision is in your hands. I'm not be responsible for any consequences.</li>
</ul>
<p class=credit>Sharing among my university fellows is an unique culture here, in Engineering Campus, USM. Sharing via LAN by using HFS software is the best underground activity for everyone. Sharing is loving!</p>
</div>

</body></html>

İstinadlar

See Also