آموزش طراحی اسکریپت اختصاصی عضویت / ورود کاربران با زبان php

اطلاعات تکمیلی
نظرات (بدون دیدگاه)

سلام و عرض ادب خدمت تک تک دوستان و کاربران عزیز طرح کار.
بنده حامد یوسفی در این آموزش قصد دارم نحوه کدنویسی اسکریپت (Cms) اختصاصی برای عضویت و ورود کاربران رو آموزش بدم.
در ابتدای کار لازمه عرض کنم برای هرچه بهتر درک کردن این آموزش دوستان عزیز باید با زبان html و php تا مقداری آشنایی داشته باشند.

ملزومات این آموزش :

ویرایشگر NotePad
برنامه xampp

خب زیاد نمیخوام در مورد ملزومات بالا جهت جلوگیری از اتلاف زمان صحبت کنم (گوگل بهترین مرجع برای آموزش این دو برنامه میباشد.) پس مستقیم سراغ کارهای اصلی کدنویسی میریم.

برنامه NotePad رو باز میکنیم و یک فایل با نام index.php ایجاد میکنیم و شروع به کدنویسی میکنیم.

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

<html>
<head>
<title>cms اختصاصی من</title>
<meta charset="UTF-8">
</head>
<body>

<form method="POST">
    <div class="input"><label>نام کاربری : </label><input type="text" name="username"></div>
	<div class="input"><label>رمز عبور : </label><input type="password" name="password"></div>
	<button type="submit">عضویت</button>
</form>
</body>
</html>

توضیح در مورد کدهای بالا :

۲ ورودی (input) برای وارد کردن مقادیر نام کاربری و رمز عبور توسط کاربر نوشتم
یک دکمه عضویت با نوع submit نوشتم

در مجموع همه این کدهای داخل فرم مربوطه (form) با متد و نوع POST قرار گرفته است

خب تا حالا فایل html اسکریپتمون رو کدنویسی کردیم و الان زمان آن رسیده که کدهای php کارمون رو بنویسیم. پس بدون اتلاف وقت میریم سراغ مرحله بعدی D:

کدنویسی PHP کار

در شروع کار میاییم یک شرط برای php مینویسیم که اگر ورودی های username و password وجود داشت و خالی نبود ادامه کارمون رو انجام بدهد !

<?php
if (isset($_POST['username']) && isset($_POST['password'])){

}
?>

خب تا اینجای کار امیدوارم براتون قابل درک باشد. مرحله بعدی کارمون گرفتن مقادیری که کاربر در ورودی های password و username تایپ کرده و ارسال و ذخیره آن های در دیتابیش میباشد. پس آموزش رو همینجا نگ میداریم تا ابتدا دیتابیسمون رو ایجاد کنیم.

ایجاد جدول مربوط به اسکریپت در دیتابیس

برای ایجاد جدول مربوطه ۲ روش وجود دارد و بنده اینجا برای شروع آسون ترین روش رو براتون عرض میکنم. برای ایجاد دیتابیس در xampp آموزش های متعددی وجود دارید و میتونید از موتور گوگل استفاده کنید. اکنون کدهای زیر را در دیتابیسی که برای اسکریپت ساخته این با پسوند sql میتوانید import کنید.

CREATE TABLE my_cms (
id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
username VARCHAR(200) COLLATE utf8_persian_ci,
password VARCHAR(100) COLLATE utf8_persian_ci
)ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_persian_ci";

در صورتی که نتوانستید sql مربوطه رو در داخل دیتابیس import کنید عرض کنید تا آموزشش رو در همین پست قرار بدهم.

خب جدول مربوطه رو ایجاد کردیم و الان زمان آن هست که اسکریپتمون رو به دیتابیس متصل کنیم.( فرض میکنیم که نام دیتابیسی که ایجاد کردیم my_cms هست)

پس یک فایل با نام db.php ایجاد میکنیم و داخلش کدهای زیر رو مینویسیم.

<?php
$connect = mysqli_connect('localhost', 'root', 'root');
$connect->set_charset("utf8");
if (!$connect){
    die("Database Connection Failed" . mysqli_error($connect));
}
$selectdb = mysqli_select_db($connect, 'my_cms');
if (!$select_db){
    die("Database Selection Failed" . mysqli_error($connect));
}

توجه : در کدهای بالا رمز عبور و نام کاربری دیتابیس ما root میباشد و این دو مقدار با توجه به هاست دیتابیس ایجاد شده توسط شما متغییر میباشد !

توضیح در مورد کدهای بالا :

ابتدا اومدیم توسط $connect مقادیر اتصال به دیتابیسمون رو وارد کردیم و نوع دیتابیس رو روی utf-8 (پشتیبانی از زبان فارسی) گذاشتیم و در مرحله بعد اومدیم گفتیم اگر به دیتابیس به هر دلیلی متصل نشد پیام خطا : Database Connection Failed رو نمایش بده.

