آموزش asp.net بخش دهم(طراحي فرم ثبت نام در سايت"فصل دوم")

آموزش asp.net بخش دهم

(طراحي فرم ثبت نام در سايت)

فصل دوم

خوب دوستان عزیز به مهم ترین قسمتی از پروژمون رسیدیم.پس دقت خود را بیشتر کنید.من این مبحث هارا در قسمت های گذشته مطرح کرده بودم ولی دوباره توضیح می دهم.در این بخش می خواهیم طراحی logini كه در فصل پيش انجام داده را با بانك اطلاعاتي ارتباط دهيم. پس شروع می کنیم.

نکته بسیار مهم:دوستان آموزش هایی که در این وب سایت انجام میشه به صورت تصویری میباشد و کار شما را تا حدی راحت تر کرده است.در هر آموزش مرحله به مرحله با عکس توضیح دادم و اگر در مرحله ای عکسی مشاهده نشد یا عکس نصفه معلوم شد شما باید دوباره آن صفحه را باز کنید یا refresh را بزنيد تا صفحه باز سازي شود.

از پنجره Solution Explorer روي website كليد راست كنيد و:

Add>Add Asp.net folder >App_Data را بزنيد.

نكته: App_dataيك New Folder ميباشد ولي از نوع بانك اطلاعاتي.

حالا برنامه access را باز كنيد و جدول زيرا با نام login و پسوند mdb ذخيره كنيد.همونطوري كه در بخش ششم آموزش دادم.

uid
pwd
name
family
mobile phone
city
Emil

نكته:تمام field name ها بايد data Type هاشون روي text باشد.فقط بجز mobile phone كه بايد data Type آن روي number باشد.

نكته:uid را در حالت primary key قرار دهيد.

نكته:شما مي توانيد جدول بالارا از اينجا دانلود كنيد.

پسورد: www.balout.blogfa.com

خوب حالا از پنجره Solution Explorer روي website كليد راست كنيد و:

Add>Add Asp.net folder >App_Data را بزنيد.

نكته: App_dataيك New Folder ميباشد ولي از نوع بانك اطلاعاتي.

خوب بعد از اينكه جدولي كه خواسته بودم را طراحي كرديد يا دانلود كرديد اين جدول را بايد درون app_data قرار دهيد .

نكته:app_data در Solution Explorer قرار دارد.همون new folder كه ساختيمش.

خوب دوباره از پنجره Solution Explorer روي web site كليد راست كنيد Add >New Item را بزنيد و DataSet را انتخاب كنيد و بعد Add را بزنيد.

نكته:اگر بعد از زدن Add با يك پيغام روبرو شديد Yes را بزنيد.

زماني كه شما Add را زديد پنجره اي به صورت خودكار باز ميشه مانند شكل زير.

شما روي گزينه ToolBoox كليد كنيد .در شكل بالا دورش را با خط قرمز مشخص كردم.و در سمت چپ در پنجره ToolBoox در تب DataSet گزينه TableAdapter را روش دابل كليد كنيد.و پنجره اي خود به خود باز ميشود. مانند شكل زير.

next را بزنيد ودر پنجره باز شده باز Next را بزنيد و باز Next بزنيد تا به پنجره زير برسيد.

و بعد شما دكمه كه با فلش نشان دادم (Query Builder) بزنيد.

در اين قسمت Add را بزنيد.وبعدClose را بزنيد.

وتيك تمام Tbl_members را بزنيد.و بعد ok را بزنيد.

تيك هاي كه بالا زديم يعني اينكه مي خواهيم داخل همشون درج كنيم اگه شما يكي از تيك هاي بالا را نزنيد اون قسمت را كاربر نميتواند چيزي پركند چون نمايش داده نميشود.

خوب بعد از اينكه شما OK را زديد شكل زيرا مي بينيد.

در پنجره اي كه باز ميشه Next را بزنيد تا به اين مرحله زير برسيد.

تيك Fill a Data Table را برداريد يعني تيك نخورده باشه. وبعد درقسمت Return a Data Table و گزينه Mehthod Name جلوي getData اسم جدول خود را قرار دهيد.وبعد next را بزنيد.

همانطور كه ميبينيد Insert كردن(درج) و Update كردن و Delete كردن فعال شده.چون در كنارشون تيك خورده.در شكل بالا كاملا مشخص هست.

و بعد Finish را بزنيد.و بعد Save كنيد.به صورت زير:

وارد File شويد و گزينه Save DataSet1.xsd را بزنيد.

حالا از پنجره Solution Explorer روي فرمي كه ساختيم به نام sabtenam دابل كليد كنيد.تا صفحه طراحي وب باز شود(ميز كار)حالا از پنجره ToolBoox تب Data و DetailsView را دابل كليد كنيد.مانند شكل زير.

