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

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

مقاله ای مفید و کامل

لینک پرداخت و دانلود *پایین مطلب* 

فرمت فایل:Word (قابل ویرایش و آماده پرینت)

تعداد صفحه:82

آموزش کدنویسی به همراه عکس

چکیده :

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

محموعه مقالات  مبانی برنامه نویسی وب در دات نت ایجاد یک برنامه وب در دات نت رویدادها در برنامه های وب دات نت مجموعه مقالات فرم های وب مجموعه مقالات دستیابی به داده ها در دات نت   دستیابی به داده ها در فرم های وب مجموعه مقالات  ارتباط به منابع داده در 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  مربوط به "نام"  )

و...

NikoFile