Τι είναι ένα αρχείο TPL;
Ένα αρχείο με επέκταση .tpl είναι ένα αρχείο προτύπου που δημιουργείται και χρησιμοποιείται από το HTTP File Server (HFS) που είναι ένα πρόγραμμα εφαρμογής κοινής χρήσης αρχείων για αποστολή και λήψη αρχείων μέσω της τεχνολογίας web HTTP αντί του πρωτοκόλλου FTP. Χρησιμοποιείται για τη δυναμική δημιουργία σελίδων HTML με βάση τις πληροφορίες προτύπου που έχουν οριστεί ότι έχουν ρυθμίσεις με παρόμοια διάταξη, στυλ και σενάρια. Σε εφαρμογές που απαιτούν τις ίδιες ρυθμίσεις μπορούν να εκχωρηθούν το ίδιο αρχείο προτύπου και το HFS θα επιστρέψει τη σελίδα που ζητήθηκε δυναμικά κατά το χρόνο εκτέλεσης με βάση αυτό το αρχείο προτύπου.
Μορφή αρχείου TPL
Τα αρχεία TPL αποθηκεύονται σε μορφή αναγνώσιμη από τον άνθρωπο και περιέχουν HTML που είναι αναγνώσιμη από τον άνθρωπο Γλώσσα σήμανσης. Εκτός από την HTML, ένα αρχείο TPL μπορεί επίσης να περιέχει CSS σε επίπεδο προτύπου και Javascript για να ορίσει τη διάταξη και τις ενέργειες που πρέπει να εκτελούνται από όλες τις σελίδες που δημιουργούνται από αυτό το αρχείο προτύπου.
Ενότητες TPL
Οι ενότητες TPL περιέχουν τον κώδικα HTML, CSS ή JavaScript που χρησιμοποιείται από το HFS κατά τη δημιουργία της σελίδας εξόδου. Κάθε ενότητα ξεκινά με αγκύλες ([]) και ορίζεται με το σύμβολο ποσοστού (%). Ένα αρχείο TPL μπορεί να έχει τις ακόλουθες ενότητες.
Τμήμα Στυλ TPL
Περιλαμβάνει τις πληροφορίες που σχετίζονται με το στυλ που μπορεί να χρησιμοποιούν ή όχι αναφορά ενσωματωμένων αρχείων CSS. Ένα παράδειγμα ενότητας styling είναι το ακόλουθο.
[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
Η ενότητα συνδέσμου περιέχει πληροφορίες σχετικά με τη διεύθυνση URL και μπορεί να περιλαμβάνει αναφορές σε συμβάντα όπως το κουμπί και η ενέργειά του.
[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>
Ενότητα σχολίων
Η ενότητα σχολίων του TPL περιλαμβάνει για τη δημιουργία σχολίων και ορίζεται ως εξής.
[comment]
<div class=comment>%item-comment%</div>
Μεταφόρτωση ενότητας
Η ενότητα μεταφόρτωσης επιστρέφει την πραγματική απόκριση HTML από τον διακομιστή με βάση τις ρυθμίσεις προτύπου όπως φαίνεται στο ακόλουθο παράδειγμα.
[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>
