قوالب الموديلات
سوف اشرح اهم نقاط القوالب الموديلات والتي ستكون في كل الموديلات ثابتة مع تغير طريقة عرضها او الاستغناء عن بعضها
تنقسم القوالب الى قسمين
قوالب المواد
قوالب الاقسام
انا راح اسوي شرح مفصل للكل وبعدين سوف ابدأ في شرح موديل سهل مثل الخطوط وطريقة عمل الموديل
نبدأ بقوالب الاقسام
وهي قالبين فقط
cat * واحد اجباري وهو عرض الاقسام * واحد اختياري upcat وهو راس الجدول لاقسام
قبل الشرح سوف اعرض لك اشكال متعددة لاقسام




المتغيرات الثابتة والتي يمكن انشاء قالب عن طريقها للاقسام
ويحتوي على الكود
|
html |
|
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0"> <tr> <td> <p align="center"><a class=linktable href='{urlcat}'> <img border='0' src='{imagecat}' width='25' height='23'></a></td> </tr> <tr> <td> <p align="center"><a class=linktable href='{urlcat}'>{namecat}</a></td> </tr> <tr> <td> <p align="center"><font align='center' class='fonttable'>{lag_plays_name} : <font align='center' class='fonttable2'>{numplay}</font></td> </tr> <tr> <td> <p align="center">الاقسام<font align='center' class='fonttable'> : <font align='center' class='fonttable2'>{numcat}</font></td> </tr> <tr> <td> <p align="center">الزوار<font align='center' class='fonttable'> : <font align='center' class='fonttable2'>{counter}</font></td> </tr> <tr> <td> <p align="center">التعليق على القسم<font align='center' class='fonttable'> : <font align='center' class='fonttable2'> {comment}</font></td> </tr> </table> |
اللون الاحمر متغيرات ثابتة
{urlcat}=رابط القسم
{ imagecat }=رابط صورة القسم
{ namecat }=اسم القسم
{ lag_plays_name }=اسم مسمى المادة
{ numplay }=عدد المواد داخل القسم
{ numcat }=عدد الاقسام الفرعية ادخل القسم
{ counter }=عدد الزوار
{ comment }= التعليق على القسم
يمكن الاستغاء عن بعض االمتغيرات مو اجبارية مثل عدد المواد او التعليق على المواد او عدد الزوار وغيرها
او يمكن وضع فقط صورة للقسم من غير اسم القسم وافكار تقدر تسوي على كيفك
يمكن تعديل الجدول بالطريقة اتي تريدها بالفرونت بيج ثم ارجاع الكود الى مكانه
مثال

يمكن تغير طريقة عرض الصورة وجعلها جانية

وعلى الطبيعة

وطرق العرض كثيرة اذا وصلت الفكرة تعددت الطرق
اما بالسبة للاختياري up cat وهو ثابث فوق الاقسام

انتهينا من طريقة عرض الاقسام وطرق الافكار فيها
قوالب المواد
ناتي الى اهم شي واهو المواد قوالب المواد كثيرة منها اجبارية او اختيارية
القوالب الاجبارية
· قالب admin وهو قالب اضافة المادة في لوحة التحكم او في عن طريق ساهم بنا
· قالب play وهو قالب عرض الماة او التلاوة كاملة داخل صفحة plat.php?catsmktba=???
· قالب block وهو قالب عرض المواد داخل البلوكات الجانبية (اليمين واليسار) ويكون تحت بعض
· قالب upplay وهو راس الجدول داخل عرض المواد في صفحة catplay.php عند عرض المواد
· قالب catplay وهو قالب عرض المواد داخل القسم


