گام 1 - مراحل ایجاد فرم لاگین

ابتدا از قسمت منوبرنامه Microsoft visual studio2010  را انتخاب می کنیم.

سپس نرم افزار Microsoft visual studio2010   را دابل کلیک می کنیم تا برنامه ران شود.

سپس یک صفحه همانند صفحه زیر نمایان می شود.

سپس پنجره برنامه  Microsoft visual studio2010   باز می شود.

همانند پنجره زیرکه در تصویر مشاهده می نمایید.

سپس از این قسمت به منوی file رفته وزیر منویfile به گزینه new رفته و در آنجا

از بین گزینه ها web site رفته همانند تصویری که در زیر مشاهده می نمایید.

بعد از زدن این گزینه در پنجره باز شده ابتدا از قسمت .NET framework  را به .NETframework3.5 تغییر می دهیم.

و بعد از تغییر .NETمورد نظر از بین گزینه های زیر گزینه ASP.NET web site را زده و کلید ok را می زینیم.

بعد از انجام فرآیند بالا پنجره زیر باز می شود.

سپس از قسمت Solution Explorer روی Default.aspx راست کلیک کرده

و گزینه rename را زده و از Default به  login تغیر می دهیم.

سپس از قسمت Solution Explorer  رفته بر روی web site

مورد نظر راست کلیک کرده و گزینه  add new items را می زنیم.

و بعد از انتخاب add new item  از پنجره بازشده گزینه web form  را انتخاب

و از قسمت name نام آن را از Default به register تغییر می دهیم و کلید add را می زنیم.

و بعد کلید add دوباره به پنجره  Solution Explorer  رفته بر روی web site

مورد نظر راست کلیک کرده و گزینه new folder را می زنیم. و نام آن را از new folder به user تغییر می دهیم.

و بعد دابل کلیک کرده تا بر روی  پنجره  Solution Explorer   قرار گیرد

و سپس بر روی پوشه user راست کلیک کرده و گزینه  add new items را می زنیم

و از پنجره باز شده گزینه web form را زده و از قسمت name  نام آن

را از Default به home  تغییر می دهیم و کلید add را می زنیم.

و بعد دابل کلیک کرده تا بر روی  پنجره  Solution Explorer   قرار گیرد

و سپس بر روی پوشه user راست کلیک کرده و گزینه  add new items را می زنیم

و از پنجره باز شده گزینه web configuration file را زده و کلید add را می زنیم.

و بعد دابل کلیک کرده تا بر زیر منوی  پوشه user  قرار گیرد و دوباره  بر روی پنجره

 Solution Explorer  رفته بر روی web site مورد نظر راست کلیک کرده و

گزینه new folder را می زنیم. و نام آن را از new folder به admin تغییر می دهیم.

و بعد دابل کلیک کرده تا بر روی  پنجره  Solution Explorer   قرار گیرد

و سپس بر روی پوشه admin راست کلیک کرده و گزینه  add new items را می زنیم

و از پنجره باز شده گزینه web form را زده و از قسمت name  نام آن

را از Default به management تغییر می دهیم و کلید add را می زنیم.

و بعد دابل کلیک کرده تا بر روی  پنجره  Solution Explorer   قرار گیرد

و سپس بر روی پوشه admin راست کلیک کرده و گزینه  add new items را می زنیم

و از پنجره باز شده گزینه web configuration file را زده و کلید add را می زنیم.

 

و بعد از اتمام این روند بر روی login رفته و به قسمت design  و

سپس از نوار toolbox رفته و از آیتم های موجود بر روی login  رفته و

از زیر منوی آن گزینه login  را انتخاب می کینم.

و دابل کلیک کرده تا برروی محیط designقرار گیرد .

و سپس بر روی پنجره آیتم مورد نظر کلیک کرده و وارد قسمت properties می شویم.

اولین گزینه از این بخش properties خاصیت  create user text را برابر ثبت نام  قرار می دهیم.

و بعد از گزینه از بخش properties خاصیت  create user url را پنجره سه نقطه را انتخاب میکنیم.

را کلیک کرده و از پنجره باز شده از قسمت web site  پنجره register.aspx را انتخاب و کلید ok  را می زنیم.

و بعد از ین گزینه ابخش properties خاصیت login button text  را از  log in را برابر ورود قرار می دهیم.

و بعد از این گزینه بخش properties خاصیت  title text   را از log in را برابر ورود به سیستم قرار می دهیم.

وبعد از این  گزینه بخش properties خاصیت  destination page url  رااز پنجره سه نقطه را انتخاب میکنیم.

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

از زیر منوی user پنجره  home.aspx را انتخاب و کلید ok  را می زنیم.

و بعد از اتمام این روند بر روی regster رفته و به قسمت design  و

سپس از نوار toolbox رفته و از آیتم های موجود بر روی login  رفته و

از زیر منوی آن گزینه create user wizard  را انتخاب می کینم.

و دابل کلیک کرده تا برروی محیط designقرار گیرد .

و سپس بر روی پنجره آیتم مورد نظر کلیک کرده و وارد قسمت properties می شویم.

اولین گزینه از این بخش properties خاصیت   continue destination page url رااز پنجره سه نقطه را انتخاب میکنیم.

را کلیک کرده و از پنجره باز شده از قسمت web site   آیتم  login  انتخاب و کلید ok  را می زنیم.

و بعد از اتمام این روند بر روی home بر روی پوشه user  رفته و

