مقاله ایجاد یک برنامه وب نمونه در دات نت

توجه : به همراه فایل word این محصول فایل پاورپوینت (PowerPoint) و اسلاید های آن به صورت هدیه ارائه خواهد شد

  مقاله ایجاد یک برنامه وب نمونه در دات نت دارای ۹۱ صفحه می باشد و دارای تنظیمات در microsoft word می باشد و آماده پرینت یا چاپ است

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

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

بخشی از متن مقاله ایجاد یک برنامه وب نمونه در دات نت :

ایجاد یک برنامه وب نمونه در دات نت

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

• محموعه مقالات مبانی برنامه نویسی وب در دات نت
• ایجاد یک برنامه وب در دات نت
• رویدادها در برنامه های وب دات نت
• مجموعه مقالات فرم های وب
• مجموعه مقالات دستیابی به داده ها در دات نت

• دستیابی به داده ها در فرم های وب
• مجموعه مقالات ارتباط به منابع داده در ADO.NET
• مجموعه مقالات ذخیره وبازیابی داده توسط ADO.NET
• مجموعه مقالات امنیت برنامه های وب

• بررسی اعتبار داده ها توسط VB.NET در فرم های وب
• راهکارهای مدیریت وضعیت صفحات ASP.NET
در ابتدا لازم است یک مسئله را تعریف و در ادامه مراحل لازم برای حل آن را دنبال نمائیم :
• مسئله : ایجاد یک برنامه وب در دات نت ( سیستم مقالات )
• توضیحات : در این برنامه کاربران در ابتدا از طریق یک فرم Login تائید و پس از تائید آنان توسط برنامه ، امکان استفاده از پتانسیل های برنامه (مشاهده لیست مقالات و انجام ویرایش های لازم در رابطه با یک مقاله ) در اختیار آنان قرار خواهد گرفت

• مراحل حل مسئله : جدول زیر فازهای متفاوت حل مسئله به همراه مراحلی که می بایست در هر فاز دنبال شود را نشان می دهد :
مراحل لازم برای تکمیل فاز فاز
• مرحله اول : ایجاد و ذخیره سازی یک برنامه وب ASP.NET
• مرحله دوم : ایجاد یک فرم وب
فاز اول : آشنائی با برنامه های وب دات نت
• مرحله اول : افزودن کنترل های سرویس دهنده به فرم وب
• مرحله دوم : آنالیز کدهای HTML تولید شده

• مرحله سوم : بررسی صحت واعتبار داده ها و ارائه پیام خطاء
• مرحله چهارم : افزودن اسکریپت

• مرحله پنجم : نوشتن کد لازم در فایل Code Behind فاز دوم : استفاده از کنترل ها
• مرحله اول :فعال نمودن امکان دیباگ در برنامه های وب
• مرحله دوم : تنظیم Break point

• مرحله سوم : اشکال زدائی هوشمند
• مرحله چهارم : استفاده از Debug.write فاز سوم : اشکال زدائی برنامه
• مرحله اول : مدیریت وضعیت برنامه سمت سرویس گیرنده
• مرحله دوم : مدیریت وضعیت برنامه سمت سرویس دهنده فاز چهارم : مدیریت وضعیت برنامه

• مرحله اول : استفاده از کلاس SqlConnection
• مرحله دوم : نمایش داده در DataGrid
• مرحله سوم : Paging و مرتب سازی DataGrid

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

خلاصه و نتایج
فاز اول : آشنائی با برنامه های وب دات نت
در این فاز با نحوه ایجاد یک برنامه وب و اضافه نمودن یک فرم وب ( صفحه Login ) ، آشنا خواهیم شد.
مرحله اول : ایجاد و ذخیره سازی یک برنامه وب ASP.NET : در این مرحله ، یک برنامه وب خالی ( ساختار پیش فرض ) ، ایجاد می گردد . برای ایجاد یک پروژه جدید وب با نام SrcoTest1 ، مراحل زیر را دنبال می نمائیم :
• اجرای برنامه ویژوال استودیو

