Vad är TPL fil?

En fil med filtillägget .tpl är en mallfil som skapas och används av HTTP File Server (HFS) som är ett fildelningsprogram för att skicka och ta emot filer över webbteknologin HTTP istället för FTP-protokollet. Den används för att bygga HTML-sidor dynamiskt baserat på mallinformationen som är definierad för att ha inställningar med liknande layout, stil och skript. Applikationer som kräver samma inställningar kan tilldelas samma mallfil och HFS kommer att returnera den begärda sidan dynamiskt under körning baserat på denna mallfil.

TPL filformat

TPL-filer lagras i mänskligt läsbart format och innehåller HTML som är mänskligt läsbart Markup Language. Förutom HTML kan en TPL-fil även innehålla CSS och Javascript på mallnivå för att definiera layouten och de åtgärder som ska utföras av alla sidor som genereras från denna mallfil.

TPL-sektioner

TPL-sektioner innehåller HTML-, CSS- eller JavaScript-koden som används av HFS när utdatasidan genereras. Varje avsnitt börjar med hakparenteser ([]) och definieras av procenttecken (%). En TPL-fil kan ha följande avsnitt.

TPL Style Sektion

Det inkluderar stilrelaterad information som kan eller inte får använda inbäddade CSS-filer referens. Ett exempel på stylingavsnittet är som följer.

[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-länksektion

Länksektionen innehåller information om URL:en och kan innehålla referenser till händelser som knapp och dess åtgärd.

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

Kommentarsektion

Kommentarsektionen för TPL inkluderar är för att generera kommentarer och definieras enligt följande.

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

Ladda upp avsnitt

Uppladdningssektionen returnerar det faktiska HTML-svaret från servern baserat på mallinställningarna som visas i följande exempel.

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

Referenser

See Also