آشنائی
با فرمهای وب در ASP.NET
به عنوان یک
برنامه نویس ویژوال بیسیک شما می توانید
برنامه های تحت اینترنت نیز بنویسید. به طور معمول
برنامه نویسان ویژوال بیسیک به سمت ASP که یک تکنولوژی از مایکروسافت
است متمایل هستند. دلیل این امر هم شباهت میان VB و VBScript می باشد. بزرگترین ایرادی که ASP کلاسیک دارد نداشتن یک محیط ویژوال
مانند فرمهای معمولی بیسیک است. مایکروسافت با Visual InterDev سعی کرد این کمبود را جبران کند اما
چندان موفق نبود. بالاخره در ویژوال بیسیک دات نت ترکیبی
از InterDev و ویژوال
بیسیک وجود دارد و امکانات فرمهای ویژوال بیسیک
را برای اینترنت نیز فراهم می کند.
Web
Form ها یکی از اجزای
تکنولوژی ASP.NET است
که به برنامه نویس های اکثر زبان ها این امکان را می دهد
که یک قالب ویژوال با HTML و یک محیط برنامهنویسی تحت سرور با کدهای
پیشرفته داشته باشند.
Web
From ها در عمل
بهترین راه برای
فراگیری این تکنولوژی یک مثال عملی از آن
است. پس از مثال معروف Hello World برای شروع استفاده می کنیم.
آماده سازی محیط
قبل از شروع ابتدا باید
نرمافزارهای مورد نیاز را از روی لیست زیر نصب کنید.
اگر ویژوال استودیو دات نت را به شکل کامل و بر روی ویندوز
2000 یا اکس پی نصب کردید احتیاج به مراحل زیر ندارید.
·
سیستم عامل شما باید حتما ً
از نوع ان تی باشد، ویندوز 2000 (سرور یا Professional)، ویندوز اکس پی Professional و یا ان تی سرور 4.
·
باید NET Framework. بر روی سروری که می خواهید
با آن کار انجام دهید یا برنامه شما بر روی آن اجرا خواهد شد
نصب شده باشد. اگر ویژوال استودیو دات نت را نصب کرده اید مشکلی
در این مرحله ندارید.
·
مایکروسافت توصیه کرده که سیستم
فایل هارد دیسک سرور شما بهتر است NTFS باشد، هم به دلیل مسائل امنیتی
و هم سرعت بیشتر.
Hello World
در فرم مخصوص ایجاد
یک پروژه جدید ASP.NET Web Application را انتخاب کنید و نام آن را HelloWorld قرار دهید. دقت کنید که مکان ذخیره
پروژه http://localhost
باشد.
سپس بر روی کلید
OK کلیک کنید تا یک Solution جدید ایجاد گردد. به طور قراردادی
ویژوال استودیو یک Web Form با نام WebForm1.aspx ایجاد می کند. دقت کنید که
پسوند فایل چه تغییری کرده است.
وقتی بر روی
کلید OK کلیک
می کنید چند عمل در پشت صحنه انجام می شود. به غیر از ایجاد
کردن یک شاخه در دایرکتوری Visual Studio Projects،
ویژوال استودیو یک Web Application نیز در سروری که انتخاب کرده اید ایجاد می
کند. بر روی سرور، ویژوال استودیو دات نت:
·
یک دایرکتوری با نام
پروژه در شاخه inetpub/wwwroot ایجاد می کند.
·
این دایرکتوری را به
عنوان یک IIS Application معرفی کرده و اجازه اجرای Script را بر روی آن می دهد.
·
اگر FrontPage Server
Extensions را نصب کرده باشید
یک FrontPage Web ایجاد
می کند تا با FrontPage هم بتوانید به آن دسترسی داشته باشید.
می توانید
همانگونه که با فرم های معمولی ویژوال بیسیک کار می
کردید از Web Formی که جلوی شما است استفاده کنید،
یعنی به شما امکان استفاده از Toolbox و استفاده از کامپوننت های درون آن بر روی Web Form داده شده است. یک Label را از Toolbox برداشته و بر روی قسمت بالای فرم قرار دهید و خاصیت
Text آن را به Hello World تغییر دهید.
برای این مثال تمام کاری که لازم بود انجام شود را انجام دادیم.
حالا می توانیم برنامه را اجرا کنیم. قبل از اینکار از Toolbar و در قسمت Solution Configuration به
جای Debug ،Release را انتخاب کنید. حالا بوسیله کلید
F5 برنامه
را اجرا کنید. اگر هیچ مشکلی در سیستم نباشد باید
صفحه مرورگر باز شود و فایل WebForm1.aspx نمایش داده وبر روی آن Hello World نوشته شود.
بر روی صفحه
مرورگر کلید سمت راست موس را بزنید و View Source را انتخاب کنید تا ببینید چه
مطالبی در سورس این صفحه آمده است. همانطور که می بینید
کدهایی به HTML است که بوسیله فایل aspx در زمان اجرا ایجاد شده است.
همانطور که می بینید
یک HTML Form در این متن دیده می شود در
حالی که ما چنین چیزی را اضافه نکرده بودیم، درباره
این مساله در ادامه توضیح خواهم داد. Labelی که
اضافه کرده بودیم در تگ Span قرار دارد. تگ Span مانند یک Container برای Label ما است و اطلاعات آن را در خود نگهداری می کند. به ویژوال
استودیو دات نت باز می گردیم.
همانطور که دیدید
Web
Form ها خیلی شبیه
فرم های معمولی ویندوز هستند. در Web From جدیدی که می سازیم این
خاصیت را بیشتر امتحان می کنیم. در برنامه Hello World که ایجاد کردیم تنها یک Web Form داشتیم: WebForm1.aspx. یک Web Form دیگر می سازیم تا کارهای
بیشتری با آن انجام دهیم.
منوی Project | Add
Web Form را انتخاب کنید.
در فرمی که باز می شود Web Form را انتخاب کنید و مطمئن شوید که نام آن WebForm2.aspx است. (قبل از این کار ویژوال استودیو
را از حالت اجرای برنامه خارج کنید)
بر روی Open کلیک کنید تا WebForm2.aspx در Solution ایجاد شود. بر روی WebForm2.aspx در Solution Explorer دو بار کلیک کنید تا مطمئن باشید که فرمی که
تازه ایجاد کرده اید فعال است. مانند مثال قبلی یک Label بر روی فرم قرار دهید، سپس یک
Button در زیر
آن قرار دهید و اندازه هر دو را یکسان کنید. بر روی Label کلیک کنید و از پنجره Properties خاصیت ID را انتخاب کنید و آن را به lblText تغییر دهید. سپس بر روی
کلید کلیک کنید و ID آن را به btnSubmit تغییر دهید. بر روی کلید
یک بار کلیک کنید، سپس کلید Enter را بزنید تا به قسمت نوشتن کد برای
این کلید وارد شوید.
در ASP.NET هر کدام از کنترل ها، کدی در پشت صحنه برای
خود دارند. همانطور که مشاهده می کنید یک روال با نام btnSubmit_Click وجود دارد که هنگامی که بر روی کلید کلیک می
شود اجرا می شود. کدی که در این روال نوشته شده باشد در سرور
اجرا می شود و نه در مرورگر کامپیوتر کاربر. کد زیر را در روال
مورد بحث بنویسید:
lblText.Text = "Hello" World
همانطور که مشاهده کردید IntelliSense وارد عمل شده و وقتی بعد از lblText، نقطه را تایپ کردید لیستی
از خواص و متد های مربوط به Label را به شما نمایش داد. این خاصیت در InterDev هم وجود دارد ولی در ویژوال استودیو
دات نت از امکانات بیشتر و لیست پرمحتواتری برخوردار است.
پنجره کد را ببندید و به قسمت طراحی Web Form بروید، خاصیت Text کلید را به Submit تغییر دهید. حالا برنامه را
امتحان می کنیم. اگر سعی کنید تا برنامه را بوسیله
کلید F5 اجرا کنید
دوباره WebForm1.aspx نمایش
داده خواهد شد، زیرا که این فرم، فرم ابتدایی در پروژه ما
است. برای اینکه WebForm2.aspx به فرم ابتدایی تبدیل شود در پنجره Solution
Explorer بر روی WebForm2.aspx کلید سمت راست موس را بزنید و سپس Set As Start
Page را انتخاب کنید. حالا
می توانید برنامه اجرا کنید.
Web Form جدید، WebForm2.aspx در مرورگر اینترنت نمایش داده می شود در حالی
که بر روی آن یک Label و یک کلید وجود دارد. بر روی کلید کلیک
کنید تا متنی که تایپ کرده بودید در Label نمایش داده شود. همانطور که می بینید
برنامه مانند فرم های معمولی ویندوز اجرا می شود.
بازگشت به فهرست
بازگشت به صفحه نخست