در قسمت بعدی توسط $selectdb گفتیم که جدولی که ساختیم با نام my_cms رو برای ادامه کارمون انتخاب کن و اگر انتخاب نشد پیام خطا Database Selection Failed رو نمایش بده.

خب تا اینجای کار به دیتابیسمون متصل شدیم و جدول مورد نظرمون رو ساختیم پس میریم سراغ ادامه مراحل کدنویسی php فایل اصلیمون.

خب حالا میاییم در فایل index.php فایل حاوی اطلاعات و کانفیگ دیتابیسمون رو با کد include(‘db.php’); فراخوانی میکنیم.

<?php 
include('db.php');
if (isset($_POST['username']) && isset($_POST['password'])){

}
?>

میریم سراغ ادامه مراحل کدنویسی . حالا نوبت این رسیده که اطلاعات وارد شده در ورودی ها رو بگیریم و به دیتابیس ارسال و ذخیره کنیم.

ابتدا میاییم توسط تابع $_POST مقادیر وارد شده در هر ۲ input رو میگیریم. دقیقیا عین کدهای زیر :

<?php 
include('db.php');
if (isset($_POST['username']) && isset($_POST['password'])){
$username = $_POST['username'];
$password = $_POST['password'];
}
?>

خب حالا که این دو مقدار رو گرفیم وقتش رسیده این ۲ مقدار رو در دیتابیس یا همون پایگاه داده ذخیره کنیم. این کار رو توسط تابع ‘ INSERT INTO ‘ انجام میدیم :

<?php 
include('db.php');
if (isset($_POST['username']) && isset($_POST['password'])){
$username = $_POST['username'];
$password = $_POST['password'];
$query = "INSERT INTO `my_user` (username,password) VALUES ('$username', '$password')";
}
?>

خب تا اینجای کار امیدوارم قابل درک باشه. اگر مشکلی بود میتونید از قسمت نطرات سوال خودتون رو مطرح کنید.

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

$result = mysqli_query($connect, $query);
 if($result){
 echo "ثبت نام شما با موفقیت انجام گرفت";
 }else{
 echo "متاسفانه در هنگام ثبت نام مشکلی پیش آمده است. لطفا مجددا تلاش کنید.";
 }

در کد بالا اومدیم گفتیم بررسی کن اگر اطلاعات در دیتابیس ذخیره شد پیام ‘ ثبت نام شما با موفقیت انجام گرفت ‘ برای کاربر نمایش بده و اگر اطلاعات ذخیره نشد پیام ‘ متاسفانه در هنگام ثبت نام مشکلی پیش آمده است. لطفا مجددا تلاش کنید. ‘ به کاربر نمایش بده.

خب من آموزش رو تا اینجای کار متوقف میکنم تا زیاد کارتون سخت نشه. اگر دوستان عزیز از آموزش رضایت داشته باشند همین پست رو ادامه میدیم تا یک cms حرفه ای طراحی کنیم.

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

<?php 
include('db.php');
if (isset($_POST['username']) && isset($_POST['password'])){
$username = $_POST['username'];
$password = $_POST['password'];
$query = "INSERT INTO `my_user` (username,password) VALUES ('$username', '$password')";
$result = mysqli_query($connect, $query);
 if($result){
 echo "ثبت نام شما با موفقیت انجام گرفت";
 }else{
 echo "متاسفانه در هنگام ثبت نام مشکلی پیش آمده است. لطفا مجددا تلاش کنید.";
 }
}
?>
<html>
<head>
<title>cms اختصاصی من</title>
<meta charset="UTF-8">
</head>
<body>
<form method="POST">
 <div class="input"><label>نام کاربری : </label><input type="text" name="username"></div>
 <div class="input"><label>رمز عبور : </label><input type="password" name="password"></div>
 <button type="submit">عضویت</button>
</form>
</body>
</html>

توجه در مورد این آموزش :

در این آموزش پسور ما بدون هش در دیتابیس ذخیره میشه!
اگر مشکل یا سوالی داشتید از طریق نظرات سوال خودتون رو مطرح کنید بنده حتما پاسخ میدم.
تا اینجای کار ما فقط قسمت عضویت سیستم رو کدنویسی کردیم و در آموزش بعدی قسمت ورود رو نیز کدنویسی خواهیم کرد.
در این آموزش هنوز قسمت استایل بندی طراحی نشده است !
با تکمیل آموزش فایل کامل در اختیار کاربران سایت قرار خواهد گرفت.

این آموزش بروزرسانی خواهد شد لذا دوستان عزیز میتوانند از همین پست پیگیر ادامه آموزش باشند.

موفق و سربلند باشید.

در صورت رضایت از " آموزش طراحی اسکریپت اختصاصی عضویت / ورود کاربران با زبان php " آن را با دوستان خود به اشتراک بگذارید

چه امتیازی به آموزش طراحی اسکریپت اختصاصی عضویت / ورود کاربران با زبان php میدهید؟

(2 votes, average: 5,00 out of 5)