[تگ عکس img]

تگ عکس img

یکی از مهمترین و پر استفاده ترین تگ ها در HTML تگ img یا عکس می باشد.

با استفاده از این تگ شما میتوانید عکس دلخواهی را در صفحه ی HTML قرار داده و آنرا با اندازه و شکل دلخواهی نمایش دهید.

نکته : این تگ بصورت یکه بکار می رود :

<img Propertys="values" ... />

مهمترین خصوصیات <img> بصورت زیر است:

خصوصیت مقادیر و توضیح مختصر src آدرس عکس در فضای وب alt متن جایگزین متن width عرض تصویر به پیکسل height ارتفاع تصویر به پیکسل border مقدار پیکسل حاشیه (پیش فرض صفر) usemap نام شناسه ی نقشه ی تصویر متصل به عکس

خصوصیت Src : در این خصوصیت که اصلی ترین خصوصیت تگ <img> می باشد ، آدرس تصویر آپلود شده در فضای اینترنت قرار میگیرد.

توجه داشته باشید که عکس حتما قبل از استفاده باید در فضایی در اینترنت قرار گرفته شده باشید و سپس در این خصوصیت آدرس آنرا قرار دهید.

ساده ترین مثال از استفاده ی تگ img :

<img src="

http://pars-soft.ir/...adFile/1.jpg"

/>

خروجی بصورت زیر می باشد :

خصوصیت Alt : خصوصیت Alt یا Alternate Image ، خصوصیتی مهم می باشد که برای متن جایگزین تصویر به کار می رود.

در حالت پیش فرض در صورت اشتباه بودن آدرس و لود نشدن تصویر در مرورگر اکسپلورر علامت ضربدر را برای عکس نمایش میدهد (در مرورگرهایی مثل اپرا علامت ضربدر نیز نمایش داده نمی شود).

حال با استفاده از خصوصیت alt برای تگ img میتوان در صورتی که آدرس عکس اشتباه و یا عکس نتواند لود شود ، متنی را به کاربر نشان دهیم.

در صورتی که عکس بطور صحیح لود گردید متن این خصوصیت نمایش داده نمیشود و فقط برای موتور های جستجوگر کاربرد پیدا میکند.

اهمیت ویژه ی این خصوصیت برای موتورهای جستجوگر می باشد که در بخش Seo به آن می پردازیم. به طور خلاصه اینکه موتور های جستجوگر قادر به خواندن عکس نمی باشند و از طریق این خصوصیت به محتوای عکس قرار داده شده مطلع می گردند.

توصیه ی اکید میشود که برای تمامی عکس ها از این خصوصیت استفاده نمایید.

<img src="administrator/files/UploadFile/1.jpg1" alt="عکس مربوط به چشم" />

خروجی بصورت زیر می باشد :

http://pars-soft.ir/...loadFile/1.jpg1

خصوصیات width , height , border : بصورت پیش فرض تگ img نمایش عکس ها را به اندازه ی اصلی عکس و بدون خط حاشیه نمایش میدهد. در صورتی که بخواهید تصویر را در سایز دلخواه و با خط حاشیه نمایش دهید از این خصوصیات استفاده نمایید. بطور مثال :

<img src="administrator/files/UploadFile/1.jpg" alt="عکس مربوط به چشم" width="100" height="100" border="2" />

خروجی بصورت زیر می باشد :

نکته ی مهم دیگر که در بخش Seo به طور مفصل تری به آن پرداخته میشود این است ، با وجود اینکه خود HTML در صورت قرار ندادن سایز عکس با استفاده از height و widht ، اندازه ی تصویر ار به اندازه ی خود تصویر تبدیل میکند اما برای این پردازش اضافه توسط مرورگر ها و در نتیجه سرعت بالاتر لود صفحه سایز تصویر را وارد نمایید.

خصوصیت Usemap : این خصوصیت برای استفاده از عکس محدوده ای با استفاده از تگ های map و area می باشد. در بخش عکس محدوده ای map , area میتوانید نحوه ی کاربرد آنرا مشاهده نمایید .

[متد offset در jQuery]

متد offset در jQuery

در این بخش از آموزش JQuery ، متد offset را شرح میدهیم.

متد offset ،برای عنصر HTML تعیین شده مختصات آفست را نسبت به سند تنظیم میکند.

ساختار این متد در حالت set به صورت زیر است :

