Mi az a TPL fájl?

A .tpl kiterjesztésű fájl a HTTP File Server (HFS) által létrehozott és használt sablonfájl, amely egy fájlmegosztó alkalmazás, amely a HTTP webtechnológián keresztül küld és fogad fájlokat FTP protokoll helyett. A HTML oldalak dinamikus létrehozására szolgál a sabloninformációk alapján, amelyek beállításai hasonló elrendezéssel, stílussal és szkriptekkel rendelkeznek. Az azonos beállításokat igénylő alkalmazásokhoz ugyanaz a sablonfájl rendelhető hozzá, és a HFS dinamikusan adja vissza a kért oldalt futás közben a sablonfájl alapján.

TPL fájl formátum

A TPL fájlok ember által olvasható formátumban vannak tárolva, és HTML-t tartalmaznak, amely egy ember által olvasható jelölőnyelv. A HTML-en kívül a TPL-fájlok tartalmazhatnak sablon szintű CSS-t és Javascriptet is, amelyek meghatározzák az ebből a sablonfájlból generált összes oldal elrendezését és végrehajtandó műveleteit.

TPL szakaszok

A TPL szakaszok tartalmazzák a HTML, CSS vagy JavaScript kódot, amelyet a HFS használ a kimeneti oldal generálásakor. Minden szakasz szögletes zárójelekkel ([]) kezdődik, és százalékjellel (%) határozza meg. A TPL fájl a következő szakaszokat tartalmazhatja.

TPL stílus szakasz

Tartalmazza a stílussal kapcsolatos információkat, amelyek használhatnak vagy nem tartalmaznak beágyazott CSS-fájlok hivatkozást. A stílusszakasz példája a következő.

[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;}

TPL hivatkozás szakasz

A hivatkozás szakasz információkat tartalmaz az URL-ről, és hivatkozásokat tartalmazhat olyan eseményekre, mint például a gomb és annak művelete.

[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>

Megjegyzés rovat

A TPL megjegyzés szakasza megjegyzések generálására szolgál, és a következőképpen van meghatározva.

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

Feltöltés szakasz

A feltöltési szakasz a tényleges HTML-választ adja vissza a szervertől a sablonbeállítások alapján, ahogy az a következő példában látható.

[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>

Hivatkozások

See Also