صفحه اول آخرین ارسال ها جستجو بایگانی راهنما تقویم تماس با ما
مـحل تبلیــغات 

 

مـحل اخبــار و اطلاعیــه ها

«درصـورت بـروز هـرگـونه مشــکلات بـراي ســايت ... جـهت اطـاعات به وبــلاگ پشــتيبـان سـايت مـراجعـه فـرماييد»

«درخــواست مـديـريـت تـوسط شـما کـاربـران عـزيز و گــرامي»

«آپـلود سـنتر پـرقدرت بـا حجم آپـلود بـالاي فـايل هـاي شـما»

مــشاهـدۀ ســایـت به زبــان دیــگر

قدیمی 13 Feb 2011   #1
GodMaster
Administrator
 
GodMaster آواتار ها
 
تاریخ عضویت: Dec 2010
نوشته ها: 1,498
Thanks: 76
Thanked 6 Times in 5 Posts
پیش فرض آموزش Smarty - قسمت دوم: پیکربندی Smarty

آموزش Smarty - قسمت دوم: پیکربندی Smarty

آموزش پیکربندی Smarty

در این مقاله نحوه ایجاد فایل های Template و تنظیمات مربوط به آن را بررسی خواهیم کرد.
برای استفاده از Smarty ابتدا باید Template مربوط به صفحه اصلی سایت را آماده کرده باشید که شامل فایل های HTML, CSS, Image می باشد.
من یک قالب ساده برای استفاده در این پروژه طراحی کرده ام که می توانید از اینجا دانلود کنید
- یک فولدر جدید به نام images در شاخه اصلی پروژه ایجاد کنید و Image های استفاده شده در HTML و CSS را در آن کپی کنید. (می توانید محتویات فولدر images در قالب نمونه را در فولدری که می سازید کپی کنید)
- یک فایل با نام site.conf در فولدر configs که در مسیر زیر قرار دارد ایجاد کنید:
  • eshop/include/config


- فایل site.conf را با یک ویرایشگر متن (بعنوان مثال Notepad) باز کنید و خطوط زیر را به آن اضافه کنید
  • site_title = "Keramatifar.ir eShop: Project From Learning E-Commerce with PHP and MySQL"


- فولدری به نام styles در شاخه اصلی پروژه ایجاد کنید و یک فایل با نام default.css درون آن بسازید، کدهای CSS مربوط به قالب در این فایل قرار می گیرد. (می توانید فایل default.css موجود در شاخه styles در قالب نمونه را در فولدری که می سازید کپی کنید)
  • eshop/styles/default.css


- یک فایل با نام eshop_front.tpl در فولدر templates که در مسیر زیر قرار دارد کپی کنید:
  • eshop/presentation/templates


- فایل eshop_front.tpl را در یک ویرایشگر متن باز کرده و در ابتدای آن این کدها را قرار دهید:
  • {* smarty *}
  • {config_load file="site.conf"}

