گام 1 - مراحل ساخت پروفایل

چگونه  می توانیم یک پروفایل را به زبان سیc#  بنویسیم.

ابتدا از منوی start به پوشه  Microsoft visual studio 2010  رفته  و گزینه  visual studio command prompt را کلیک می کنیم.

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

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

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

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

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

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

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

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

و سپس کلید 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” /> راانتخاب کرده همانند تصویر زیر انجام میدهیم

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

و پنجره را می بندیم. سپس به قسمت  solution explorer رفته و نام  default راست کلیک کرده و rename را می زنیم.

و به  login تغییر می دهیم.

 و سپس به solution explorer رفته و روی  web site راست کلیک و گزینه add new را می زنیم.

و بعد از پنجره باز شده  web form را انتخاب و نام را از default.aspx به register تغییر می دهیم .

و کلیک add را میزنیم .

سپس به solution explorer رفته و روی new folder را می زنیم  تا به پروژمون اضافه بشود.

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

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

و در پنجره باز شده گزینه web form را انتخاب می کنیم و سپس از قسمت name نام آن را از default را به  home تغییر می دهیم.

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

و در پنجره باز شده گزینه web form را انتخاب می کنیم و سپس از قسمت name نام آن را از default را به  profile تغییر می دهیم.

سپس به قسمت  login  رفته به سر برگdesign  رفته و از قسمت toolbox  رفته و از سر برگ  login  گزینه login  را دابل کلیک کرده تا برروی صفحه قرار گیرد.

و سپس خاصیت های زیر را ست می کنیم به قسمت  properties رفته و اولین خاصیت اینکه به خاصیت  create user text می رویم و کلمه ثبت نام را وارد می کنیم.

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

سپس بر روی پروژه رفته و گزینه  register را می زنیم و سپس دکمه  ok را فشار ر می دهیم.

 و سپس گزینه  destination page url را انتخاب و سپس پنجره سه نقطه را می زنیم.

سپس به پوشه user  رفته و از زیر منوی آن  home  را انتخاب کرده و دکمه ok را می زنیم.

سپس به  register رفته و به قسمت  design رفته و از قسمت tool box از سر برگ  login کنترل  create user wizard را دابل کلیک کرده  تا بر روی صفحه قرار گیرد.

سپس به قسمت  properties رفته و خاصیت   continue destination page url را انتخاب و قسمت سه نقطه را میزنیم.

سپس از پنجره باز شده به قسمت پروژه رفته و صفحه  login  را می زنیم و دکمه  ok  را میزنیم.

سپس به صفحه  home رفته و به قسمت  design رفته و از  toolbox سر برگ    HTML کنترل  table را دابل کلیک کرده تا بر روی صفحه قرار گیرد.

سپس در سمت را ست جدول از سر برگ  standard یک کنترل  imageرا دابل کلیک کرده تا بر روی صفحه قرار گیرد.

سپس به ردیف دوم جدول به قسمت چپ رفته و نام را اضافه می کنیم.

سپس به ردیف دوم بعد از نام از قسمت toolbox از سر برگ  standard یک کنترل label  دابل کلیک کرده تا بر روی صفحه قرار گیرد.

 

سپس به ردیف سوم جدول سمت چپ رفته  و نام خانوادگی را اضافه می کنیم.

سپس به ردیف سوم  بعد از نام خانوادگی  از قسمت toolbox از سر برگ  standard یک کنترل label  دابل کلیک کرده تا بر روی صفحه قرار گیرد.

سپس بر روی یکی از سطر ها راست کلیک کرده و گزینه  insert را زده و گزینه rows of columns  را می زنیم سپس پنجره زیر باز می شود.

و بدون انجام تغییرات دکمه  ok را می زنیم.

سپس در سطر چهار در اول خانه در سمت چپ  رفته و تلفن را می نویسیم.

