آموزش قدم به قدم نحوه ایجاد قالب برای برنامه های تحت ویندوز و تحت وب

[TAHA]

شاید تا بحال پیش اومده براتون که خیلی از برنامه هاتون دارای قسمت های یکسانی هستند. مثلا یک فرمی طراحی کردین که ممکنه بخواین از اون توی چندین پروژه استفاده کنین. یک راهش اینه که از گزینه AddExistingItem اون فرم را به پروژتون اضافه کنین.
حالا اگر تعداد فرم ها یا قسمت های مختلفی که میخواین در پروژه های دیگه استفاده کنید، زیاد باشه، استفاده از این روش (add کردن) خسته کننده میشه.
این موضوع برای برنامه های تحت وب بیشتر ملموس است. چپرا که در برنامه های تحت وب معمولا بیشتر با این قضیه مواجه می شوید که خیلی اتز قسمت های یک پروژه عینا برای یک پروژه دیگر نیز قابل استفاده است.

در این بخش به نحوه ایجاد یک قالب برای برنامه های تحت وب خواهم پرداخت.

یک پروژه وبی ایجاد کنید و هر تغییری که در آن می خواهین اعمال کنید. (اعم از اضافه کردن چندین صفحه و هر تغییری که می خواین)..
من یک پروژه ایجاد کردم با یک دکمه که در رویداد کلیک آن تکه کدی کوچک نوشته شده که در شکل 1 مشاهده می کنید.

شکل 1 :



http://pnu-club.com/imported/mising.jpg


پس از اینکه تغییرات تمام شد، برنامه را ذخیره کنید و به منوی فایل رفته و گزینه Export Template را کلیک کنید. (شکل 1)
با کلیلک کردن آیتم مذکور پنجره زیر ظاهد خواهد شد(شکل 2)

شکل 2 :




http://pnu-club.com/imported/mising.jpg



در شکل 2 چهار قسمت کلی وجود دارد. قسمتی که با کادر قرمز مشخص است، نحوه ایجاد قالب را مشخص می کند که آیا این قالب به عنوان یک قالب پروژه ایجاد شود و یا به عنوان یک آیتم ..
دو کمبو باکس زیر آن هم نیاز به توضیح نداره (اگر سوالی داشتین بپرسین)
گزینه اول را انتخاب کنید. و next را فشار دهید. تا به پنجره بعدی بروید. (شکل 3)
شکل 3 :




http://pnu-club.com/imported/mising.jpg



در شکل 3 می توانید، نام پایه ای برای قالب خود انتخاب کنید.(کادر آبی رنگ).. همچنین آیکنی برای قالب مشخص کنید (کادر زرد رنگ) و توصیفی برای قالب خود.. (این توصیف عینا در بخش project templaet که بعدا خواهید دید ، خواهد آمد)
پس از تنظیمات روی finish کلیک کنید.

تبریک !!!

قالب خود را ایجاد کردید. این قالب در آدرسی که در شکل 4 مشخص شده است.قرار گرفته است.

شکل 4 :




http://pnu-club.com/imported/mising.jpg





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

[TAHA]

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

ویژوال استدیو را باز کنید و از منوی فایل گزینه new و سپس گزینه WebSite را کلیلک کنید.(شکل 5)
شکل5 :




http://pnu-club.com/imported/mising.jpg



در پنجره New WebSite و در قسمت Template ها ، قالبی را که ایجاد کرده اید، مشاهده می کنید. (کادر قرمز رنگ)
آن را انتخاب کنید، حال توصیفی که هنگام ایجاد قالب برای آن مشخص کده بودید را در کادر آبی رنگ مشاهده می کنید.
بقیه تنظیمات مانند قبل می باشد.
پس از تنظیم موارد، گزینه ok را کلیلک کنید.
همانطور که مشاهده می کنید (شکل 6) ، پروژه ایجاد شده بر اسا قالبی که شما ساختیت، ایجاد خواهد شد. یعنی دارای یک صفحه ASP.NET می باشد. که حاوی یک button می باشد. و نیز در رویداد کلیلک button به صورت پیش فرض همان کدی را که هنگام ایجاد قالب نوشته بودم، قابل مشاهده می باشد.
شکل 6 :




http://pnu-club.com/imported/mising.jpg








نکته 1 ) ممکن است قالب شما با قالبی که من ایجاد کرده ام متفاوت باشد.
نکته 2 ) جهت ایجاد قالب برای پروژه های ویندوزی دقیقا مراحل فوق را تکرار نمایید

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

[TAHA]

در بخش قبلی نحوه ساخت قالب و استفاده از آن را برای پروژه ها (Project Template)آموختید.
در این بخش به نحوه ایجاد و استفاده قالب برای آیتم ها یی (Item Template)که در پروژه ها استفاده می کنید خواهم پرداخت.

یک پروژه ویندوزی ایجاد کنید. ودرون آن یک یوزر کنترل ایجاد نمایید. به عنوان نمونه من یک یوزر کنترل برای ورود به برنامه ایجاد کرده ام.(شکل 7)

شکل 7 :





http://pnu-club.com/imported/mising.jpg



پس از اینکه کنترل خود را کامل نمودید، پروژه را ذخیره کنید و مجددا از منوی فایل گزینه Export Templaet را کلیلک کنید. تا به پنجره زیر وارد شوید. (شکل 8 )

شکل 8:





http://pnu-club.com/imported/mising.jpg







همانطور که در شکل فوق مشخص است، در این حالت باید گزینه Item Template را انتخاب نماایید.پس از انتخاب این آیتم next را کلیک کنید تا پنجره زیر را مشاهده کنید. (شکل 9)
شکل 9 :




http://pnu-club.com/imported/mising.jpg






در این شکل آیتمی را که می خواهید، برای آن یک نمونه قالب ایجاد کنید را انتخاب نمایید. همانطور که در شکل مشاهده می کنید، من آیتم LoginControl را انتخاب کرده ام.روی Next کلیلک کنید.(شکل 10)
شکل 10 :





http://pnu-club.com/imported/mising.jpg






در پنجره فوق (شکل 10)، می توانید فضای نام های مورد نیاز کنترل را مشخص کنید. انتخاب این آیتم ها بستگی به کنترل شما و نیاز های آن دارد.پس از تنظیم آیتم ها، Next را کلیک نمایید. (شکل 11 )

شکل 11 :





http://pnu-club.com/imported/mising.jpg



با شکل 12 و آیتم های موجود در آن قبلا آشنا شدید. پس از تنظیمات، Finish را کلیلک کنید.

قالب شما ساخته شد.!!!

برای استفاده از آن کافی است در پنجره AddNewItem در پروژه خود، گزینه LoginControl را انتخاب کنید. دقت کنید که برای مشاهده کنترل های ساختگی خودتان ممکن است مجبور شوید کخ پنجره را اسکرول نمایید.(شکل 12)

شکل 12 :





http://pnu-club.com/imported/mising.jpg



پس از تنظیمات، دکمه Add را کلیلک نمایید.

شکل 13 :




http://pnu-club.com/imported/mising.jpg



همانطور که مشاهده می کنید ، یک کنترل Login با ظاهر و کدهای یکسان با کنترلی که ایجاد کرده بودید، به پروژه شما اضافه شده است.

موفق باشید