- سپس کدهای html مورد نظر را در ادامه آن قرار دهید. (می توانید محتوای فایل index.html موجود در قالب نمونه را کپی کنید و در قسمت ذکر شده قرار دهید)
- در المنت <title> بجای عنوان کد زیر را قرار دهید:
  • <title>{#site_title#}</title>


- در صورتیکه از کدهای html قالب نمونه استفاده کرده باشید، محتوای فایل eshop_front.tpl باید به شکل زیر باشد:
  • {* smarty *}
  • {config_load file="site.conf"}
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • <html xmlns="http://www.w3.org/1999/xhtml">
  • <head>
  • <title>{#site_title#}</title>
  • <link href="styles/default.css" rel="stylesheet" type="text/css" />
  • </head>
  • <body>
  • <div id="outerDiv">
  • <div id="headerDiv">
  • <img src="images/logo.gif" alt="Our Logo" title="logo" height="150" class="logo" />
  • <div id="mainMenu">
  • <ul>
  • <li><a href="#" class="currentMenu">Home</a></li>
  • <li><a href="#">Products</a></li>
  • <li><a href="#">AboutUs</a></li>
  • <li><a href="#">ContactUs</a></li>
  • </ul>
  • </div><!--MainMenu Div -->
  • <p class="clear" />
  • </div><!--headerDiv -->
  • <div id="midBanner">
  • <p><img src="images/welcom.png" title="Empty Cart" height="25" align="center" />Welcome Dear User</p>
  • <p><img src="images/empty-cart.png" title="Empty Cart" height="25" align="center" />Your Cart is Empty</p>
  • <p><img src="images/login.png" title="Empty Cart" height="25" align="center" />Login/Logout</p>
  • </div>
  • <div id="mainDiv">
  • <div id="leftBarDiv">
  • <div class="cnt">
  • <div class="cntHead">
  • <p>Categories </p>
  • </div>
  • <div class="cntBody">
  • <ul>
  • <li><a href="#">Category 1</a></li>
  • <li><a href="#">Category 2</a></li>
  • <li><a href="#">Category 3</a></li>
  • <li><a href="#">Category 4</a></li>
  • <li><a href="#">Category 5</a></li>
  • <li><a href="#">Category 6</a></li>
  • </ul>
  • </div>
  • </div> <!-- cnt Div -->
  • <div class="cnt">
  • <div class="cntHead">
  • <p>News</p>
  • </div>
  • <div class="cntBody">
  • <ul>
  • <li><a href="#">Last News 1</a></li>
  • <li><a href="#">Last News 2</a></li>
  • <li><a href="#">Last News 3</a></li>
  • <li><a href="#">Last News 4</a></li>
  • </ul>
  • </div>
  • </div> <!-- cnt Div -->
  • </div>
  • <div id="ContentDiv">
  • </div>
  • <div id="rightBarDiv">
  • <div class="cnt">
  • <div class="cntHead">
  • <p>Contents </p>
  • </div>
  • <div class="cntBody">
  • <ul>
  • <li><a href="#">Content Page 1</a></li>
  • <li><a href="#">Content Page 2</a></li>
  • <li><a href="#">Content Page 3</a></li>
  • <li><a href="#">Content Page 4</a></li>
  • <li><a href="#">Content Page 5</a></li>
  • <li><a href="#">Content Page 6</a></li>
  • </ul>
  • </div>
  • </div> <!-- cnt Div -->
  • </div><!--rightBarDiv -->
  • </div> <!--Main Div -->
  • <p class="clear" />
  • </div><!--OuterDiv -->
  • <p class="clear" />
  • <div id="footerDiv">
  • <hr />
  • <p>©Copyright 1998 - 2010</p>
  • <p>Designed by: <a href="mailto:parsiworld@gmail.com">Parsi World</a></p>
  • </div>
  • </body>
  • </html>

- در فولدر include که در root پروژه قرار دارد یک فایل به نام config.php ایجاد کنید. در قسمت بعد از این فایل برای پیکربندی و تنظیمات Smarty استفاده خواهیم کرد.
در این مرحله تمامی فایل های مربوط به Template در محل خود قرار گرفته اند.
در قسمت بعد کدهای php مورد نیاز برای کار با Smarty را بررسی خواهیم کرد.
__________________
سوالات خود را در اينجا مطرح كنيد تا در كمترين زمان ممكن به پاسخ خود برسيد
GodMaster آنلاین نیست.   پاسخ با نقل قول

5 Lastest Threads by GodMaster
Thread Forum Last Poster Replies Views Last Post
قیمت خودروهای وارداتی - بهمن 92 قيمت اتومبيل GodMaster 0 9215 01 Feb 2014 01:17
قیمت مدلهای پروتون – زاگرس خودرو - بهمن 92 قيمت اتومبيل GodMaster 0 6655 01 Feb 2014 01:16
قیمت خودروهای هوندا – فامیلی موتور - بهمن 92 قيمت اتومبيل GodMaster 0 6556 01 Feb 2014 01:16
قیمت خودروهای ولوو – افراموتور - بهمن 92 قيمت اتومبيل GodMaster 0 6263 01 Feb 2014 01:15
قیمت خودروهای آلفارومئو – آلفاموتور - بهمن 92 قيمت اتومبيل GodMaster 0 5960 01 Feb 2014 01:14

پاسخ


کاربران در حال دیدن موضوع: 1 نفر (0 عضو و 1 مهمان)
 
ابزارهای موضوع جستجو در موضوع
جستجو در موضوع:

جستجوی پیشرفته
نحوه نمایش

مجوز های ارسال و ویرایش
شما نمیتوانید موضوع جدیدی ارسال کنید
شما امکان ارسال پاسخ را ندارید
شما نمیتوانید فایل پیوست در پست خود ضمیمه کنید
شما نمیتوانید پست های خود را ویرایش کنید

BB code فعال است
شکلک ها فعال است
[IMG] فعال است
کد HTML غیر فعال است

انتخاب سریع یک انجمن

موضوعات مشابه
موضوع نویسنده موضوع انجمن پاسخ ها آخرين نوشته
آموزش Smarty - قسمت سوم : پیکربندی Smarty و استفاده در PHP GodMaster PHP 0 13 Feb 2011 11:23
آموزش Smarty - قسمت اول نصب Smarty GodMaster PHP 0 13 Feb 2011 11:10


اکنون ساعت 02:54 برپایه ساعت جهانی (GMT - گرینویچ) +3.5 می باشد.