ما هو ملف TPL؟

الملف ذو الامتداد .tpl هو ملف قالب تم إنشاؤه واستخدامه بواسطة خادم ملفات HTTP (HFS) وهو برنامج تطبيق لمشاركة الملفات لإرسال واستقبال الملفات عبر تقنية الويب HTTP بدلاً من بروتوكول FTP. يتم استخدامه لبناء صفحات [HTML] (/ar/ web / html /) ديناميكيًا بناءً على معلومات القالب التي تم تعريفها للحصول على إعدادات ذات تخطيط وتصميم ونصوص متشابهة. يمكن تعيين نفس ملف القالب للتطبيقات التي تتطلب نفس الإعدادات وسيعيد HFS الصفحة المطلوبة ديناميكيًا في وقت التشغيل بناءً على ملف القالب هذا.

تنسيق ملف TPL

يتم تخزين ملفات TPL بتنسيق قابل للقراءة البشرية وتحتوي على HTML وهي لغة ترميز يمكن قراءتها بواسطة الإنسان. بالإضافة إلى HTML ، قد يحتوي ملف TPL أيضًا على CSS و Javascript على مستوى القالب لتحديد التخطيط والإجراءات التي يجب تنفيذها بواسطة جميع الصفحات التي تم إنشاؤها من ملف القالب هذا.

أقسام TPL

تحتوي أقسام TPL على كود HTML أو CSS أو JavaScript الذي يستخدمه HFS أثناء إنشاء صفحة الإخراج. يبدأ كل قسم بأقواس مربعة ([]) ويتم تعريفه بعلامة النسبة المئوية (٪). قد يحتوي ملف TPL على الأقسام التالية.

قسم أسلوب TPL

يتضمن المعلومات المتعلقة بالتصميم التي قد تستخدم أو لا تستخدم مرجع ملفات CSS المضمنة. مثال على قسم التصميم على النحو التالي.

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

مراجع

See Also