• انتخاب File|New|Project و یا فشردن کلیدهای CTRL+SHIFT+N
• انتخاب نوع پروژه Visual Basic Projects از طریق جعبه محاوره ای New Project
• انتخاب ASP.NET Web Application ،از طریق تمپلیت های ارائه شده
• درج آدرس http://localhost/SrcoTest1 در فیلد Location ( نام در نظر گرفته شده برای پروژه ، اختیاری است ) .
• تائید عملیات با فشردن دکمه OK

توضیحات : در این مرحله ، ویژوال استودیو دات نت ، یک ریشه مجازی با نام SrcoTest1 ، فایل Global.asax ، فایل Global.asax.vb ، فایل Web.Config ، فایل WebForm1.aspx.vb ، فایل Style.css و یک فرم وب پیش فرض با نام WebForm1.aspx را ایجاد می نماید . ویژوال استودیو ، همچنین فایل های SrcoTest1.disco ، فایل SrcoTest1.vbproj و فایل SrcoTest1.vbproj.webinfo را نیز ایجاد می نماید .

ویژوال استودیو دات نت ، یک فولدر با نام SrcoTest1 در مسیر InetPub\wwwroot \ را ایجاد می نماید . محتوی این فولدر به صورت زیر است :

مرحله دوم : ایجاد یک فرم وب : در این مرحله ، فرم وب پیش فرض ایجاد شده در مرحله قبل را تغییر نام داده و با نام جدید ذخیره می نمائیم .
• انتخاب View|Solution Explorer و یا فشردن دکمه های CTRL+ALT+L
• کلیک سمت راست بر روی فایل WebForm1.aspx و انتخاب دستور Rename ( از طریق پنجره Solution Explorer )
• تغییر نام فایل WebForm1.aspx به Login.aspx
• مشاهده محتویات صفحه با کلیک بر روی HTML Tab ( در قسمت پائین صفحه )
• دایرکتیو Page @ در ابتدای صفحه پارامترهای متفاوتی را برای صفحه مشخص می نماید ( مثلا” زبان استفاده شده برای نوشتن کد مرتبط با صفحه )

• برای ذخیره فایل Login.aspx ، دستور File|Save Login.aspx و یا File|Save Login.aspx As را انتخاب و یا کلید CTRL+S را فعال می نمائیم . با توجه به این که قصد ایجاد فرم وب را با محتویات فارسی ( رابط کاربر فارسی ) داریم ، گزینه File|Save Login.aspx As را انتخاب و در ادامه با انتخاب گزینه Save with Encoding ، نوع Code Page را مشخص می نمائیم .

نتایج فاز اول :
• ایجاد یک پروژه جدید با نام SrcoTest1
• تغییر نام و ذخیره فرم وب پیش فرض ( WebForm1.aspx ) به Login.aspx
در بخش دوم این مقاله به بررسی عملیات مرتبط با فاز دوم خواهیم پرداخت. در این رابطه با نحوه استفاده ازکنترل های سرویس دهنده بر روی فرم وب آشنا خواهیم شد( بخش رابط کاربر یک برنامه وب ) .

ایجاد یک برنامه وب نمونه در دات نت ( بخش دوم )
در بخش اول این مقاله به بررسی یک برنامه نمونه دات نت پرداخته و با نحوه ایجاد یک برنامه وب آشنا شدیم . در این بخش به بررسی عملیات مرتبط با فاز دوم پرداخته و با نحوه استفاده ازکنترل های سرویس دهنده بر روی فرم وب آشنا خواهیم شد( بخش رابط کاربر یک برنامه وب ) .
فاز دوم : استفاده از کنترل ها
• مرحله اول : افزودن کنترل های سرویس دهنده به فرم وب
• مرحله دوم : آنالیز کدهای HTML ، تولید شده

• مرحله سوم : بررسی صحت و اعتبار داده ها و ارائه پیام خطاء
• مرحله چهارم : افزودن اسکریپت
• مرحله پنجم : نوشتن کد لازم در فایل Code Behind