سپس به ردیف چهارم بعد از تلفن  از قسمت toolbox از سر برگ  standard یک کنترل label  دابل کلیک کرده تا بر روی صفحه قرار گیرد.

سپس بر روی یکی از سطر ها راست کلیک کرده و گزینه  insert را زده و گزینه rows of columns  را می زنیم سپس پنجره زیر باز می شود.

و بدون انجام تغییرات دکمه  ok را می زنیم.

سپس به سطر پنجم رفته و در ستون آخر از قسمت toolbox یک کنترل Hyperlink  را دابل کلیک کرده تا بر روی صفخه قرار گیرد.

سپس به  properties کنترل  Hyperlink رفته و خاصیت  text را از Hyperlink به پروفایل تغییر می دهیم و دکمه  enter را میزنیم.

سپس خاصیت  navigator  url را سه نقطه را می زنیم .

سپس از پنجره باز شده به قسمت پوشه  user  رفته و از  زیر منوی آن profile  را می زنیم و دکمه  ok  را میزنیم.

سپس تمام label ها را درگ کرده تا مقدار اولیه را برابر خالی کنیم به قسمت  solution explorer رفته و خاصیت  text را حذف می کنیم.

و سپس به قسمت source رفته و بعد از تگ <body>   یک فاصله و کد زیر را می نویسیم.

سپس کار پنجره home تمام شد.

 

سپس به صفحه profile رفته و به قسمت  design رفته و از قسمت toolbox  از سربرگ  HTML رفته و روی کنترل  table  دابل کلیک کرده تا بر روی صفحه قرار گیرد.

سپس به سطر اول جدول رفته و نام را اضافه می کنیم.

 سپس به سطر اول بعد از نام از قسمت toolbox از سربرگ  standard رفته و یک کنترل  textbox را دابل کلیک کرده تا بر روی  صفحه قرار گیرد.

سپس به سطر دوم جدول رفته و نام خانوادگی را اضافه می کنیم.

سپس به سطر دوم بعد از نام  خانوادگی از قسمت toolbox از سر برگ  standard رفته و یک کنترل  textbox را دابل کلیک کرده تا بر روی  صفحه قرار گیرد.

سپس در سطر سوم  جدول  رفته و رنگ را اضافه می کنیم.

سپس به سطر سوم  بعد از رنگ  از قسمت toolbox از سر برگ  standard رفته و یک کنترل  drop down list  را دابل کلیک کرده تا بر روی  صفحه قرار گیرد.

سپس بر روی یکی از سطر ها راست کلیک کرده و گزینه  insert را زده و گزینه rows of columns  را می زنیم سپس پنجره زیر باز می شود.

و بدون انجام تغییرات دکمه  ok را می زنیم.

سپس بر روی سطر چهارم رفته و تصویر پروفایل را اضافه می کنیم.

سپس به سطر چهارم   بعد از تصویر پروفایل  از قسمت toolbox از سر برگ  standard رفته و یک کنترل  file upload   را دابل کلیک کرده تا بر روی  صفحه قرار گیرد.

سپس گزینه tab را زده تا یک سطر جدید ایجاد شود و در سطر پنجم  رفته و تلفن را می نویسیم.

سپس به سطر پنجم  بعد از تلفن   از قسمت toolbox از سر برگ  standard رفته و یک کنترل  text box   را دابل کلیک کرده تا بر روی  صفحه قرار گیرد.

سپس بعد دوباره دکمه tab را زده وبه سطر شش رفته و در آخرین ستون از قسمت toolbox=x سر برگ  standard یک کنترل  button  قرار می دهیم.

سپس به قسمت properties کنترل  button رفته و خاصیت  text آن را از  button  به  بروز رسانی پروفایل تغییر می دهیم.

سپس دوباره کلید tab را زده تا سطر هفتم ایجاد شود و سپس در سطر دوم از قسمت  toolbox سربرگ  standard یک کنترل  Hyperlink دابل کلیک کرده تا بر روی فرم قرار گیرد.