خوب گوشه سمت راست detailsView كه در ميز كار قرار داره يك فلش داره اون را بزنيد و گزينه Choose data Source آن را بر روي New Data source قرار دهيد.

مانند شکل زیر:

سپس پنجره زير باز مي شود.

روي Object كليد كنيد وبعد ok را بزنيد.سپس پنجر زير باز مي شود.

همانطور كه ميبينيد DataSet را پيدا كرده.خوب Next را بزنيد و بعد Finish را بزنيد.

خوب حالا اطلاعات شما درون DetailsView وارد شد حالا شما فلش گوشه سمت راست DetailsView را بزنيد و تيك Enabeld Inserting را بزنيد.Enabeld Inserting يعني اينكه ما بتونيم در جدولمان اسامي ديگران را درج كنيم.

خوب روي DetailsView كليد راست كنيد و گزينه Properties را بزنيد و سپس در Properties گزينه DefaultMode را روي Insert قرار دهيد.

نكته:در بالاي DetailsView يك label قرار دهيد و متن label را تغير دهيد بزاريد لطفا ثبت نام كنيد.

نكته:در پايين DetailsView يك Hiperlink قرار دهيد و متن Hiperlink را تغيير دهيد بزاريد ورود كاربران.خوب روي ورود كاربران كليد راست كنيد و گزينه Properties را بزنيد و سپس در Properties گزينه NavigateUrl را بزنيد مانند شكل زير:

و قسمت Contents of folder را روي sabtenam قرار دهيد و بعد ok را بزنيد.

مانند شكل زير:

خوب كار تمام هست. شما مي توانيد يك اجرا(F5) بگيريد و اطلاعات جديد درج كنيد در جدولتان.مانند شکل زیر:

خوب وقتی که اسامی بالارا کامل پر کردید گزینه insert را بزنيد تا اسامي شما ثبت بشود در بانك اطلاعاتيتون.

نكته:دوستان عزيز در بالا uid همان username مي باشد.و pwd همان password مي باشد.

نكته:اگر uid را پر كرديد و insert را زديد اطلا عات شما را save نكرد بدليل اينكه قبلا با همچين اسمي ثبت نام شده است و يك user name ديگر وارد كنيد.

سپس گزينه ورود به كاربران را بزنيد تا به صفحه login هدايت شويد.بعد user name و password را وارد كنيد.مانند شكل زير.

خوب زمانيكه user name و password را وارد كرديد دكمه ورود را بزنيد.

نكته: اگر user name و password را دقيق وارد نكرده باشيد يا اصلا ثبت نام نكرده باشيد به شما پيغام مي دهم كه user name و password اشتباه مي باشد.ولي اگر شما user name و password را دقيق وارد كرده باشيد شما را هدايت مي كند به صفحه اصلي كه همان صفحه Default.مانند شكل زير:

نكته:هركس كه ثبت نام مي كند و وارد صفحه Default ميشود در همان صفحه default با همان اسم ثبت نامي خودش خوش آمد گويي بهش گفته ميشود توسط اپراتوري كه قبلا طراحي كرديم.

نكته:دوستان عزيز كساني كه ناشناس هستند يا همان كساني كه ثبت نام نكرده اند به اين صفحه Default اصلا دسترسي ندارند.زماني دسترسي دارند كه ثبت نام كنند.شما مي توانيد داخل اين صفحه Default هرچيكه دوست داريد بزاريد و براي كاربران ثبت نام شده خود امكانات قرار دهيد.

خوب دوستان عزيز اين بخش هم تمام شد.

شما مي توانيد پروژه كه طراحي كرديم را از اينجا دانلود كنيد.

پسورد: www.balout.blogfa.com

با آرزوي موفقيت.

آموزش asp.net بخش دهم(طراحي فرم ثبت نام در سايت"فصل دوم")

مطالب مشابه :

آموزش ساخت وبلاگ در بلاگفا

مقایسه ورد پرس با جوملا

چگونه يك سايت امن داشته باشيم

مقایسه وردپرس با جوملا

آموزش asp.net بخش دهم(طراحي فرم ثبت نام در سايت"فصل اول")

سوالات متداول طراحی سایت و وبلاگ سری2

نحوه ایجاد وبلاگ شخصی در بلاگفا

چگونه يک سايت امن داشته باشيم

افزونه vip مشترک ویژه وردپرس با درگاه پرداخت آنلاین و سرویس اس ام دهی

آموزش asp.net بخش دهم(طراحي فرم ثبت نام در سايت"فصل دوم")