مختصات آفست را تنظیم میکند.

$(selector).offset({top:value,left:value})

ساختار این متد در حالت Return به صورت زیر است :

مختصات آفست را برمیگرداند.

$(selector).offset()

مثال زیر کاربرد متد offset را نشان میدهد

$("button").click(function(){

var x=$("p").offset();

alert("Top: " + x.top + " Left: " + x.left);

});

[رویداد ها در جی کوئری (Jquery Events)]

رویداد ها در جی کوئری (Jquery Events)

متدهای دسترسی به رویداد در JQuery جزء توابع اصلی و هسته ی اصلی جی کوئری هستند. Event Handler ها متدهایی هستند که وقتی «اتفاقی در صفحه HTML رخ می دهد» صدا زده می شوند.

در زیر چند مثال از متدهای رویداد در جی کوئری آورده شده است:

مقید کردن یک تابع به رویداد ready یک صفحه (وقتی که لود شدن صفحه کامل شد)

$(document).ready(function)

مقید کردن یک تابع به یک رویداد کلیک بر روی عناصر انتخاب شده

$(selector).click(function)

مقید کردن یک تابع به رویداد دابل کلیک بر روی عناصر انتخاب شده

$(selector).dblclick(function)

مقید کردن یک تابع به رویداد فوکوس بر روی عناصر انتخاب شده

$(selector).focus(function)

مقید کردن یک تابع به رویداد عبور ماوس از روی عناصر انتخاب شده

$(selector).mouseover(function)

[تگ عکس img]

یکی از مهمترین و پر استفاده ترین تگ ها در HTML تگ img یا عکس می باشد.

با استفاده از این تگ شما میتوانید عکس دلخواهی را در صفحه ی HTML قرار داده و آنرا با اندازه و شکل دلخواهی نمایش دهید.

نکته : این تگ بصورت یکه بکار می رود :

<img Propertys="values" ... />

مهمترین خصوصیات <img> بصورت زیر است:

خصوصیت مقادیر و توضیح مختصر src آدرس عکس در فضای وب alt متن جایگزین متن width عرض تصویر به پیکسل height ارتفاع تصویر به پیکسل border مقدار پیکسل حاشیه (پیش فرض صفر) usemap نام شناسه ی نقشه ی تصویر متصل به عکس

خصوصیت Src : در این خصوصیت که اصلی ترین خصوصیت تگ <img> می باشد ، آدرس تصویر آپلود شده در فضای اینترنت قرار میگیرد.

توجه داشته باشید که عکس حتما قبل از استفاده باید در فضایی در اینترنت قرار گرفته شده باشید و سپس در این خصوصیت آدرس آنرا قرار دهید.

ساده ترین مثال از استفاده ی تگ img :

<img src="

http://pars-soft.ir/administrator/files/UploadFile/1.jpg"

/>

خروجی بصورت زیر می باشد :

خصوصیت Alt : خصوصیت Alt یا Alternate Image ، خصوصیتی مهم می باشد که برای متن جایگزین تصویر به کار می رود.

در حالت پیش فرض در صورت اشتباه بودن آدرس و لود نشدن تصویر در مرورگر اکسپلورر علامت ضربدر را برای عکس نمایش میدهد (در مرورگرهایی مثل اپرا علامت ضربدر نیز نمایش داده نمی شود).

حال با استفاده از خصوصیت alt برای تگ img میتوان در صورتی که آدرس عکس اشتباه و یا عکس نتواند لود شود ، متنی را به کاربر نشان دهیم.

در صورتی که عکس بطور صحیح لود گردید متن این خصوصیت نمایش داده نمیشود و فقط برای موتور های جستجوگر کاربرد پیدا میکند.

اهمیت ویژه ی این خصوصیت برای موتورهای جستجوگر می باشد که در بخش Seo به آن می پردازیم. به طور خلاصه اینکه موتور های جستجوگر قادر به خواندن عکس نمی باشند و از طریق این خصوصیت به محتوای عکس قرار داده شده مطلع می گردند.

توصیه ی اکید میشود که برای تمامی عکس ها از این خصوصیت استفاده نمایید.

<img src="administrator/files/UploadFile/1.jpg1" alt="عکس مربوط به چشم" />

خروجی بصورت زیر می باشد :