سپس به قسمت  properties کنترل  Hyperlink رفته و خاصیت  text  آن را از text  به خانه تغییر می دهیم .

قرار است یکسری اطلاعات که در صفحه profile است برای کاربرذخیره شود از جمله:تصویر پروفایل ،

رنگ مورد علاقه و همچنین مشخصات فرد و هم البته می نوانیم خیلی امکانات را به آن بیافزاید از جمله:

لیست دوستان فرد را بگیرید

صندوق پستی این فرد را داشته باشید

پیغام های مربوط به کابر را لود کنیم

چت مربوط به کابر را لود کنیم

گفتگو های تکست را بیاورید

و… هم این ها می توان به همین شکل ادامه پیدا کند.

در ابتدا باید یک پروفایل درست کرد .برای پروفایل ابتدا به  web.config وب سایت باز گشته و به قسمت </authentication>  بعد از آن کد زیر را می نویسیم.

 سپس دکمه خروج را زده تا کد ذخیره شود.

سپس به دکمه بروز رسانی پروفایل دابل کلیک کرده تا وارد محیط برنامه نویسی شویم سپس در قسمت  using  کد زیر را می نویسیم.

 که این کد اجازه میدهد که  با فایل انجام بشود.

سپس protected void Button1_Click(object sender, EventArgs e) رفته و کد زیر را می نویسیم.

به قسمت

و سپس به قسمت  drop down list  در صفحه  profile رفته در قسمت رنگ بر روی  drop down list کلیک و از قسمت مثلث آیتم  گزینه  edit item را می زنیم.

سپس وارد صفحه می شویم گزینه add را زده و سپس در قسمت  list item properties  در گزینه  text  اسم red  را درج   می نماییم.

سپس دوباره گزینه add را زده و و سپس در قسمت  list item properties  در گزینه  text  اسم yellowرا درج   می نماییم.

سپس دوباره گزینه add را زده و و سپس در قسمت  list item properties  در گزینه  text  اسم pinkرا درج   می نماییم.

سپس دوباره گزینه add را زده و و سپس در قسمت  list item properties  در گزینه  text  اسم purple درج   می نماییم.

سپس دوباره گزینه add را زده و و سپس در قسمت  list item properties  در گزینه  text  اسم blueرا درج   می نماییم.

سپس دوباره گزینه add را زده و و سپس در قسمت  list item properties  در گزینه  text  اسم greenرا درج   می نماییم.

سپس دوباره گزینه add را زده و و سپس در قسمت  list item properties  در گزینه  text  اسم light blueرا درج   می نماییم.

سپس دوباره گزینه add را زده و و سپس در قسمت  list item properties  در گزینه  text  اسم dark blueرا درج   می نماییم.

سپس به صفحه  home باز گشته اگر کاربری  لاگین می کند  اطلاعاتی پروفایلی  آن را خوانده و قرار داده می شود

بر روی صفحه یعنی کاربر باید تاثیرات پروفایل داشتن را باید لمس کند  . که در درجه اول باید سه label که برای قسمت

نام –نام خانوادگی –تلفن را پر کنیم. سپس در قسمت  صفحه خالی دابل کلیک می کنیم

و page load صفحه home که در پوشه user قرار دارد باز شده و کد  زیر را می نویسیم.

و نهایتا  برای اینکه افراد لاگین نکرده وارد نشوند  در پنجره solution explorer  در پوشه user راست کلیک کرده  add new item را می زنیم.

در پنجره باز شده از لیست منو یک  web configuration file  را می زنیم و در آخر دکمه addرا اضافه می کنیم.

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

سپس در آخر یک logout هم به صفحه اضافه می کنیم.

برای این کار به پوشه  user رفته و سپس صفحه home در اولین ستون از قسمت toolbox سربرگ  login  یک کنترل login status  دابل کلیک کرده تا در فرم قرار گیرد.

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