القوالب الاختيارية
· قالب addplay هو قالب اضافة من ساهم بنا واذا كانت فاضية نستخدم قالب admin
· قالب upplayindex وهو راس الجداول لعرض المواد بالرئيسية اذا كان في بلوك متقدم اما اذا كان لايوجد يستخدم قالب catplay
· قالب catplayindex وهو عرض المواد داخل الصفحة الرئيسية اذا كان يوجد بلوك متقدم موديل
· قالب RSS هو خاصية يمكن اضافة انواع مثل الصفة للمادة نرجع لها
· قالب newplayوهي طريقة عرض المواد داخل عرض المادة داخل صفحة play.php
نبدأ بقالب admin
وهو ذ تقريبا اهم قالب في الموديلات ويعتبر اضافة المادة داخل الاقسام او الموديلات المتفرقة يعني حقول ادخال البيانات الى القاعده
ومن ثم الاستعلام عنها
مثلا اسم التلاوة , وصلة التلاوة , التعليق على التلاوة وغيرها من الحقول
انا راح ابدأ بكل الحقول التي تقدر من خلالها االاضافة فمثلا
في
الطبيعة
في
الفرونت بيج
الكود هتمل
|
html |
|
<input type='text' name='name{co}' value='{edit_name}' size='37' <p align='left'><font class='fonttable2'> اسم {play} {cod} |
في متغيرات ثابتة وغير ثابته
الثابته
{co} يعني عدد الحقول الاضافة ماعليك منه عشان التكرار وكذلك {cod} للتكرار
{play} يعني مسمى المادة الواحدة ثابت مثل التلاوة
المتغيرات غير ثابته
حق حقل الاضافة
name='name{co}' يعني اسم الحقل في القاعدة ونستخلصه منه فقط name
value='{edit_name}' وعند التعديل بس name
لاحظ اللون الازرق ثابت يعني مثل تبي تضيف حقل جديد مثلا وصلة التلاوة
|
html |
|
<input type='text' name='url{co}' value='{edit_url}' size='37' <p align='left'><font class='fonttable2'> وصلة {play} {cod} |
تضيف بدال name حقل جديد url اللي هو حق اضافة وصلة التلاوة
وتقدر تستخدم اشياء كثيرة مثل نبي تضيف التعليق على التلاوة
والنو ع هذا textarea
|
html |
|
<textarea name='comm{co}' rows=6 cols=37 wrap='off'>{edit_comm}</textarea> التعليق على {play} {cod} |
الكود كامل مع اضافة جداول للترتيب
|
html |
|
<table dir={dir} width="100%"> <tr> <td width='58%' align="right"> <input type='text' name='name{co}' value='{edit_name}' size='37' ></td> <td width='41%'> <p align='left'><font class='fonttable2'> اسم {play} {cod} </td> </tr> <tr> <td width='58%' align="right"> <input type='text' name='url{co}' value='{edit_url}' size='37' ></td> <td width='41%'> <p align='left'><font class='fonttable2'> <span lang="ar-kw">وصلة</span> {play} rm {cod}</span> </span></td> </tr> <td width='58%' align="right"><textarea name='comm{co}' rows=6 cols=37 wrap='off'>{edit_comm}</textarea></td> <td width='41%' valign="top"> <p align='left'><font class='fonttable2'><div align='left'>تعليق على {play} {cod}</div></td> </tr></table> |
والناتج بالفرونت بيج

واما على الطبيعية