خصوصیات width , height , border : بصورت پیش فرض تگ img نمایش عکس ها را به اندازه ی اصلی عکس و بدون خط حاشیه نمایش میدهد. در صورتی که بخواهید تصویر را در سایز دلخواه و با خط حاشیه نمایش دهید از این خصوصیات استفاده نمایید. بطور مثال :

<img src="administrator/files/UploadFile/1.jpg" alt="عکس مربوط به چشم" width="100" height="100" border="2" />

خروجی بصورت زیر می باشد :

نکته ی مهم دیگر که در بخش Seo به طور مفصل تری به آن پرداخته میشود این است ، با وجود اینکه خود HTML در صورت قرار ندادن سایز عکس با استفاده از height و widht ، اندازه ی تصویر ار به اندازه ی خود تصویر تبدیل میکند اما برای این پردازش اضافه توسط مرورگر ها و در نتیجه سرعت بالاتر لود صفحه سایز تصویر را وارد نمایید.

خصوصیت Usemap : این خصوصیت برای استفاده از عکس محدوده ای با استفاده از تگ های map و area می باشد. در بخش عکس محدوده ای map , area میتوانید نحوه ی کاربرد آنرا مشاهده نمایید .

[متد text در jQuery]

در این بخش از آموزش JQuery ، متد text را شرح میدهیم.

متد text دو کار انجام می دهد :

می تواند متن موجود در یک عنصر HTML مثل یک تگ را خوانده و به صفحه برگرداند .

می تواند متن یک عنصر HTML مثل تگ پاراگراف را به متن دلخوه و تعیین شده تغییر دهد .

هنگامی که این متد برای بازگرداندن متن استفاده می شود متن تمام عناصری که با مشصات داده شده مطابقت دارند را برمی گرداند ( این متد علامت های زبان نوشتن تگ های HTML را در نظر نمی گیرد ) .

هنگامی که این متد برای تغییر متن عنصر به کار می رود متن تمام عناصری که با مشخصات داده شده مطابقت دارند را تغییر می دهد .

شکل کلی استفاده از متد text به شرح زیر است :

خواندن و بازگرداندن متن یک عنصر HTML

به وسیله متد text می توانید متن یک عنصر مثل تگ پاراگراف را خوانده و در خروجی نمایش دهید :

$ ( selector ).text( ) ;

selector : این پارامتر تعیین کننده id عنصری است که می خواهیم متن درون آن را خوانده و به خروجی بر گردانیم .

مثال زیر کاربرد متد text را نشان میدهد:

$("button").click(function(){

$("p").text("Hello world!");

});

[چرا JQuery استفاده کنیم ؟]

شما با آموزش jquery به راحتی با کمترین دانش برنامه نویسی میتوانید نحوه کد نویسی jquery رو درک کنید.

یکی دیگر از مزایای کاربردهای جیکوئری وجود پلاگین های متعددی ایست که بسیار کار امد هستند ، و روزانه در حال افزایش هست. به طوری که شاید نیازی به کد نوشتن پیدا نکنیم و همین پلاگین ها کار مورد نظر ما را به خوبی انجام دهند.

کاربرد های jquery

یکی از کاربرد های مهم jquery داشتن دستورات بسیار ساده و قابل درک در زمینه بکار گیری تکنولوژِی ای جکس می باشد. به طوری که می توانید یک طراحی سایت را با کمک jquery به صورت فول ای جکس طراحی کنید.

ویژگی‌های کلیدی jQuery

ایجاد امکان دسترسی به بخشهایی از یک صفحه بدون نیاز به ابزارهای جاوا اسکریپت و عدم نیاز به کد نویسی های زیاد.

جی کوئری مکانیسم سریع و موثری برای جستجو ، یافتن و انتخاب بخشهای مورد نظر از یک صفحه را بدون نیاز به ابزار جاوا اسکریپت، در اختیار ما قرار میدهد.

امکان تغییر ظاهر یک صفحه؛ البته آموزش CSS ابزار قدرتمندی در تغییر صفحات بما میدهد اما قادر به انجام اینکار در مرورگرهای مختلف که استانداردهای متفاوتی دارند، نیست. اما جی کوئری براحتی میتواند هر نوع مرورگری را ساپورت کند و حتی قادر است که مختصات ویژه صفحات وب را، حتی بعد از دستکاری و تغییر ساختاری و ظاهر، دوباره تغییر دهد.