فاز دوم : استفاده از کنترل ها
در این فاز، از کنترل های سرویس دهنده و Validation ( به منظور بررسی صحت داده ورودی توسط کاربر) ، استفاده کرده و کدهای مورد نیاز را هم در سمت سرویس گیرنده ( اسکریپت های همراه فرم وب ) و هم در سمت سرویس دهنده ( کدهای نوشته شده در صفحه Code behind مربوط به صفحه Login ) خواهیم نوشت و در نهایت تگ های HTML تولید شده را بررسی می نمائیم .
مرحله اول : افزودن کنترل های سرویس دهنده به فرم وب : در این مرحله ، با نحوه استفاده از کنترل های سرویس دهنده ASP.NET آشنا خواهیم شد( چهار کنترل Lable ، دو کنترل TextBox ، دو کنترل Button )

• سوئیچ به حالت Design ( کلیک بر روی Design Tab )
• فعال نمودن پنجره Toolbox ( انتخاب گزینه Toolbox از طریق منوی View و یا فشردن کلیدهای CTRL+ALT+X )
• انتخاب کنترل Label ازطریق Web Forms tab موجود در Toolbox و استفرار آن بر روی فرم وب Login.aspx ( در وضعیت Desgin view ) .

• تنیظیم خصلت های زیر برای کنترل Label استفاده شده بر روی فرم وب . ( برای مشاهده پنجره Properties مربوط به یک کنترل ، پس از انتخاب کنترل دستور View|Properties را فعال و یا از کلید F4 ، استفاده می نمائیم ) .
تنظیم خصلت های کنترل Label اول
خصلت مقدار
ID lblHeading
Text ورود به بخش مقالات سایت سخا روش

• فرم وب Login.aspx پس از استقرار اولین کنترل سرویس دهنده Label بر روی آن :
•

• افزودن یک کنترل سرویس دهنده Label دیگر بر روی فرم وب Login و تنیظیم خصلت های آن

تنظیم خصلت های کنترل Label دوم
خصلت مقدار
ID lblUserID
Text نام

• افزودن یک کنترل سرویس دهنده Label دیگر بر روی فرم وب Login و تنیظیم خصلت های آن

تنظیم خصلت های کنترل Label سوم
خصلت مقدار
ID lblPassword
Text رمز عبور

• انتخاب کنترل TextBox از طریق Web Forms tab موجود در Toolbox و استقرار آن بر روی فرم وب Login.aspx ( در مجاورت کنترل label مربوط به “نام” )

تنظیم خصلت های کنترل TextBox اول
خصلت مقدار
ID txtUserID
TabIndex 1
Width 182px

• انتخاب یک کنترل TextBox دیگر و استقرار آن بر روی فرم وب Login.aspx ( در مجاورت کنترل label مربوط به “رمزعبور” )
تنظیم خصلت های کنترل TextBox دوم
خصلت مقدار
ID txtPassword
TabIndex 2
Width 182px
TextMode Password

• انتخاب کنترل Button از طریق Web Forms tab موجود در Toolbox و استقرار آن بر روی فرم وب Login.aspx و تنظیم خصلت های آن

تنظیم خصلت های کنترل Button اول
خصلت مقدار
ID btnSignin
Text ورود به سایت
TabIndex 3

• انتخاب کنترل Button دیگر و استقرار آن بر روی فرم وب Login.aspx و تنظیم خصلت های آن
تنظیم خصلت های کنترل Button دوم
خصلت مقدار
ID btnRestore
Text انصراف
TabIndex 4
CausesValidation False

• افزودن یک کنترل سرویس دهنده Label دیگر بر روی فرم وب Login و تنیظیم خصلت های آن ( از کنترل فوق برای نمایش پیام مورد نظر در زمان بررسی صحت داده ورودی توسط کاربر، استفاده می گردد ) .
تنظیم خصلت های کنترل Label
خصلت مقدار
ID lblResult
Text خالی
Font Smaller
ForeColor Red
• فرم وب Login.aspx پس از استقرار کنترل های سرویس دهنده مورد نیاز بر روی آن :