به قسمت design  و سپس از نوار toolbox رفته و از آیتم های موجود

بر روی login  رفته و از زیر منوی آن گزینه   login statusرا انتخاب می کینم.

و دابل کلیک کرده تا برروی محیط designقرار گیرد .

و دوباره  سپس از نوار toolbox رفته و از آیتم های موجود بر

روی login  رفته و از زیر منوی آن گزینه   login nameرا انتخاب می کینم.

و دابل کلیک کرده تا برروی محیط designقرار گیرد .

و دوباره  سپس از نوار toolbox رفته و از آیتم های موجود

بر روی standard   رفته و از زیر منوی آن گزینه  Hyperlink را انتخاب می کینم.

و دابل کلیک کرده تا برروی محیط designقرار گیرد .

و سپس بر روی پنجره آیتم   login status کلیک کرده و وارد قسمت properties می شویم.

اولین گزینه از این بخش properties خاصیت   logout  page url رااز پنجره سه نقطه را انتخاب میکنیم.

را کلیک کرده و از پنجره باز شده از قسمت web site   آیتم  login  انتخاب و کلید ok  را می زنیم.

و سپس بر روی پنجره آیتم   Hyperlinkکلیک کرده و وارد قسمت properties می شویم.

اولین گزینه از این بخش properties خاصیت   navigate page url رااز پنجره سه نقطه را انتخاب میکنیم.

را کلیک کرده و از پنجره باز شده ازپوشه   admin زیر منوی   management انتخاب و کلید ok  را می زنیم.

و بعد از این گزینه از این بخش properties خاصیت  text را از Hyperlink  را برابر ورود به بخش مدیریت قرار می دهیم.

و سپس از بخش  properties خاصیت  visible را از گزینه true به false تغییر می دهیم.

و سپس بعد از اتمام موارد بالا از منوی start به پوشه  Microsoft visual studio 2010  رفته 

و گزینه  visual studio command prompt را کلیک می کنیم.

را کلیک می کنیم و پنجره زیر نمایان می شود.

 و سپس بعد از  کد  c:\program files(x89)\Microsoft visual studio 10.0\vc> 

کد aspnet_regsql.exe را میزنیم که بعد از اندکی پنجره زیر باز می شود.

وسپس بعد از آمدن این پنجره دکمه next را میزنیم و پنجره زیر باز می شود.

و در پنجره زیر گزینه  configure sql server for application services را انتخاب

و سپس گزینه  next را میزنیم و پنجره زیر باز می شود.

در پنجره باز شده در قسمت server نیز نام سرور موردنظر را مشاهده می کنیم .

و در قسمت  database نام default را کراپ کرده و می نویسیم

 aspnetdb همانند پنجره ای در زیر مشاهده می نمایید.

و سپس کلید next  را زده و پنجره زیر نمایان می شود.

و سپس کلید finish را میزنیم.

 

و بعد از به اتمام رسیدن مراحل بالا وارد  مرحله  محیط کد نویسی می شویم.

از قسمت  Solution Explorer بر روی گزینه web.config وب سایت رفته همانطور که در تصویر مشاهده می نمایید.

 دابل کلیک کرده و به قسمت  connection string  میرویم .همانطور که در عکس مشاهده می کنید.

 و کد زیر را می نویسیم.

 برای اینکه به قسمت  connection string  رشته در دو دابل ” “

منظور رشته Data Source=.;Initial Catalog=aspnetdb; Integrated Security=True به

قمسمت server explorer رفته در پنجره زیر که مشاهد می فرمایید.

وبر روی قسمت  data connection راست کلیک کرده و گزینه  add connection  را میزنیم .

و بعد از انتخاب این گزینه پنجره زیر باز می شود که در پنجره زیردر قسمت server name یک .  را وارد می کنیم

و همچنین از قسمت  select or enter a database name  نام دیتابیسی که  در پنجره مشکی رنگ منظور

همان  visual studio command prompt را انتخاب و در آخر گزینه  task connection  را میزنیم

اگر با پیغام  test connection succeeded  مواجعه شدید یعنی عملیات با موفقیت انجام شده است.

همانند تصویر زیر که مشاهده می نمایید.

و سپس دکمه ok را زده و سپس دوباره دکمه ok را میزنیم.

و در پنجره باز شده بر روی دیتا بیسی که ایجاد کردیم

را انتخاب و از پنجره properties خاصیت  connection string  

را کپی و در  connection string  بین “” پیست میکنیم.

سپس  به دومین کد که این  web .config باید عوض شود خاصیت  

<authentication mode=”Windows” /> راانتخاب کرده همانند تصویر زیر انجام میدهیم.

این خاصیت را پاک کرده و کد زیر را می نویسیم.

سپس به  web .config پوشه user رفته و کد زیر را می نویسیم.

سپس به  web .config پوشه admin   رفته و کد زیر را می نویسیم.

و بعد از انجام این عملیات به قسمت  register  رفته و از قسمت properties و

از قسمت event رویداد  continue button click  را در   create user wizard1 انتخاب کرده

همانند تصویر زیر که مشاهده می فرمایید.

و وارد محیط کد نویسی می شویم و کد زیر را می نویسیم.

 و سپس ازبه  پوشه user رفته وبر  home.aspx راست کلیک کرده و گزینه  view code  را انتخاب می کنیم .

و سپس کد زیر را می نویسیم

و در آخر کلید f5 را کلیک می کنیم.