جی کوئری نه تنها تغییرات ظاهری و ناچیز را، بلکه صرفا با چند کلیک ساده، می‌تواند محتوای صفحات مورد نظر کاربر را هم تغییر کلی بدهد و مثلا متن یا عکسی را تغییر داده و یا تصویر یا لیستی را درون متنهای آن صفحه اضافه و یا از آن حذف کند. حتی میتواند تمام ساختار HTML صفحات را کاملا تغییر دهد.

یکی از امکانات کتابخانه جی کوئری کنترل و جلوگیری از اتفاقات غیرمنتظره ایست که بهنگام کلیک کردن یک کاربر بر یک لینک رخ میدهند و مثلا باعث کند شدن یا درهمریختگی مرورگرها میشوند. ابزار event-handler در جی کوئری این وظیفه را بسادگی و بدون نیاز به استفاده از جاوا اسکریپت انجام میدهد.

افزودن انیمیشن (Fade) به یک صفحه؛ کسب فیدبک از (یا به) کاربران، امری بسیار مهم است و جی کوئری این ویژگی را بسادگی با استفاده از امکاناتی همچون Fade و غیره بما میدهد.

کسب اطلاعات از یک سرور بدون نیاز به ریفرش کردن آن صفحه (که اصطلاحا به آن AJAX می‌گویند) جی کوئری اینکار را بدون نیاز به دانستن مختصات ویژه هر سرور و صرفا با مراجعه مستقیم به نتایج آن صفحه (محتویات سرور) انجام میدهد.

ساده سازی عملکردهای مشترک / تکراری جاوا اسکریپت : جی کوئری علاوه بر انجام بسیار ساده تغییرات کلی در متن و ظاهر صفحات وب، حتی قادر به ساده تر کردن عملیات ساختار سازی همچون Iteration And Array Manipulation هم هست.

چرا jQuery بهتر از سایر ابزارها است؟

در سالهای اخیر افزایش گرایش به آموزش HTML باعث افزایش کارایی پکیج های Framework های جاوا اسکریپتی شده، بعضی پکیج ها عملیات خاص و محدود و بعضی دیگر کارهای انیمیشن و غیره را تسهیل می کنند. اما جی کوئری سعی می کند تا تمام این حوزه ها را پوشش دهد.

ارایه و شناسایی و تغییر مختصات صفحات وب، متضمن آشنایی طراحان وب با کدها و خطاهای مربوط به CSS و … است ، ولی جی کوئری این کار را برای طراحان آسانتر نموده است.

ساپورت های Extension در جی کوئری طوری تنظیم شده اند که پلاگینها را میتوان بسادگی اضافه یا حذف نمود و ساختار درونی Basic jQuery طوری نوشته شده که بهنگام دانلود براحتی برای سایر آیتم های صفحه وب قابل شناسایی اند و براحتی با ایجاد ماژول‌های ساده میتوان تغییرشان داد.

یکی از مشکلات طراحی سایت و طراحان وب همانا متفاوت بودن پیش شرط ها و مختصات مرورگرها و عدم هماهنگی آنها با یکدیگر و یا با نرم افزار های جدید است. جی کوئری قادر است که با هر مرورگری کار کرده و با کاهش کدها و ساده سازی کار را آسانتر کند.

با استفاده از تکنیک Implicit Iteration قادر خواهید بود که بسیاری از لوپ ها را بصورت دسته جمعی (و نه تک به تک) بررسی و در وقت صرفه جویی کرده و بدین ترتیب نیاز به کدنویسی طولانی نداشته باشید.

[تگ span]

تگ span برای متن های کوتاه استفاده می شود. ولی ترجیحا از این تگ بهتر است استفاده نشود.

زمانیکه شما از تگ span استفاده میکنید ، میتوانید از ویژگی های CSS یا Javascript برای این تگ استفاده کنید. تگ span ، در واقع همان کنترل Label در asp.net میباشد.

این تگ به صورت کلی زیر به کار میرود :

<p>My mother has <span style="color:blue">blue</span> eyes.</p>

Global Attributes in HTML

در استفاده از این تگ شما میتوانید از ویژگی های عمومی (Global Attributes) استفاده کنید. که در بخش ویژگی های عمومی در HTML به طور کلی در مورد آن توضیح داده ایم.

Event Attributes