مرحله دوم : آنالیز کدهای HTML ، تولید شده : در این مرحله با نحوه تبدیل کنترل های سرویس دهنده به عناصر HTML مختص قابل نمایش در مرورگر توسط ASP.NET runtime ، آشنا خواهیم شد.
• برای مشاهده محتوی صفحه ، بر روی HTML Tab کلیک می نمائیم . کد زیر به صورت اتوماتیک برای کنترل های سرویس دهنده استفاده شده در فرم وب Login.aspx ایجاد می گردند. خصلت runat =”server” ، نشاندهنده سمت سرویس دهنده بودن کنترل است .
HTML Code For Server Controls
<asp:Label id=”lblUserID” runat=”server” ; >نام</asp:Label>
<asp:Label id =”lblPassword” runat=”server” ;>رمز عبور</asp:Label>
<asp:TextBox id=”txtUserID” runat=”server” ;></asp:TextBox>
<asp:TextBox id=”txtPassword” runat=”server” ;></asp:TextBox>
<asp:Button id=”btnSignin” runat=”server” ;></asp:Button>
<asp:Button id=”btnRestore” runat=”server”;></asp:Button>
<asp:Label id=”lblResult” runat=”server” ;></asp:Label>
•
• برای مشاهده خروجی در مرورگر ، گزینه Debug | Start را انتخاب و یا کلید F5 را فعال می نمائیم .
• برای مشاهده خروجی HTML کنترل های سرویس دهنده ، گزینه Source را از طریق منوی View در مرورگر IE انتخاب می نمائیم :
HTML Output for Server Controls in browser
<span id=”lblHeading” ; > ورود به بخش مقالات سایت سخا روش</span>
<input name=”txtUserID” type=”text” id=”txtUserID” ; />
<input type=”submit” name=”btnSignin” value=”ورود به سایت” ; />
•
• همانگونه که مشاهده می شود ، ASP.NET runtime ، کنترل های سرویس دهنده را به عناصر HTML مختص مرورگر ،تبدیل نموده است . Runtime ممکن است در صورت ضرورت از DHTML به منظور تعیین موقعیت و محل استقرار عناصر متفاوت HTML استفاده نماید .
نتایج مراحل یک و دو فاز دوم :
• افزودن کنترل ها ی سرویس دهنده مورد نیاز بر روی فرم Login.aspx ( چهار کنترل Lable ، دو کنترل TextBox ، دو کنترل Button )
• بررسی کد تولید شده در ویژوال استودیو دات نت برای کنترل ها ی سرویس دهنده که به صورت اتوماتیک ، ایجاد می گردند .
• بررسی کد تولید شده توسط ASP.NET Runtime برای کنترل های سرویس دهنده به منظور نمایش توسط مرورگر
در بخش سوم این مقاله به بررسی سایر مراحل تعریف شده در فاز دوم ( بررسی صحت داده ،افزودن اسکریپت ، ; ) ، خواهیم پرداخت .

ایجاد یک برنامه وب نمونه در دات نت ( بخش سوم )
آنچه تاکنون گفته شده است :
• بخش اول ایجاد یک برنامه و فرم وب ( فاز اول )
• بخش دوم : استفاده از کنترل های سرویس دهنده و بررسی کد HTML تولید شده ( فاز دوم )
فاز دوم : استفاده از کنترل ها
• مرحله اول : افزودن کنترل های سرویس دهنده به فرم وب
• مرحله دوم : آنالیز کدهای HTML ، تولید شده

