تاکنون مقالات متعددی در رابطه با دات نت و برنامه نویسی وب بر روی سایت منتشر شده است و شاید این سوال برای بسیاری از خوانندگان مطرح شده باشد که ارتباط این مطالب با یکدیگر چیست و چگونه می توان آنان را با یکدیگر مرتبط و از مطالب ارائه شده در جهت ایجاد یک برنامه وب استفاده نمود؟. در مجموعه مقالاتی که بدین منظور آماده و بر روی سایت منتشر خواهد شد ، سعی می گردد به سوالات فوق ، پاسخ داده و با استفاده از مطالب ارائه شده و تلفیق آنان با یکدیگر، به صورت کاملا" عملی و هدفمند با نحوه ایجاد یک برنامه وب ، آشنا شویم .
برای استفاده مطلوب از این مقاله ، مطالعه مقالات زیر پیشنهاد می گردد :
محموعه مقالات مبانی برنامه نویسی وب در دات نت
ایجاد یک برنامه وب در دات نت
رویدادها در برنامه های وب دات نت
مجموعه مقالات فرم های وب
مجموعه مقالات دستیابی به داده ها در دات نت
دستیابی به داده ها در فرم های وب
مجموعه مقالات ارتباط به منابع داده در 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 ، استفاده می نمائیم ) .
(تصاویر و جداول در فایل اصلی موجود است)