آموزش ساخت صفحه ورود با php و ajax

آموزش ساخت صفحه ورود با php

در ادامه سری آموزش php و آموزش ajax از سایت پروژه های برنامه نویسی php میخواهیم ، آموزش ساخت صفحه ورود با php و ajax را خدمت شما آموزش بدهیم .

در قسمت قبل از سری آموزشی های php و ajax ، آموزش ساخت صفحه ثبت نام با php و ajax را خدمت شما دوستان ارائه دادیم و در ادامه آموزش ساخت صفحه ورود را ارائه میکنیم که مفید واقع بشود .

مختصر توضیح در مورد AJAX :

اگر تا به حال به طرز کار صفحات وب توجه کرده باشید متوجه می‌شوید که برای نمایش هر صفحه یا هر واکنشی که در سایت رخ میده ، صفحات وب مجدداً بارگذاری (refresh) می‌شوند تا محتوای جدید را نمایش دهند.

تکنولوژی AJAX ایجاد شده تا بدون نیاز به refresh کل صفحه، قسمتی از اطلاعات صفحه بارگذاری شود. در واقع این تکنولوژی به کاربر اجازه می‌دهد بدون بارگذاری مجدد صفحه، داده‌هایی را به سرور ارسال کند تا در آنجا پردازش شوند. سپس اطلاعات را دریافت و در صفحه وب به نمایش در آورد.

برای ساخت صفحه ورود با php و ajax مراحل ۱ تا ۵ را با هم پیش میریم :

۱ : یک جدول برای نگهداری و خواندن اطلاعات کاربران نیاز داریم تا بتوانیم عملیات لاگین را انجام بدیم ، جدول users را ایجاد میکنیم

 

۲ : در مرحله دوم یک فرم html به نام index.html میسازیم و عناصر داخل فرم را مقدار دهی میکنیم :

در این فرم یک سری فایل css و js فراخوانی شده که همشون تو فایل دانلود هستند

۳ : در این مرحله می خواهیم کدهایی را در فایل connect.php بنویسیم که وظیفه ارتباط با پایگاه داده را بر عهده دارند ، هر جا نیاز باشد که عملیاتی را بر روی پایگاه داده انجام بدیم مانند اضافه کردن کاربر،حذف کاربر و … این فایل را فراخوانی میکنیم .

چرا که پیش نیاز تمام عملیات پایگاه داده ، برقراری ارتباط با پایگاه داده مور نظر هست .

 

 

۴: در این مرحله یک فایل جاواسکریپت به نام login.js میسازیم و کدهای زیر را به فایل اضافه میکنیم .

این فایل در صورتی که کاربر بر روی دکمه ورود کلیک کند، فراخوانی و اجرا می شود ، و مقادیر فیلدهای نام کاربری و گذرواژه را از کاربر گرفته و به صفحه ای process.php فرستاده و بعد از پردازش اطلاعات نتیجه را بدون اینکه صفحه دوباره بارگذاری شود ( refresh ) به کاربر نمایش میدهد .

 

۵ : برای بررسی صحت اطلاعات وارد شده از طرف کاربر یک فایل php با نام  process.php ایجاد میکنیم .

در این صفحه ابتدا فایل connect.php را فراخوانی میکنیم تا با ارتباط با پایگاه داده ، عملیات احراز حویت کاربر را انجام بدیم .

از جدول users ردیفی را انتخاب میکنیم که با نام کاربری و گذرواژه ای که کاربر وارد کرده تطابقت داشته باشه ، اگه تطابقت داشته باشه دیگر اطلاعات کاربر مانند نام ، نام خانوادگی و ..

را در سشن ذخیره میکند و به کاربر لینک ورود به پنل مدیریت را نمایش میده ، ولی اگه تطابقت نداشته باشه یعنی ردیفی با این نام کاربری و گذرواژه وجود نداشته باشه به کاربر پیغام میده ” کاربری با مشخصات زیر وجود ندارد ” .

و در صورتی که کاربر فیلدها را خالی فرستاده باشد به کاربر پیغام ” لطفا نام کاربری و گذرواژه خود را وارد کنید ” را نمایش میدهد.

 

خوشحال میشیم هر سوالی داشته باشید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما خواهیم بود .

موفق و پیروز باشید.

 

دانلود فایل آموزش صفحه ورود با php و ajax
نوع فایل : zip
حجم : 3 مگابایت
دریافت
توسط
تومان