• مرحله سوم : بررسی صحت و اعتبار داده ها و ارائه پیام خطاء
• مرحله چهارم : افزودن اسکریپت
• مرحله پنجم : نوشتن کد لازم در فایل Code Behind
در بخش دوم این مقاله ، مراحل اول و دوم تشریح گردید . در این بخش به بررسی مرحله سوم ، خواهیم پرداخت .
مرحله سوم : بررسی صحت و اعتبار داده ها و ارائه پیام خطاء :در این مرحله با نحوه استفاده از کنترل های Validation به منظور بررسی صحت داده ورودی توسط کاربر ، آشنا خواهیم شد.
• سوئیچ نمودن به Design View ( کلیک بر روی Design tab )
• استفاده از کنترل RequiredFieldValidator به منظور اطمینان از صحت درج داده ورودی در کنترل txtUserID با توجه به سیاست های مورد نظر و مقداردهی مناسب خصلت های آن :
– انتخاب کنترل RequiredFieldValidator ازطریق Web Forms tab موجود در Toolbox و استفرار آن بر روی فرم وب Login.aspx ( پائین کنترل txtUserID ) .

• مقداردهی مناسب خصلت های کنترل RequiredFieldValidator .
تنظیم خصلت های کنترل RequiredFieldValidator اول
خصلت مقدار
ID RequiredFieldValidator1
ControlToValidate txtUserID
Error Message نام کاربر می بایست وارد شود

• استفاده از کنترل RequiredFieldValidator به منظور اطمینان از صحت درج داده ورودی در کنترل txtPassword با توجه به سیاست های مورد نظر و مقداردهی مناسب خصلت های آن :
– انتخاب کنترل RequiredFieldValidator ازطریق Web Forms tab موجود در Toolbox و استفرار آن بر روی فرم وب Login.aspx ( پائین کنترل txtPassword) .
– مقداردهی مناسب خصلت های کنترل RequiredFieldValidator .
تنظیم خصلت های کنترل RequiredFieldValidator دوم
خصلت مقدار
ID RequiredFieldValidator2
ControlToValidate txtPassword
Error Message Password is required.

• استفاده از کنترل ValidationSummary به منظور نمایش خلاصه اطلاعات بررسی صحت داده های ورودی :
– انتخاب کنترل ValidationSummary ازطریق Web Forms tab موجود در Toolbox و استفرار آن بر روی فرم وب Login.aspx ( قسمت پائین صفحه )

• مقداردهی مناسب خصلت های ValidationSummary .
تنظیم خصلت های کنترل ValidationSummary
خصلت مقدار
ID ValidationSummary1
DisplayMode BulletList

• فرم وب Login.aspx پس از استقرار کنترل های سرویس دهنده و کنترل های RequiredFieldValidator و ValidationSummary :

• برای تست صحت داده ها ، گزینه Start را از طریق منوی Debug انتخاب و یا کلید F5 را فعال می نمائیم .
تست اول : کلیک بر روی دکمه “ورود به سایت ” ، بدون درج نام و رمز عبور

• تست دوم : کلیک بر روی دکمه ” ورود به سایت ” ، درج نام و بدون درج رمز عبور

• تست سوم : کلیک بر روی دکمه ” ورود به سایت ” ، درج رمز عبور و بدون درج نام

نتایج مراحل اول ، دوم و سوم فاز دوم :
• افزودن کنترل ها ی سرویس دهنده مورد نیاز بر روی فرم Login.aspx ( چهار کنترل Lable ، دو کنترل TextBox ، دو کنترل Button )
• بررسی کد تولید شده در ویژوال استودیو دات نت برای کنترل ها ی سرویس دهنده که به صورت اتوماتیک ، ایجاد می گردند .
• بررسی کد تولید شده توسط ASP.NET Runtime برای کنترل های سرویس دهنده به منظور نمایش توسط مرورگر
• بررسی صحت داده ها
در بخش چهارم این مقاله به بررسی سایر مراحل تعریف شده در فاز دوم ( افزودن اسکریپت و نوشتن کد لازم در فایل Code Behind ) ، خواهیم پرداخت .

ایجاد یک برنامه وب نمونه در دات نت ( بخش چهارم )
آنچه تاکنون گفته شده است :
• بخش اول ایجاد یک برنامه وب و فرم وب ( فاز اول )
• بخش دوم : استفاده از کنترل های سرویس دهنده و بررسی کد HTML تولید شده ( فاز دوم )
• بخش سوم : بررسی صحت و اعتبار داده ها ( فاز سوم )