ويمكن استخدام كثير من الحقول وتقدر تضيف مثل وصلة mp3 او حجم الملف وتضيف اشياء كثير
والمتغيرات اللتي يمكن استخدامها
|
المتغير |
نوعه |
طريقة الادخال للتخزين والاستعلام |
|
name |
type='text' |
{name} |
|
url |
type='text' |
{url} |
|
image |
type='text' |
{image} |
|
comm |
type='text'& textarea |
{comm} |
|
comment |
type='text'& textarea |
{comment} |
|
comm2 |
type='text'& textarea |
{comm2} |
|
comm3 |
type='text'& textarea |
{comm3} |
|
comm4[0] |
type='text'& textarea |
{comm4[0]} |
|
comm4[1] |
type='text'& textarea |
{comm4[1]} |
|
comm4[2] |
type='text'& textarea |
{comm4[2]} |
|
comm4[3] |
type='text'& textarea |
{comm4[3]} |
|
comm4[4] |
type='text'& textarea |
{comm4[4]} |
|
ويمكن 15 حقل comm4[15] |
type='text'& textarea |
ويمكن 15 حقل {comm4[15]} |
ويمكن استخدام الكود التالي وتعديله بالفرونت بيج حق الاضافة
|
html |
|
<table dir={dir} width="100%"> <tr> <td width='58%' align="right"> <input type='text' name='name{co}' value='{edit_name}' size='37' ></td> <td width='41%'> <font class='fonttable2'> <span lang="ar-kw">حقل</span>1 {play} {cod}</span> </span> </td> </tr> <tr> <td width='58%' align="right"> <input type='text' name='url{co}' value='{edit_url}' size='37' ></td> <td width='41%'> <p align='left'><font class='fonttable2'> <span lang="ar-kw">حقل 2</span> {play} {cod}</span> </span></td> </tr> <tr> <td width='58%' align="right"> <input type='text' name='image{co}' value='{edit_image}' size='37' ></td> <td width='41%'> <font class='fonttable2'> <span lang="ar-kw">حقل </span>3 {play} {cod}</span> </span></td> </tr> <tr> <td width='58%' align="right"><textarea name='comm{co}' rows=6 cols=37 wrap='off'>{edit_comm}</textarea></td> <td width='41%' valign="top"> <font class='fonttable2'><div align='left'><span lang="ar-kw">حقل </span> 4 {play} {cod}</span> </span></div></td> </tr> <tr> <td width='58%' align="right"> <textarea name='comm1{co}' rows=6 cols=37 wrap='off'>{edit_comm1}</textarea></td> <td width='41%' valign="top"> <font class='fonttable2'><div align='left'><span lang="ar-kw">حقل </span> 5 {play} {cod}</span> </span></div></td> </tr> <tr> <td width='58%' align="right"> <textarea name='comm2{co}' rows=6 cols=37 wrap='off'>{edit_comm2}</textarea></td> <td width='41%' valign="top"> <font class='fonttable2'><div align='left'><span lang="ar-kw">حقل 6 </span> {play} {cod}</span> </span></div></td> </tr> <td width='58%' align="right"> <textarea name='comm3{co}' rows=6 cols=37 wrap='off'>{edit_comm3}</textarea></td> <td width='41%' valign="top"> <font class='fonttable2'><div align='left'><span lang="ar-kw">حقل 7</span> {play} {cod}</span> </span></div></td> </tr> <tr> <td width='58%' align="right"> <input type='text' name='comm4[0]{co}' value='{edit_comm4[0]}' size='37' ></td> <td width='41%'> <font class='fonttable2'> <span lang="ar-kw">حقل 8</span> {play} {cod}</span> </span></td> </tr> <tr> <td width='58%' align="right"> <input type='text' name='comm4[1]{co}' value='{edit_comm4[1]}' size='37' ></td> <td width='41%'> <font class='fonttable2'> <span lang="ar-kw">حقل 9</span> {play} {cod}</span> </span></td> </tr> <tr> <td width='58%' align="right"> <input type='text' name='comm4[2]{co}' value='{edit_comm4[2]}' size='37' ></td> <td width='41%'> <font class='fonttable2'> <span lang="ar-kw">حقل </span>10 {play} {cod}</span> </span></td> </tr> <tr> <td width='58%' align="right"> <input type='text' name='comm4[3]{co}' value='{edit_comm4[3]}' size='37' ></td> <td width='41%'> <font class='fonttable2'> <span lang="ar-kw">حقل </span>11 {play} {cod}</span> </span></td> </tr> </table> |

الحين انتهينا من الاضافة والتعديل
ناتي الى الاستدعاء وطبعا الكود السابق تقدر تعدله على كيفك بالفرنت بيج باي طريقة تبيه مع ثابت المتغيرات
يعني طريقه عرضها وطريقة تصميم الجداول واالالوان وغيرها
البلوكات
المتغيرات اللي تنضاف عن طريق قالب block
|
المتغير |
طريقةالاستدعاء |
|
name |
{name} |
|
url |
{url} |
|
image |
{image} |
|
comm |
{comm} |
|
comment |
{comment} |
|
comm2 |
{comm2} |
|
comm3 |
{comm3} |
|
comm4[0] |
{comm4[0]} |
|
comm4[1] |
{comm4[1]} |
|
comm4[2] |
{comm4[2]} |
|
comm4[3] |
{comm4[3]} |
|
comm4[4] |
{comm4[4]} |
|
ويمكن 15 حقل comm4[15] |
ويمكن 15 حقل {comm4[15]} |
متغيرات لايمكن التحكم بها وهي ثابتة
|
المتغير |
طريقةالاستدعاء |
الشرح |
|
data |
{ data} |
تاريخ اضافة المادة |
|
namecat |
{ namecat } |
اسم القسم |
|
counter |
{ counter } |
عدد الزيارات او الزوار للمادة |
|
|