همچنین میوانید از رویدادهای (Event Attributes) استفاده کنید.

[Background]

در این بخش از آموزش css به توضیح ویژگی Background میپردازیم. ویژگی Background برای تعریف افکت های پس زمینه برای یک عنصر به کار میرود.این ویژگی در طراحی وب سایت به شکیل تر شدن سایت شما کمک میکند.

انواع مختلفی از این ویژگی وجود دارد که به شرح هر یک از آنها میپردازیم

1. background-color
   
2. background-image
   
3. background-repeat
   
4. background-attachment
   
5. background-position
   

• background-color : این خاصیت رنگ پس زمینه یک عنصر را مشخص میکند، برای مثال برای تنظیم رنگ پس زمینه بدنه سایت از کد زیر استفاده میکنیم :
  

body {background-color:#b0c4de;}

• background-image : با استفاده از این ویژگی تصویر پس زمینه یک عنصر را مشخص میکنیم ،برای مثال برای تنظیم تصویر پس زمینه بدنه سایت از کد زیر استفاده میکنیم :
  

body {background-image:url('paper.gif');}

• background-repeat : با استفاده از این ویژگی میتوانیم مشخص کنیم که تصویر چگونه تکرار شود.اگر میخواهیم تصویر ما به صورت افقی تکرار شود زمانی که خود تصویر نیز افقی است (برای جلوگیری از گذاشتن عکس سایز بزرگ که باعش کند شدن بالا آمدن سایت میشود و به هیچ عنوان در طراحی سایت پیشنهاد نمیشود ) :
  

body

{

background-image:url('gradient2.png');

background-repeat:repeat-x;

}

• 
  زمانی که بخواهیم تصویر فقط یک بار و بدون تکرار نمایش داده شود از دستور زیر استفاده میکنیم :
  

body

{

background-image:url('img_tree.png');

background-repeat:no-repeat;

}

• background-attachment : برای اینکه بتوانیم تصویر پس زمینه را ثابت انتخاب کنیم از این ویژگی استفاده میکنیم. مقدار پیش فرض آن scroll میباشد.
  

body

{

background-image:url('smiley.gif');

background-repeat:no-repeat;

background-attachment:fixed;

}

• background-position : این خاصیت موقعیت یک عنصر را مشخص میکند، برای مثال برای تنظیم موقعیت تصویر به گوشه سمت راست - بالا از کد زیر استفاده میکنیم :
  

body

{

background-image:url('img_tree.png');

background-repeat:no-repeat;

background-position:top right;

}

این سه خط را میتوان به صورت خلاصه تر نوشت :

body {background:#ffffff url('img_tree.png') no-repeat right top;}

[نصب و راه اندازی JQuery]

برای اینکه بتوانیم از امکانات jquery استفاده کنیم بایستی آخرین نسخه کتابخانه jquery رو از سایت jquery.com دانلود کنیم .

سه مدل برای دانلود وجود دارد :

• Minified : که خیلی فشرده شده و برای استفاده تجاری استفاده میشه و ۱۵ کیلوبایت هم می باشد.(به دلیل لود شدن سریع)
  
• Uncompressed : که به صورت غیر فشرده هست و حجمش حدود ۹۴ کیلو بایت می باشد. و برای توسعه یا فراگیری مورد استفاده قرار میگیرد.
  
• Packed : حجمی حدود ۲۹ کیلوبایت داره و به صورت gzip فشرده نشده .
  

بعد از دانلود شما باید کتابخانه را در صفحات خود نصب کنید .

طریق نصب جی کوئری به دو صورت inline و external می باشد.

اما نحوه نوشتن کدها نیز به همین دو روش میباشد :

• به صورت inline : در این روش کدها در همان صفحه ای که میخواهیم جیکوئری را فراخوانی کنیم نوشته میشود ، توصیه میشود از این روش کمتر استفاده کنید.
  
• به صورت external : در این حالت شما یک فایل با پسوند sample.js ایجاد میکنید. و تمامی کد های خود را در این فایل مینویسید. و سپس فایل sampale.js را در صفحات خود فراخوانی میکنید.
  

[JQuery چیست ؟ ( جی کوئری چیست ؟)]

jQuery یک کتابخانه از جاوا اسکریپت است که پیمایش اسناد اچ تی ام ال ، رسیدگی به رویدادها، متحرک سازی و تعاملات ای جکس (AJAX) را به منظور توسعه سریع وب تسهیل می کند. jQuery به گونه ای طراحی شده است تا روشی را که با آن جاوا اسکریپت را می نویسید تغییر دهد.

جی کوئری چیست ؟ یک چارچوب جاوا اسکریپت است که هدف آن آسان ساختن استفاده از جاوا اسکریپت در صفحات طراحی وب سایت شماست.

شما می توانید جی کوئری را به صورت یک لایه انتزاعی توصیف کنید زیرا قابلیت های بسیاری را که می باید در خطوط بیشماری از کد جاوا اسکریپت می نوشتید گرفته و آنها را در توابعی (functions) که می توانید تنها در یک خط کد فراخوانی کنید پنهان می کنند.

جی کوئری جایگزینی برای جاوا اسکریپت نیست و با این که برخی میانبرهای نحوی نوشتاری را در اختیارتان می گذارد اما کدی که هنگام استفاده از جی کوئری خواهید نوشت هنوز هم جاوا اسکریپت می باشد.

آموزش جیکوئری تلاش می کند تا بسیاری از دستورات پیچیده جاوا اسکریپت نظیر فراخوانی های ای جکس (AJAX) و عملیاتهای DOM را ساده تر کند تا بتوانید این اعمال را بدون این که دانش زیادی درباره جاوا اسکریپت داشته باشید به اجرا بگذارید. شما می توانید تقریباً برای انجام هر کاری یک پلاگین جی کوئری را پیدا نمائید.

[معرفی زبان php]

یک زبان برنامه نویسی اسکریپتی اپن سورس است که برای طراحی برنامه های تحت وب سمت سرور ( Server Side ) ، به کار می رود .

سمت سرور بودن به این معناست که صفحات PHP ابتدا توسط سرور PHP ( که می تواند از نوع Apache یا IIS ) باشد ، پردازش شده و سپس خروجی به صورت کدهای HTML و جاوا اسکریپت ، برای اجرا به مرورگر کامپیوتر کاربر ارسال می شود . به عبارت دیگر وظیفه اجرای صفحات PHP به عهده کامپیوتر سرور وب هاست سایت آن می باشد . ( برخلاف HTML یا جاوا اسکریپت که اجرای آنها توسط خود مرورگر کاربر انجام می شود ) .

PHP مخفف عبارت Hypertext PreProcessor به معنای پیش پردازنده فرا متن می باشد که در سال 1994 توسط رسموس لردورف ایجاد شد و سپس توسط سایرین توسعه و گسترش پیدا کرد .

ساختار زبان PHP بسیار شبیه به زبان c و در نسخه های جدید شبیه به جاوا می باشد و به همین دلیل از محبوبیت فراوانی برخوردار است . از مشهورترین نرم افزارهای ساخته شده با PHP می توان به جوملا ، WikiMedia و یا Mambo اشاره کرد . سایت های فراوانی در جهان براساس زبان PHP نوشته شده اند و هر روز نیز بر تعداد آنها اضافه می شود . از مهمترین آنها می توان به ویکی پدیا اشاره کرد .

پی‌اچ‌پی امکان استفاده از انواع مختلفی از پایگاه‌های داده را از جمله MySQL، اوراکل، IBM DB۲ ،Microsoft SQL Server ،PostgreSQL و SQLite با دستورهایی ساده فراهم می‌سازد. پی‌اچ‌پی روی بیشتر سیستم‌عامل‌های معروف از جمله لینوکس، یونیکس، ویندوز و Mac OSX و با اغلب کارگزارهای وب (Web Server) معروف، قابل اجراست.

پیش از آغاز به یادگیری PHP ، شما باید آشنایی کافی با زبان های HTML و جاواسکریپت داشته باشید . برای یادگیری زبان های ذکر شده به بخش مربوط به آموزش آنها رجوع نمایید . بخش آموزش

[معرفی اشیا درون کلاس PHP]

در مبحث معرفی کلاس ها در PHP به معرفی کلاس ها پرداختیم. حال میخواهیم به فیلد ها دسترسی پیدا کنیم و اشیا درون کلاس PHP را معرفی کنیم. به عنوان نمونه یک بخشی از مثال درس قبل را توضیح میدهم

public function SetBody($body) {$this->body = $body;}

1

2

3

public function SetBody($body) {

$this->body = $body;

}

در ابتدای این کد فیلد Body را به صورت private تعریف کردیم. حال میخواهیم این فیلد را درون یک متد به کارببریم. برای این کار از this$ استفاده میکنیم. this$ تنها به شی اشاره میکند. بنابراین this$->body یعنی فیلد body از شی ای که درون متد SetBody تعریف شده فراخوانی میشه.

نکته : لازم نیست بعد از فلش this$ فیلد ها را با $ تعریف کنید. PHP خود متوجه میشود که آن فیلد است نه متد. ( بعد از متد ها همیشه { می آید )

کد مثال درس قبل را دوباره قرار میدهم :

<?phpclass Emailer {private $sender;private $recipients;private $subject;private $body;public function __construct($sender) {$this->sender = $sender;$this->recipients = array();}public function AddRecipients($recipient) {array_push($this->recipients, $recipient);}public function SetSubject($subject) {$this->subject = $subject;}public function SetBody($body) {$this->body = $body;}public function SendEmail() {foreach ($this->recipients as $recipient) {$result = mail($recipient, $this->subject, $this->body, "From: {$this->sender}\r\n");if ($result) {echo "Mail successfully sent to {$recipient}<br/>" . PHP_EOL;}}}}?>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<?php

class Emailer {

private $sender;

private $recipients;

private $subject;

private $body;

public function __construct($sender) {

$this->sender = $sender;

$this->recipients = array();

}

public function AddRecipients($recipient) {

array_push($this->recipients, $recipient);

}

public function SetSubject($subject) {

$this->subject = $subject;

}

public function SetBody($body) {

$this->body = $body;

}

public function SendEmail() {

foreach ($this->recipients as $recipient) {

$result = mail($recipient, $this->subject, $this->body, "From: {$this->sender}\r\n");

if ($result) {

echo "Mail successfully sent to {$recipient}<br/>" . PHP_EOL;

}

}

}

}

?>

کد نوشته شده مانند یک نقشه می ماند، طرح اولیه برای یک خانه، یک میز یا هر چیز دیگر. حال باید این نقشه را اجرا کنیم. برای اجرا کردن باید یک شی برای این نقشه یا همان کلاس خودمان ایجاد کنیم. پس میتوانیم بگوییم یک کلاس به تنهایی قابل استفاده نیست.

معرفی اشیا درون کلاس PHP

برای معرفی یک شی از کلمه new استفاده می کنیم. به مثال زیر دقت کنید:

<?php $emailerObject = new Emailer('mmshfe@gmail.com');?>

1

2

3

4

<?php

$emailerObject = new Emailer('mmshfe@gmail.com');

?>

بدین ترتیب یک شی به نام emailerObject ایجاد کردیم. در این مثال در بخش construct_ یک مقدار ورودی قرار دادیم (sender$). بنابراین هنگام ساختن شی جدید نیز باید برای آن مقدار در نظر بگیریم. تابع construct_ مقدار سازنده کلاس را در برمیگیرد. به جای آن میتوانید نام کلاس را نیز قرار دهید اما باید توجه داشته باشید که با تغییر نام کلاس ،باید نام این تابع سازنده را نیز تغییر دهید. حال میخواهیم با استفاده از این کلاس یک ایمیل ارسال کنیم.

فرستادن ایمیل با استفاده از یک کلاس PHP

<?php $emailerObject = new Emailer('mmshfe@gmail.com'); $emailerObject->AddRecipient('info@xoogle.ir'); $emailerObject->SetSubject('Test'); $emailerObject->SetBody('Hi, I\'m a test email!'); $emailerObject->SendEmail();?>

1

2

3

4

5

6

7

8

9

<?php

$emailerObject = new Emailer('mmshfe@gmail.com');

$emailerObject->AddRecipient('info@xoogle.ir');

$emailerObject->SetSubject('Test');

$emailerObject->SetBody('Hi, I\'m a test email!');

$emailerObject->SendEmail();

?>

در این شی جدید مقدار فرستنده mmshfe@gmail.com است، با استفاده از متد AddReciptient یک گیرنده فراخوانی اضافه کردیم، با استفاده از متد SetSubject یک عنوان اضافه شد و به همین ترتیب بخش های دیگر تعریف شده اند.

حال با استفاده از این کلاس میتوانیم یک ایمیل ارسال کنیم.