النتائج 1 إلى 11 من 11

الموضوع: تعلم إستخدام محرك القوالب SmartTemplates

  1. #1

    تعلم إستخدام محرك القوالب SmartTemplates



    بسم الله الرحمن الرحيم

    محرك SmarTemplatesمحرك قوي وله عدة مميزات
    وهو من برمجة الأخ صلاح فايع VisualMind (AT) PHP.NET

    وطرق إستعماله سهله

    فلو كان عندنا قالب html في ملف بإسم tmp.html

    وكان يحتوي على

    tmp.html
    كود:
    <html dir="rtl">
    
    <head>
    <meta http-equiv="Content-Language" content="AR-SA">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
    </head>
    
    <title></title>
    
    <body>
    
    <div align="center">
      <center>
      <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1" bordercolor="#000000" height="39">
        <tr>
          <td width="20%" align="center" style="border-color: #585860" height="16">
          <div style="border: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1">
            <span lang="ar-sa"><font face="Tahoma">القائمة الرئيسية</font></span></div>
          </td>
          <td width="46%" align="center" height="38" rowspan="2">&nbsp;</td>
          <td width="20%" align="center" style="border-color: #585860" height="16">
          <div style="border: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1">
            <span lang="ar-sa"><font face="Tahoma">القائمة الثانوية</font></span></div>
          </td>
        </tr>
        <tr>
          <td width="20%" align="center" style="border-color: #585860" height="22" bgcolor="#33394F">
          <div style="border-left: 1px solid #585860; border-right: 1px solid #585860; border-bottom: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #33394F">
            </div>
          </td>
          <td width="20%" align="center" style="border-color: #585860" height="22" bgcolor="#33394F">
          <div style="border-left: 1px solid #585860; border-right: 1px solid #585860; border-bottom: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #33394F">
            </div>
          </td>
        </tr>
      </table>
      </center>
    </div>
    
    </body>
    
    </html>
    وأردنا إستخدام القالب في سكربت أو ملف PHP

    كل ما علينا هو تضمين المحرك في ملف الـ PHP

    وأنا افترضت أننا سننشىء ملف جديد بإسم STUSE.php

    فنبدأ بكتابة

    STUSE.php
    كود:
    <?
    include("SmarTemplates.php");
    هذه هي أسهل الخطوات، لقد أضمنا ملف المحرك بالطريقة الإعتيادية في برنامجنا بإستخدام الدالة include()

    الأن نجري بعض التعديلات على ملف القالب:

    NEW:tmp.html
    كود:
    <html dir="rtl">
    
    <head>
    <meta http-equiv="Content-Language" content="AR-SA">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
    </head>
    
    <title><$title></title>
    
    <body>
    
    <div align="center">
      <center>
      <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1" bordercolor="#000000" height="39">
        <tr>
          <td width="20%" align="center" style="border-color: #585860" height="16">
          <div style="border: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1">
            <span lang="ar-sa"><font face="Tahoma">القائمة الرئيسية</font></span></div>
          <$main_menu>
          </td>
          <td width="46%" align="center" height="38" rowspan="2"><$content></td>
          <td width="20%" align="center" style="border-color: #585860" height="16">
          <div style="border: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1">
            <span lang="ar-sa"><font face="Tahoma">القائمة الثانوية</font></span></div>
          <$main_menu2>
          </td>
        </tr>
        <tr>
          <td width="20%" align="center" style="border-color: #585860" height="22" bgcolor="#33394F">
          <div style="border-left: 1px solid #585860; border-right: 1px solid #585860; border-bottom: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #33394F">
            </div>
          </td>
          <td width="20%" align="center" style="border-color: #585860" height="22" bgcolor="#33394F">
          <div style="border-left: 1px solid #585860; border-right: 1px solid #585860; border-bottom: 1px solid #585860; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #33394F">
            </div>
          </td>
        </tr>
      </table>
      </center>
    </div>
    
    </body>
    
    </html>
    لاحظ القالب الآن
    لقد أضفنا عند الوسم <title> و </title> الخاص بالعنوان متغير داخل <>
    وهو <$title>

    وهناك أيضاً <$main_menu> و غيرها

    فلماذا وضعنا المتغيرات بهذه الطريقة؟

    هذه الطريقة تخبر محرك SmarTemplates أنه يوجد هنا متغير
    فيجب أن نضع المتغير بين < >

    الآن يجب أن نضع في ملفنا

    WITH:STUSE.php
    كود:
    $title = "SmarTemplates Explain Of use";
    $main_menu = "الإرتباط1";
    $main_menu2 = "الإرتباط2";
    $content = "السلام عليكم ورحمة الله وبركاته";
    
    $template_file = 'tmp.html';
    print $ST->STTransFile( $template_file, compact('title', 'main_menu', 'main_menu2', 'content') );
    ?>
    لقد عرفنا في هذه الخطوة المتغيرات التي وضعناها في ملف القالب
    وحددنا مكان تواجد ملف القالب في المتغير
    $template_file = 'tmp.html';
    وأضفنا جملة
    print $ST->STTransFile( $template_file, compact('title', 'main_menu', 'main_menu2', 'content') );
    لإخبار المحرك بطباعة الصفحة التي توجد في المتغير $template_file وتغيير قيم المتغيرات$title,$main_menu,$main_menu2,$content

    الآن جرب أن تزور الصفحة، سوف تجد إخراجاً مشابهاً لما في
    snap1.jpg ((في المرفقات))

    هذه نهاية الدرس الأول

    وهذا تذكير لما في الدرس:
    1- تعرفنا على طريقة تضمين المحرك
    2- تعرفنا على كيفية تضمين متغير في القالب
    3- تعرفنا على طريقة إستدعاء ملف القالب وإستبدال قيم المتغيرات

    أرجوا أن يكون قد أعجبكم الدرس الأول وأعدكم بإذن الله بمزيد من الدروس حول هذا المحرك الرائع

    تحياتي
    MOBARMEG (( webmaster AT mobarmeg.org ))





    __________________
    ArabBB ... SoooooN!
    Al Mobarmeg المبرمج غير متواجد حالياً


  2. #2


    المرفقات هو تطبيق للدرس مع ملف الشرح





    الملفات المرفقة الملفات المرفقة
    __________________
    ArabBB ... SoooooN!
    Al Mobarmeg المبرمج غير متواجد حالياً

  3. #3
    عضو فعال جدا
    تاريخ التسجيل
    Sep 2001
    المشاركات
    3,680


    درس مفيد

    جزاك الله خير





    __________________
    الحالة في سوالف : غير نشط


    لاَ اِلَهَ اِلاَّ اَنْتَ سُبْحَانَكَ اِنِّي كُنْتُ مِنَ الظَّالِمِينَ

    الألفاظ هي الثياب التي ترتديها أفكارنا، لذا ..يجب ألا تظهر أفكارنا في ثياب رثة بالية
    محمود المسعودي غير متواجد حالياً

  4. #4
    عضو فعال
    تاريخ التسجيل
    Nov 2002
    المشاركات
    1,602


    الف شكر لك اخوى





    __________________
    المغردون العرب
    all-the-vb غير متواجد حالياً

  5. #5
    عضو سوبر نشيط
    تاريخ التسجيل
    Dec 2000
    المشاركات
    739

    ياريت يكون الشرح بالصور



    يا ريت الشرح يكون مدعوم بالصور





    sanaa غير متواجد حالياً

  6. #6


    Moodeey

    الله يجازيك ألف خير وهذا واجبي تجاه هذا المنتدى الرائع وتجاه مبرمج المحرك صلاح فايع والجهود اللي يقوم بها

    -----------------------------

    all-the-vb

    العفو أخي وهذا واجبي

    ---------------------------

    sanaa

    كيف التوضيح الباصور؟

    فيه في المرفقات صورة إلى النتيجه

    أما اللي قبل كان كله كتابة لكود

    --------------------------------------


    إخواني قريباً أنتهي من كتابة الدرس الثاني لمحرك القوالب SmarTemplates
    إنشاء الله تستفيدوا من هذه الدروس المتواضعة

    وإذا كان عند أي أحد إستفسار فأنا جاهز





    __________________
    ArabBB ... SoooooN!
    Al Mobarmeg المبرمج غير متواجد حالياً

  7. #7
    عضو نشيط
    تاريخ التسجيل
    Feb 2003
    المشاركات
    76


    مشكور اخوي

    كفيت و وفيت


    -------------
    لمن يريد الرد على الموضوع :
    أضغط هنا





    __________________

    * * * * * * *
    مع تحيات أبو حميد
    * * * * * * *
    abohamed غير متواجد حالياً

  8. #8


    العفو أخي abohamed

    وإذا كان لدى أي أحد أي إستفسار أرجوا طرحه





    __________________
    ArabBB ... SoooooN!
    Al Mobarmeg المبرمج غير متواجد حالياً

  9. #9


    هذا هو الدرس الثاني

    أنا لم أجرب ما في هذا الدرس ولكن كتبت ما فهمته حول كيفية إستخدام محرك القوالب SmarTemplates

    أرجو تصحيح أي خطأ:

    السلام عليكم ورحمة الله وبركاته

    في هذا الدرس سوف أشرح بعض الأشياء السهلة التي قد تكون مفيدة

    أولاً:
    لو أردنا ضبط متغير لمرة واحدة نضع هذين الوسمين في ملف القالب
    كود:
    <ST-LOCAL-PARAMETERS SET="ONCE">
     $verable = 0
    </ST-LOCAL-PARAMETERS>
    حيث أننا نفهم المحرك أن يضبط قيمة $verable بـ 0
    لمرة واحدة بمعنى أنه لو تم إعطاء قيمة أخرى فسوف تظهر القيمة الجديدة

    وهذا السطر بمعنى
    $verable = 0;
    في PHP

    لكن كأنك كتبته في البداية.


    ثانياً:
    لو أردنا وضع جملة if في ملف القالب

    نضع الوسمين <st-if expression=""></st-if>

    مثل :
    كود:
    <st-if expression="$verable==0">
     $verable = 0
    </st-if>
    ويجب تعريف $verable في ملف الـ PHP
    كود:
    print $ST->STTransFile("tmp.html", compact('verable'));
    في هذه الحالة تم تعريف $verable وتم تحديد ملف القالب على أنه temp.html
    ((راجع الدرس السابق))

    هذا سيطبع:
    $verable = 0
    إذا كانت $verable = 0 ، وإذا لم تكن $verable = 0 فلن يطبع شيء

    ماذا لو أردنا وضع جملة if و else?

    نستطيع بأن نضع الوسوم التالية:
    كود:
    <st-if expression="$verable==0">
     $verable = 0
    </st-if>
    <st-else>
     $verable != 0
    </st-else>
    هذا سوف يطبع $verable = 0 إذا تحقق الشرط

    وسوف يطبع $verable != 0 إذا لم يتحقق الشرط


    ثالثاً:
    لو أردنا تضمين ملف داخل ملف القالب نضع الوسمين <st-include file="FILE" [use="USE"]>[ANY THING]</st-include>

    مثلاً:
    كود:
    <st-include file="tmp.html" use="tmp"></st-include>
    هذا سوف يستخدم قيمة tmp الموجودة داخل tmp.html

    ولكي تحدد قيمة معينه يجب وضع الوسمين <span name="tmp"></span>

    ووضع الشيء المراد بين هذين الوسمين على إفتراض أنك تريد أن تكون القيمة هي tmp

    أو إذا أردت تضمين ملف آخر بالكامل إستخدم الوسمين <st-include file="FILE"></st-include>
    مثلاً:
    كود:
    <st-include file="tmp.html"></st-include>
    هذا سيستدعي الملف tmp.html بالكامل

    إنشاء الله يكون هذا الدرس البسيط الذي قد يكون عند البعض تافه قد أفادكم

    وإذا كان عندي أي خطأ أرجوا تصحيحه

    تحياتي MoBaRmEg





    __________________
    ArabBB ... SoooooN!
    Al Mobarmeg المبرمج غير متواجد حالياً

  10. #10


    ملفات الدرس في المرفقات





    الملفات المرفقة الملفات المرفقة
    __________________
    ArabBB ... SoooooN!
    Al Mobarmeg المبرمج غير متواجد حالياً

  11. #11
    عضو فعال
    تاريخ التسجيل
    Nov 2002
    المشاركات
    1,131


    الف شكر درس رائع..





    __________________
    System
    KaRiM_NET غير متواجد حالياً





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض