آموزش نحوه ايجاد يک برنامه وب در دات نت ASP.Net

[Bad Sector]

آموزش نحوه ايجاد يک برنامه وب در دات نت ASP.Net :

بخش رابط کاربر ، يکی از عناصر اصلی و بسيار مهم در يک نرم افزار است . در برنامه های وب دات نت ، اين مسئوليت بزرگ به فرم های وب واگذار شده است . با استفرار متن و يا کنترل های مورد نياز با توجه به سياست طراحی نرم افزار بر روی يک فرم وب ، زمينه ارتباط با کاربر و استفاده از پتانسيل های ارائه شده توسط يک برنامه وب دات نت ، فراهم می گردد. فرم های وب شباهت بسيار زيادی با فرم های ويندوز در يک برنامه ويندوز دارند . بر خلاف برنامه های ويندوز ، برنامه های وب بر روی يک سرويس دهنده اجراء و از طريق زير ساخت اينترنت ( و يا اينترانت ) خدمات خود را در اختيار متقاضيان ( سرويس گيرندگان ) قرار می دهند .بديهی است که نحوه ايجاد و سازماندهی يک پروژه برنامه وب دارای تفاوت های محسوسی نسبت به برنامه های ويندوز است . در اين مقاله قصد داريم به بررسی ماهيت يک پروژه برنامه وب پرداخته و در ادامه با نحوه ايجاد يک برنامه وب با استفاده از امکانات ويژوال استوديو دات نت ، آشنا شويم .

ايجاد يک برنامه وب جديد :

اولين مرحله بمنظور ايجاد يک برنامه وب ، شروع يک پروژه جديد در ويژوال استوديو دات نت است . ويژوال استوديو دات نت در اين رابطه تمپليت های متفاوتی را ارائه نموده است .زمانيکه پروژه ای جديد با استفاده از تمپليت انتخابی ، ايجاد می گردد ، ويژوال استوديو دات نت يک فايل پروژه ، يک فرم وب جديد ( خالی) و ساير فايل های مورد نياز برنامه را بصورت اتوماتيک ايجاد می نمايد . بمنظور ايجاد يک پروژه برنامه وب از طريق ويژوال استوديو دات نت ، مراحل زير را دنبال می نمائيم :

مرحله يک : در صفحه شروع ويژوال استوديو دات نت ، گزينه New Project را انتخاب می نمائيم. در ادامه، جعبه محاوره ای New Projecr نمايش داده می شود. ويژوال استوديو دات نت ، برنامه های وب را در دايرکتوری مجازی Localhost مستقر می نمايد .

مرحله دوم: در جعبه محاوره ای New Project ، تمپليت ASP.NET Web Application را انتخاب و در ادامه نام مورد نظر برای پروژه جديد را در فيلد اطلاعاتی Location مشخص و در نهايت بمنظور تائيد عمليات فوق ، بر روی دکمه OK ، کليک نمائيد.

مرحله سوم : زمانيکه پروژه ای جديد وب در ويژوال استوديو دات نت ، ايجاد می گردد محيط برنامه نويسی يک فولدر جديد با نام مشابه پروژه را ايجاد و فولدر فوق را در فولدر ريشه وب سايت پيش فرض ( تحت IIS ) مستقر می نمايد. محل فوق ، در فيلد اطلاعاتی Location مربوط به جعبه محاوره ای New Project مثلا بصورت زیرhttp://localhost/SrcoSamples/WebApplication1
در نظر بگیرید.

سازماندهی پروژه ها بهمراه IIS :
در ابتدا لازم است به اين نکته اشاره گردد که برنامه های وب صرفا" قادر به استقرار در محلی می باشند که توسط IIS بعنوان فولدر مجازی تعريف و مشخص شده است . فولدر مجازی ، منبعی اشتراکی است که توسط نامی مستعار که نشاندهنده يک آدرس فيزيکی بر روی يک سرويس دهنده است ، مشخص می گردد . درصورتيکه يک فولدر فيزيکی از طريق جعبه محاوره ای New Project انتخاب گردد ، نظير C:\Mylocation ، ويژوال استوديو دات نت ، دکمه OK را غير فعال می نمايد ( عمليات انجام شده صحيح نبوده و نمی توان يک برنامه وب را در آدرس مشخص شده ، ايجاد کرد) .

فولدر مجازی Localhost // ، فولدر ريشه وب است . IIS ، موقعيت فيزيکی فولدر ريشه وب را مشخص می نمايد. IIS ، بصورت پيش فرض ، بر روی درايو بوت ( درايوی که عمليات راه اندازی سيستم از آنجا ، آغاز می گردد ) و درآدرس Inetpub\wwwRoot \ مستقر می گردد.در مقابل استفاده از پيش فرض فوق و ممانعت از آشفتگی و شلوغی استقرار پروژه های نمونه ، کد توليد شده و ساير موارد ، می توان بمنظور سازماندهی پروژه ها، فولدرهائی مجازی را ايجاد و پروژه های مورد نظر بهمراه فايل های مرتبط را در آنان مستقر نمود. درادامه و قبل از ايجاد پروژه های جديد ، می توان فولدرهای فوق را با وب به اشتراک گذاشت . لازم است به اين نکته توجه گردد که ويژوال استوديو دات نت برای هر پروژه يک فولدر جديد را ايجاد می نمايد

[Bad Sector]

با استفاده از IIS می توان فولدرهای مجازی جديدی را ايجاد و از آنان بمنظور مديريت وب سايت های ميزبان شده بر روی کامپيوتر، استفاده نمود. ايجاد يک فولدر مجازی بمنظور استفاده در ويژوال استوديو دات نت ، مستلزم انجام دو فعاليت اصلی است :

ايجاد فولدر مجازی . فولدرهای مجازی ، مکانی را که پروژه های برنامه های وب بصورت فيزيکی ذخيره می گردند را مشخص می نمايند .بنابراين می توان از آنان بمنظور سازماندهی پروژه های مورد نظر خود درزمان پياده سازی استفاده کرد.

افزودن Frontpage Server Extentions به فولدر مجازی بمنظور ايجاد يک Subweb . يک Subweb ، فولدری مجازی است که شامل يک وب سايت است . افزودن Frontpage server extentions به يک فولدر مجازی ،امکان ايجاد و پشتيبانی برنامه های وب موجود در فولدر مربوطه را برای ويژوال استوديو دات نت ، فراهم می نمايد .

ايجاد يک فولدر مجازی :
بمنظور ايجاد يک فولدر مجازی در IIS ، مراحل زير را دنبال می نمائيم .
مرحله يک : بر روی Default Web Site کليک سمت راست نموده و از طريق منوی New ، گزينه Virtual Directory انتخاب گردد.

مرحله دوم : IIS ، در ادامه ويزارد ( برنامه کمکی ) ايجاد يک فولدر مجازی را فعال تا زمينه ايجاد يک فولدر مجازی جديد فراهم گردد .پس از فشردن دکمه Next و استقرار در صفحه Virtual Directory Alias ، نام مستعار دلخواه برای فولدر مجازی را تايپ می نمائيم ( SrcoSamples ) .

مرحله سوم : نام مستعار تايپ شده در حقيقت اشاره گری است که بکمک آن منابع موجود در فولدر ، مشخص می گردند. در ويژوال استوديو دات نت ، نام فوق بمنظور مشخص نمودن محل و موقعيت پروژه استفاده می گردد . با فشردن دکمه Next ، ويزارد فوق ، صفحه Web Site Content Directory را نمايش خواهد داد.

مرحله چهارم : مسير مورد نظر برای مرتبط نمودن فولدر فيزيکی به فولدر مجازی را مشخص می نمائيم . فولدر فوق ، محل استقرار فولدرهای پروژه را مشخص می نمايد. با فشردن دکمه Next ، ويزارد فوق ، صفحه Access Permission را نمايش خواهد داد.

مرحله پنجم : مجوزهای پيش فرص در نظرگرفته شده را پذيرفته و با فشردن دکمه Next به عمليات ايجاد يک فولدر مجازی خاتمه می دهيم .

[Bad Sector]

بمنظور افزودن Frontpage Server Extensions به يک فولدر مجازی ، مراحل زير را دنبال می نمائيم :

مرحله يک : بر روی آيکون Localhost در IIS ، کليک سمت راست نموده و گزينه New server Extensions Web را انتخاب می نمائيم .

مرحله دوم : IIS ، ويزارد New Subweb را آغاز تا زمينه لازم بمنظور افزودن Frontpage Server Extensions به فولدر مجازی فراهم گردد . با فشردن دکمه Next ، صفحه Subweb Name نمايش داده می شود.

مرحله سوم : نام فولدر مجازی را در فيلد اطلاعاتی مربوطه تايپ می نمائيم . نام فوق مطابق نام مستعار وارد شده در مرحله ايجاد يک فولدر مجازی است ( SrcoSamples) . شرح مختصری در ارتباط با فولدر مجازی را در فيلد اطلاعاتی تايپ و يا آن را به صورت خالی رها می کنيم . با فشردن دکمه Next ، ويزارد موردنظر صفحه Access Control را نمايش خواهد داد.

مرحله چهارم : مقادير پيش فرض در نظر گرفته شده را پذيرفته و با فشردن دکمه Next و در ادامه Finish به عمليات ايجاد يک Subweb خاتمه می دهيم .

ايجاد يک پروژه جديد در يک فولدر مجازی :
پس از ايجاد يک فولدر مجازی و افزودن Server Extensions به آن ، می توان از آن در ويژوال استوديو دات نت و بمنظور ايجاد پروژه های جديد استفاده نمود. بمنظور ايجاد يک پروژه برنامه وب جديد در فولدر مجازی ايجاد شده ، گزينه New Project رااز طريق منوی فايل File در ويژوال استوديو انتخاب و نام فولدر مجازی رادر فيلد اطلاعاتی مربوط تايپ می نمائيم.

اضافه نمودن کنترل ها و نوشتن کد
پس از ايجاد يک برنامه وب توسط ويژوال استوديو دات نت ، يک فرم وب جديد در پنجره وسطی نمايش داده می شود( يک فرم خالی ) . در اين مرحله می توان کنترل های لازم را از Toolbox انتخاب و بر روی فرم وب مستقر نمود.برای افزودن کد مورد نظربمنظورپاسخگوئی به رويدادها در ارتباط با فرم وب ، بر روی کنترل مورد نظر کليک ( Double Click) نموده و پس از نمايش پنجره کد ، می توان اقدام به درج کد مورد نظر کرد.بمنظور اجرای برنامه می توان از کليد F5 استفاده نمود. ويژوال استوديو دات نت برنامه راايجاد ، مرورگر را فعال و صفحه موردنظر را در مرورگر نمايش خواهد داد .

همانگونه که قبلا" اشاره گرديد، برنامه های فرم های وب عليرغم شباهت زيادی که با برنامه های فرم های ويندوز دارند ، دارای تفاوت های محسوسی نيز می باشند که به برخی از آنان اشاره می گردد :

Tools . امکان استفاده از کنترل های استاندارد ويندوز توسط فرم های وب ، وجود نداشته و آنان در مقابل از کنترل های Server ، کنترل های HTML ، کنترل های کاربر و يا کنترل های سفارشی ايجاد شده مختص فرم های وب ، استفاده می نمايند.

User Interface ، شکل ظاهری و نحوه نمايش يک فرم وب توسط مرورگر مربوطه را مشخص می نمايد. برنامه های وب می توانند در مرورگر IE و يا Netscape و يا ساير مرورگرهای سازگاربا HTML نمايش داده شوند. مرورگرهای متفاوت ( وحتی ورژن های متفاوت يک نسخه مرورگر ) ، ويژگی های متفاوتی از HTML راحمايت نموده و اين موضوع می تواند باعث تغيير شکل ظاهری و رفتار فرم های وب گردد .لازم است به اين نکته اشاره گردد که کنترل های سرويس دهنده اکثر تفاوت های موجود در اين زمينه را با ظرافت حل می نمايند.

LifeTime . فرم های ويندوز ، ماداميکه به خدمات آنان نياز باشد ، وجود داشته و در ادامه و با توجه به عدم ضرورت استفاده از آنان ، غير قابل دسترس می گردند.رفتار فرم های وب ، اينچنين نبوده و پس از ارسال برای مرورگر سرويس گيرنده ، بلافاصله از بين خواهند رفت . بدين ترتيب ، تمامی متغيرها و اشياء تعريف شده در يک فرم وب بمحض نمايش فرم وب ، حذف می گردند. بمنظور انجام عمليات مرتبط با فرم های وب لازم است ، اطلاعات موجود در يک فرم وب را در اشياء خاصی ( State ) که توسط ASP.NET ارائه و حمايت می گردند ، ذخيره نمود .

اجراء . بخش عمده اجرائی يک برنامه وب بر روی سرويس دهنده وب ،مستقر می گردد. برنامه های وب نوع خاصی از برنامه های سرويس گيرنده - سرويس دهنده می باشند. مرورگر تنها نرم افزاری است که در سمت سرويس گيرنده نصب و مسئوليت اجراء و نمايش بخش رابط کاربر را بر عهده دارد . تمامی اطلاعات مبادله شده بين سرويس گيرنده و سرويس دهنده بصورت HTML می باشد .

فايل ها در يک پروژه فرم های وب :
فرم وب ، صرفا" يکی از يازده نوع فايلی می باشد که ويژوال استوديو دات نت در زمان ايجاد يک پروژه جديد ايجاد می نمايد . در زير اهداف هر يک از فايل های پروژه آمده است. ويژوال استوديو دات نت ، فايل های متفاوتی را برای هر پروژه برنامه وب جديد ، ايجاد می نمايد . لازم به است به اين نکته اشاره گردد که تمامی فايل های ايجاد شده در Solution Explorer نمايش داده نخواهند شد .

AssemblyInfo
AssemblyInfo.Csvb
فايل فوق ، شامل تمامی گزينه های مربوط به ايجاد پروژه شامل : ورژن ، نام شرکت ، گزينه های کمپايلر و ساير موارد مرتبط می باشد.

