ایجاد یک پروژه‌ی Custom Control جدید

دوره ی فشرده: آموزش ایجاد و استفاده از کنترل های نوع ASP.Net Custom Server Control

صفحۀ اصلی |> ایجاد یک پروژه‌ی Custom Control جدید

خب دوستان، دوره را ادامه می‌دهیم با ایجاد یک پروژه در محیط Visual Studio. در واقع Custom Controlها بر خلاف User Web Controlها، لزوما بخشی از Website نیستند و محصول نهایی آنها درواقع یک فایل dll. خواهد بود که ممکن است در پروژه‌های غیر وب‌سایتی نیز مورد استفاده قرار گیرند. بنابراین ما برای تولید یک Custom Control، بجای Web Site باید Project ایجاد کنیم. پس مطابق شکل 1، از منوی File بر روی گزینه‌ی ...New Project کلیک می‌کنیم.

شکل 1. ایجاد یک پروژه‌ی جدید در Visual Studio

وقتی کادر New Project باز شد، مطابق شکل 2، از بخش سمت چپ، به ترتیب گزینه‌های #Visual C و Web را انتخاب کرده و در بخش میانی گزینه‌ی ASP.NET Server Control را انتخاب می‌کنیم. سپس برای نام، نامی را برای پروژه‌ی خود وارد می‌کنیم. دقت کنید که این نام برای Custom Control مورد نظر ما نیست بلکه نامی برای پروژه‌ی ما است و هر پروژه می‌تواند داخل خود چندین Custom Control داشته باشد. من نام OxfordPlus_CustomControls را برای این پروژه انتخاب می‌کنم و آنرا در ریشه‌ی درایو :L ذخیره می‌کنم.

شکل 2. مشخص کردن نوع و نام برای پروژه

با زدن دکمه‌ی OK در شکل 2، پروژه‌ی OxfordPlus_CustomControls در مسیر تعیین شده ایجاد می‌شود و می‌توانید نام پروژه را در Title Bar (نوار عنوان) Visual Studio مشاهده کنید، شکل 3. اما نکته‌ی مهم این است که هر Custom Control در داخل این پروژه بصورت یک کلاس #C خواهد بود که در داخل یک فایل با پسوند cs. ذخیره شده است! در هنگام ایجاد پروژه‌ی جدید، یک کلاس بنام ServerControl1.cs بصورت اتوماتیک تولید شده و به نمایش در می‌آید. ما برای تعریف Custom Control مدنظر خود، همین کلاس را تغییر خواهیم داد بنابراین مطابق شکل 3، در پنل Solution Explorer نام این کلاس را از ServerControl1.cs به OxfordPlus_InputBox_1.cs تغییر می‌دهیم. دقت کنید که با این کار، نام کلاس در کد برنامه نیز بصورت اتوماتیک تغییر پیدا خواهد کرد، یعنی جایی که در شکل 3 با یک کادر قرمز رنگ مشخص کرده‌ام.

شکل 3. تغییر نام کلاس اولیه

البته به هنگام تغییر نام با کادر شکل 4 مواجه خواهید شد که با زدن Yes تغییر نام را تایید می‌کنیم.

شکل 4. تایید تغییر نام

اکنون در سورس کلاس، بخش‌های انتخاب شده در شکل 5 را حذف می‌کنیم.

شکل 5. حذف برخی کدهای اولیه در سورس کلاس

سپس، کاری که باید بکنیم این است که ...

.

.

.

توجه: بخش‌هایی از این آموزش برای شما قابل مشاهده نیست.

مطالعه‌ی بیشتر در صورتی امکانپذیر است که در سایت لاگین کرده باشید - (دوره‌ی غیر رایگان) ...

.

.

.

... خب، حالا که کار نوشتن کنترل را به پایان رساندیم، نوبت به کامپایل کردن آن می‌رسد. برای این منظور، مطابق شکل 15، بر روی Solution در پنل Solution Explorer راست کلیک می‌کنیم و در منوی باز شده، گزینه‌ی Build Solution را کلیک می‌کنیم.

شکل 15. کلیک بر روی Build Solution

شکل 16، نشان می‌دهد که خطایی در کدنویسی ما نبوده است.

شکل 16. مشکلی در کدنویسی نبوده است

بعد از اینکه پروژه را با موفقیت Build کردیم، دو عدد فایل در داخل پوشه‌ی bin\Debug\... ساخته می‌شوند (فلش بالایی در شکل 17، مسیر دقیق پوشه‌ی Debug را در کیس پروژه ی من نشان می‌دهد). فلش پایین در شکل 17، فایل dll ی را نشان می‌دهد که درواقع حاوی کنترلی است که ما ایجاد کردیم. فایل پایینی هم یک فایل کمکی است که لازم است کنار فایل dll باشد. نکته‌ی مهمی که در مورد این دو فایل وجود دارد این است که هیچ کدام از این دو فایل شامل سورس کد نیستند و ما می‌توانیم با خیال راحت این فایل‌ها را منتشر کنیم و در اختیار دیگران قرار دهیم.

شکل 17. فایل‌های حاصل از کامپایل کردن Custom Control

در ادامه‌ی این دوره، خواهید دید که ما چطور می‌توانیم از کنترلی که ساخته‌ایم و آن را بصورت دو فایل در اختیار داریم، در پروژه‌های مختلف استفاده کنیم.

نوشته شده توسط: مهندس عبدالرضا قنبری

تاریخ های بروز رسانی این صفحه

  • 14 February 2020 - 1398/11/25
  • 24 December 2017 - 1396/10/03
  • 17 December 2017 - 1396/09/26

شما در این بخش می توانید نظر خود را به گوش نویسندۀ مطالب این صفحه برسانید. نظرات شما برای ما ارزشمند هستند:

نام شما (اختیاری):
آدرس ایمیل شما (اختیاری):
توجه: آدرس ایمیل شما بصورت محرمانه، محفوظ نگه داشته خواهد شد و صرفا از آن برای اطلاع رسانی به شما در مورد نتیجۀ پاسخ گویی به نظرتان و احیانا ارسال خبرنامه های دو وبسایت ما یعنی آموزین و آکسفورد+ استفاده خواهد شد، بطوریکه شما هر لحظه می توانید آن را غیرفعال کنید.
نظر ارزشمند شما:

فرآیند امنیتی: لطفا قبل از ارسال نظر، مجموع دو عدد 5 و 8 را در کادر مقابل بنویسید:
دربارهی ما

Your IP address: 3.236.212.116 ... Current time: 9/25/2021 6:56:24 PM

Oxford Plus Academy

شبکه های اجتماعی وب سایت
-----------------------
تویتر وب سایت https://twitter.com/oxford_plus
صفحه فیس بوک وب سایت https://facebook.com/oxfordpluspage
آی دی تلگرام وب سایت آکسفورد پلاس @oxfordplus
آی دی اینستاگرام صفحه اختصاصی محصول ماسک صورت اسپیرولینا @spirulinaoxfordplus

راه های تماس با مدیریت وب سایت
----------------------
ایمیل abdolreza_ghanbari@yahoo.com
فیس بوک مدیریت https://www.facebook.com/ARezaGhanbari
تلفن تماس مدیریت وب سایت (مهندس قنبری): 09052358238
آدرس دفتر وب سایت: آذربایجان غربی - میاندوآب - خیابان تختی- پلاک 330
کد پستی: 5971817118

Video sharing addresses:
----------------------
https://youtube.com/channel/UC3wT15qSyXQnu_IVj8OqGqw
https://takhtesefid.org/user/amoozin
https://www.aparat.com/oxford.plus