تاکنون مقالات متعددی در رابطه با دات نت و برنامه نویسی وب بر روی سایت منتشر شده است و شاید این سوال برای بسیاری از خوانندگان مطرح شده باشد که ارتباط این مطالب با یکدیگر چیست و چگونه می توان آنان را با یکدیگر مرتبط و از مطالب ارائه شده در جهت ایجاد یک برنامه وب استفاده نمود؟.
در مجموعه مقالاتی که بدین منظور آماده و بر روی سایت منتشر خواهد شد ، سعی می گردد به سوالات فوق ، پاسخ داده و با استفاده از مطالب ارائه شده و تلفیق آنان با یکدیگر، به صورت کاملا عملی و هدفمند با نحوه ایجاد یک برنامه وب ، آشنا شویم .
برای استفاده مطلوب از این مقاله ، مطالعه مقالات زیر پیشنهاد می گردد :
• محموعه مقالات مبانی برنامه نویسی وب در دات نت
• ایجاد یک برنامه وب در دات نت
• رویدادها در برنامه های وب دات نت
• مجموعه مقالات فرم های وب
• مجموعه مقالات دستیابی به داده ها در دات نت
• دستیابی به داده ها در فرم های وب
• مجموعه مقالات ارتباط به منابع داده در 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 ، استفاده می نمائیم ) .
فرم وب Login.aspx پس از استقرار اولین کنترل سرویس دهنده Label بر روی آن : افزودن یک کنترل سرویس دهنده Label دیگر بر روی فرم وب Login و تنیظیم خصلت های آن افزودن یک کنترل سرویس دهنده Label دیگر بر روی فرم وب Login و تنیظیم خصلت های آن انتخاب کنترل TextBox از طریق Web Forms tab موجود در Toolbox و استقرار آن بر روی فرم وب Login.aspx ( در مجاورت کنترل label مربوط به "نام" ) انتخاب یک کنترل TextBox دیگر و استقرار آن بر روی فرم وب Login.aspx ( در مجاورت کنترل label مربوط به "رمزعبور" ) انتخاب کنترل Button از طریق Web Forms tab موجود در Toolbox و استقرار آن بر روی فرم وب Login.aspx و تنظیم خصلت های آن انتخاب کنترل Button دیگر و استقرار آن بر روی فرم وب Login.aspx و تنظیم خصلت های آن افزودن یک کنترل سرویس دهنده Label دیگر بر روی فرم وب Login و تنیظیم خصلت های آن ( از کنترل فوق برای نمایش پیام مورد نظر در زمان بررسی صحت داده ورودی توسط کاربر، استفاده می گردد ) .
فرم وب Login.aspx پس از استقرار کنترل های سرویس دهنده مورد نیاز بر روی آن : مرحله دوم : آنالیز کدهای HTML ، تولید شده : در این مرحله با نحوه تبدیل کنترل های سرویس دهنده به عناصر HTML مختص قابل نمایش در مرورگر توسط ASP.NET runtime ، آشنا خواهیم شد.
برای مشاهده محتوی صفحه ، بر روی HTML Tab کلیک می نمائیم .
کد زیر به صورت اتوماتیک برای کنترل های سرویس دهنده استفاده شده در فرم وب Login.aspx ایجاد می گردند.
خصلت runat ="server" ، نشاندهنده سمت سرویس دهنده بودن کنترل است .
برای مشاهده خروجی در مرورگر ، گزینه Debug | Start را انتخاب و یا کلید F5 را فعال می نمائیم .
برای مشاهده خروجی HTML کنترل های سرویس دهنده ، گزینه Source را از طریق منوی View در مرورگر IE انتخاب می نمائیم : همانگونه که مشاهده می شود ، ASP.NET runtime ، کنترل های سرویس دهنده را به عناصر HTML مختص مرورگر ،تبدیل نموده است .
Runtime ممکن است در صورت ضرورت از DHTML به منظور تعیین موقعیت و محل استقرار عناصر متفاوت HTML استفاده نماید .
نتایج مراحل یک و دو فاز دوم : افزودن کنترل ها ی سرویس دهنده مورد نیاز بر روی فرم Login.aspx ( چهار کنترل Lable ، دو کنترل TextBox ، دو کنترل Button ) بررسی کد تولید شده در ویژوال استودیو دات نت برای کنترل ها ی سرویس دهنده که به صورت اتوماتیک ، ایجاد می گردند .
بررسی کد تولید شده توسط ASP.NET Runtime برای کنترل های سرویس دهنده به منظور نمایش توسط مرورگر در بخش سوم این مقاله به بررسی سایر مراحل تعریف شده در فاز دوم ( بررسی صحت داده ،افزودن اسکریپت ، ...
) ، خواهیم پرداخت .
ایجاد یک برنامه وب نمونه در دات نت ( بخش سوم ) فاز دوم : استفاده از کنترل ها مرحله اول : افزودن کنترل های سرویس دهنده به فرم وب مرحله دوم : آنالیز کدهای HTML ، تولید شده مرحله سوم : بررسی صحت و اعتبار داده ها و ارائه پیام خطاء مرحله چهارم : افزودن اسکریپت مرحله پنجم : نوشتن کد لازم در فایل Code Behind در بخش دوم این مقاله ، مراحل اول و دوم تشریح گردید .
در این بخش به بررسی مرحله سوم ، خواهیم پرداخت .
مرحله سوم : بررسی صحت و اعتبار داده ها و ارائه پیام خطاء :در این مرحله با نحوه استفاده از کنترل های Validation به منظور بررسی صحت داده ورودی توسط کاربر ، آشنا خواهیم شد.
سوئیچ نمودن به Design View ( کلیک بر روی Design tab ) استفاده از کنترل RequiredFieldValidator به منظور اطمینان از صحت درج داده ورودی در کنترل txtUserID با توجه به سیاست های مورد نظر و مقداردهی مناسب خصلت های آن : - انتخاب کنترل RequiredFieldValidator ازطریق Web Forms tab موجود در Toolbox و استفرار آن بر روی فرم وب Login.aspx ( پائین کنترل txtUserID ) .
مقداردهی مناسب خصلت های کنترل RequiredFieldValidator .
استفاده از کنترل RequiredFieldValidator به منظور اطمینان از