Global.asax
فايل فوق ، شامل رويدادهای سراسری است که دريک برنامه وب محقق می گردد ( چه زمانی برنامه شروع و يا خاتمه می يابد) .در ارتباط با هر پروژه ، صرفا" يک فايل Global.asx وجود داشته و در فولدر ريشه مربوط به پروژه، ذخيره می گردد.

Global.asax.vb
Global.asax.cs
فايل فوق ، شامل کد استفاده شده در Gloal.asax می باشد . اين فايل در Soloution Explorer نشان داده نمی شود.

Style.Css
فايل فوق ، شامل تعاريف مختلفی بمنظور تعريف سبک نمايش HTML های توليد شده توسط پروژه می باشد .

Web.Config
فايل فوق ، شامل تنظيماتی است که سرويس دهندگان وب در زمان پردازش پروژه از آنان استفاده می نمايند . تنظيمات فوق ، نحوه گزارش خطاء ، نوع تائيد کاربر و ساير موارد مرتبط را مشخص می نمايد.در ارتباط با هر پروژه صرفا" يک فايل web.config وجود داشته و محل استقرار آن در فولدر ريشه پروژه است .

Projectname.disco
فايل فوق ، شامل شرح سرويس های وب ارائه شده توسط پروژه است .

WebForm1.aspx
فايل فوق ، عناصر ويژوال موجود در يک فرم وب را تشريح می نمايد.

WebForm1.aspx.resx
فايل فوق ، شامل منابع XML استفاده شده توسط فرم وب است .اين فايل در Solution Explorer نشان داده نمی شود.

WebForm1.aspx.vb
WebForm1.aspx.cs
فايل فوق ، شامل کد مورد نظر بمنظور پاسخگوئی به رويدادها در فرم وب است . اين فايل در Solution Explorer نشان داده نمی شود.

Projectname.vbproj
Projectname.csproj
فايل فوق (فايل پروژه) ، ليست فايل ها و تنظيمات استفاده شده در زما ن طراحی را ليست می نمايد. اين فايل در Solution Explorer نشان داده نمی شود.

Projectname.vbproj.webinfo Projectname.csproj.webinfo
فايل فوق ، شامل اشاره گرها ی وب زمان طراحی برای پروژه می باشد. اين فايل در Solution Explorer نشان داده نمی شود.

علاوه بر فايل های فوق ، در پروژه های برنامه های وب از فايل های ديگری نيز استفاده می گردد( با نوع های خاص ). در اين راستا می توان ، نوع های متفاوت زير را به يک پروژه برنامه وب اضافه کرد :

فايل های با انشعاب .ASPX ( فرم وب ) ، هر فرم وب باعث ايجاد يک صفحه وب ASP.NET در برنامه می گردد. برنامه ها می توانند دارای يک و يا چندين فرم وب باشند. فرم های وب دارای فايل های جاوی کدی می باشند که به آنان مرتبط شده و دارای انشعاب aspx.vb . و يا aspx.cs . می باشند .

فايل های با انشعاب html ( صفحات Html ) . صفحات وبی که شامل کدهای سمت سرويس دهنده نبوده و می توانند بصورت صفحات Html در پروژه ظاهر گردند .

فايل های با انشعاب vb . و يا cs . ( کلاس و يا ماژول ) .کدهائی که اشياء را در برنامه تعريف می نمايند در کلاس ها قرار می گيرند .

فايل های با انشعاب acsx . ( کنترل Web user ) . کنترل های کاربر که توسط ساير فرم های وب و کنترل های سرويس دهنده در ويژوال استويدو ايجاد شده اند .

فايل های با انشعاب xsd . ( مربط به DataSet ) . يک XML Schema را بهمراه کلاس های Dataset ايجاد می نمايد .

فايل های موجود در يک برنامه وب
زمانيکه يک پروژه فرم وب ايجاد می گردد ، ويژوال استوديو تمامی کدهای منبع را به يک فايل اجرائی ( DLL ) ترجمه و آن را در دايرکتوری bin / ،ذخيره می نمايد. شکل ظاهری برنامه وب همچنان بصورت فايل های aspx . و html باقی خواهند ماند . زمانيکه مرورگر درخواست يک صفحه خاص را می نمايد ، IIS فايل اجرائی برنامه رااجراء ، پاسخ لازم را توليد و در نهايت برای سرويس گيرنده ارسال می نمايد. در موارديکه ، رويدادی نظير فشردن يک Button محقق می گردد ، درخواست مجددا" برای سرويس دهنده ارسال تا پس از اجرای روتين مسئول ، مجددا" پاسخ مربوطه برای مرورگر ارسال گردد .



منبع