طراحی وب سایت ساده با php

این یک آموزش دقیق در مورد طراحی سایت ساده با php یا بک‌اند در PHP است. در این مطلب کارکردهای اساسی CRUD، احراز هویت و امنیت را آموزش خواهم داد که با استفاده از این موارد می توانید پروژه ساده طراحی سایت با php را انجام دهید. مواردی مانند راه اندازی سرور، ایجاد صفحات عمومی HTML، ایجاد پایگاه داده و جداول آن و افزودن کاربران به پایگاه داده.

ساخت سایت ساده با PHP

اگر به ساخت وب سایت با استفاده از php علاقه دارید، در جای درستی قرار گرفته اید. تا به حال به این فکر کرده اید که داشتن وب سایتی که دارای عملکرد ورود/خروج است چقدر جالب می باشد و چه امکاناتی را در اختیار شما قرار می دهد؟ آیا می خواهید نحوه ایجاد، خواندن، به روز رسانی یا حذف (CRUD) رکوردها در پایگاه داده را بیاموزید؟

آیا مسیر آموزش های قبلی خود را گم کرده اید؟ خوب، ما به شما یاد میدهم که چگونه از ابتدا با استفاده از زبان برنامه نویسی php طراحی سایت را انجام دهید تا تمام جزئیات مربوط به نحوه کار کد را به خوبی در یک پروژه ساده php بیاموزید. اگر در زمینه توسعه بک‌ اند با php تازه کار هستید، این آموزش برای شما مناسب است.

ما همه چیز را با جزئیات توضیح خواهیم داد تا مجبور نباشید در مورد روش های خاصی که استفاده می شود تحقیق کنید. همچنین در این آموزش از هیچ فریم ورکی برای ساده کردن آموزش استفاده نخواهیم کرد.

پیش نیاز طراحی سایت با php

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

در این آموزش، از زبان هایی استفاده خواهیم کرد که توانایی های شما را افزایش می دهند. اگر واقعاً هیچ یک از مواردی را که ذکر خواهم کرد نمی دانید، بهتر است آموزش های مقدماتی تا پیشرفته را از یک منبع تهیه کنید و سعی کنید با جریان این آموزش حرکت کنید. درک فعالیت های انجام گرفته در این آموزش آسان است زیرا ما علاقه ای به استفاده از روش های پیشرفته برای طراحی وب سایت ساده با php نداریم. برای شروع کار باید به موارد زیر تسلط داشته باشید:

HTML/CSS: مطمئناً وقتی صحبت از طراحی سایت می شود، این دو زبان هرگز از لیست خارج نمی شود.
جاوا اسکریپت: برای یک اسکریپت تغییر مسیر باید از جاوا اسکریپت استفاده شود، البته در حال حاضر نیازی به جی کوئری نیست.
mySQL: ابتدایی ترین زبان برای موضوعات یا کوپری ها می باشد. ما از این تکنولوژی برای قابلیت‌ های CRUD (ایجاد، خواندن، به‌روزرسانی، حذف) استفاده خواهیم کرد.
نرم افزار های مورد نیاز برای طراحی سایت با PHP
ویرایشگر متن: Sublime Text/Notepad++ کار شما را انجام خواهد داد. این به عنوان محیط کدنویسی ما عمل خواهد کرد.
XAMPP: این نرم افزار می تواند وب سرور ما را ایجاد کند. این برنامه جایی است که ما فایل های وب سایت خود را ذخیره می کنیم و داده های خود را در پایگاه داده ذخیره می کنیم.
مرورگر: شما می توانید از هر مرورگری تا زمانی که مقدار زیادی از رم شما را نمی خورد استفاده کنید.

برای شروع کار طراحی یک سایت ساده با پی اچ پی، حتما باید موارد بالا را نصب داشته باشید.

همچنین در این پروژه، نیاز است تا تسلط کافی به موارد زیر داشته باشید:

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

سرفصل های آموزش پروژه ساده طراحی سایت php

توجه: اگر در قسمت خاصی توقف کرده اید یا می خواهید سریع جستجو کنید، می توانید به سادگی با فشار دادن Ctrl + f از سر گرفته و شماره ای را که آخرین بار در آن توقف کرده اید، جستجو کنید.

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

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

راه اندازی وب سرور

اکنون که همه چیز آماده شده، می توانیم شروع توسعه سایت ساده php را بزنیم. همانطور که اصول برنامه نویسی ادامه دارد، بیایید با ایجاد یک فریاد ساده از “hello world” در سرور خود شروع کنیم.

ابتدا به دایرکتوری که XAMPP خود را در آن نصب کرده اید (معمولاً در C:\xampp) بروید. از آنجا به پوشه htdocs (معمولاً در C:\xampp\htdocs) بروید و یک پوشه به نام MyFirstWebsite ایجاد کنید.
2.از آن قسمت یک URL محلی برای وب سایت خود ایجاد کنید. از آن پوشه برای قرار دادن تمام فایل‌ های وب‌ سایت (html.، php.، css.، .js، و غیره) استفاده می‌ شود. ویرایشگر متن خود را باز کنید تا توسعه سایت php را انجام دهیم.

کاری که ما انجام خواهیم داد یک صفحه HTML اولیه و نمایش “hello world” از سرور با استفاده از یک دستور اولیه PHP است. سپس دستور زیر را تایپ می کنیم:<html>

<head>

<title>My first PHP Website</title>

</head>

<body>

<?php

echo “<p>Hello World!</p>”;

</body>

</html>

فایل را در پوشه “MyFirstWebSite” ذخیره کنید و نام آن را “index.php” بگذارید. (همانطور که در تصویر بالا مشاهده می شود.) حالا که فایل را دارید، بیایید کنترل پنل XAMPP خود را باز کنیم. در صورتی که روی دسکتاپ شما ظاهر نشود، همانطور که در تصویر مشاهده می شود در پوشه XAMPP شما قرار دارد:

Apache و mySQL را با کلیک بر روی دکمه “start” در ستون اقدامات اجرا کنید. شما باید یک PID تصادفی و شماره پورت پیش فرض را ببینید. Apache نام وب سرور ما است که در آن تمام فایل ها را مدیریت خواهیم کرد و همچنین به عنوان رابط بین مرورگر وب و پایگاه داده ما است که تمام اطلاعات را ذخیره می کند.

مرورگر وب خود را باز کنید و در نوار آدرس، localhost را تایپ کنید. شما باید منوی XAMPP خود را ببینید. اگر اولین بار است که آن را اجرا می کنید، از شما میپرسد که چه زبانی را ترجیح می دهید، فقط کافی است انتخاب کنید و شما را به منو هدایت می کند. اگر متوجه شده اید که دایرکتوری localhost/xampp است، صفحه پیش فرض شما را در آنجا هدایت می کند، حتی اگر لوکال هاست را تایپ کنید.

اگر ظاهر شد، به این معنی است که سرور XAMPP شما اکنون در حال اجرا است. اکنون بیایید وب سایتی را که به تازگی قرار داده اید اجرا کنیم. سعی کنید localhost/MyFirstWebsite را تایپ کنید.

ایجاد صفحه Public HTML برای سایت php

در مرحله بعد، بیایید وب سایت خود را مجدداً اصلاح کنیم و یک لینک ثبت نام اضافه کنیم که در آن کاربران ما می توانند ثبت نام کنند و همچنین یک صفحه ورود به سیستم بلافاصله پس از ثبت نام داشته باشیم که کاربر به آن هدایت می شود. صفحه اصلی خود را با کد زیر تغییر دهیم:

<html>

<head>

<title>My first PHP Website</title>

</head>

<body>

<?php echo “<p>Hello World!</p>”; ?>

<a href=”login.php”> Click here to login <a href=”register.php”> Click here to register

</body>

</html>

همانطور که می بینید، ما فقط دو لینک اضافه کردیم که برای ورود و ثبت نام هستند. بیایید ابتدا صفحه ثبت نام را ایجاد کنیم.

ساخت صفحه ثبت نام در php

نام فایل register.php

<html>

<head>

<title>My first PHP Website</title>

</head>

<body>

<h2>Registration Page</h2>

<a href=”index.php”>Click here to go back<br/><br/>

Enter Username: <input type=”text”

name=”username” required=”required” /> <br

/> Enter password: <input type=”password”

name=”password” required=”required” /> <br

/> <input type=”submit” value=”Register”/>

</form>

</body>

</html>

همانطور که می بینید، این فقط یک فرم ساده است که کاربر می تواند اطلاعات خود را در آن وارد کند.

ساخت صفحه ورود در php

نام فایل login.php

اساساً، این همان کدی است که از register.php گرفته شده است، اما تغییرات ایجاد شده همان هایی بود که زیر آن خط کشیده شده بود. دوباره لوکال هاست/MyFirstWebsite را اجرا کنید و صفحات شما باید شبیه این باشند:

ساخت پایگاه داده و جداول آن برای پروژه ساده php

اکنون که صفحه اصلی وب سایت ساده با php را داریم، بهتر است تا ساخت پایگاه داده را انجام دهیم. ابتدا localhost/phpmyadmin را تایپ کنید. این شما را به صفحه اصلی phpmyadmin هدایت می کند:

localhost/phpmyadmin

از آنجا، به تب Databases واقع در بالا بروید، سپس از کادر متنی در وسط، عبارت first_db را تایپ کنید و سپس روی “ایجاد” کلیک کنید. فقط Collation را همانطور که هست رها کنید.

شما به تازگی اولین پایگاه داده خود را با موفقیت ایجاد کرده اید. حالا از آنجا، بیایید جدولی ایجاد کنیم که در آن بتوانیم کاربران خود را ثبت کنیم و اطلاعات را نمایش دهیم. ابتدا روی first_db واقع در سمت چپ کلیک کنید و جدولی به نام users با 3 ستون ایجاد کنید و سپس بر روی Go کلیک کنید.

برای ساختار جدول، مطمئن شوید که فیلدهای زیر را دارید، سپس روی ذخیره کلیک کنید:

فرمت: نام ستون – نوع – طول – ویژگی تهی – سایر خصوصیات
شناسه – INT – N/A – تهی نیست – افزایش خودکار
نام کاربری – varchar – 50 – پوچ نیست
رمز عبور – varchar – 50 – پوچ نیست

اگر مشخص نیست همه چیز را به طور پیش فرض بگذارید.

توجه: برای auto_increment باید به سمت راست اسکرول کنید. ما فقط عکس را ویرایش کردیم تا با فیلد A_I مطابقت داشته باشد.

سپس جدول دیگری با نام لیست با 7 ستون و برای ساختار جدول ایجاد کنید:

id – INT – N/A – Not Null – Auto Increment
details – text – Not null
date_posted – varchar – 30 – Not null
time_posted – Time – Not null
date_edited – varchar – 30 – Not null
time_edited – Time – Not null
public – varchar – 5 – Not null

در اینجا فرایند ساخت پایگاه داده برای پروژه طراحی سایت ساده با php نیز به اتمام رسید.

افزودن کاربران به پایگاه داده

حالا که تیبل های پایگاه داده را داریم بیایید به قسمت سرگرم کننده برویم، یعنی صفحه ثبت نام خود را وارد عمل کنیم. از register.php خود، موارد زیر را در زیر کدهای html اضافه کنید:

<?php

if($_SERVER[“REQUEST METHOD”] == “POST”){

$username = mysql_real_escape_string($_POST[‘username’]);

$password = mysql_real_escape_string($_POST[‘password’]);

echo “Username entered is: “. $username . “<br />”;

echo “Password entered is: “. $password;

}

این هم توضیح کد:

$_SERVER[“REQUEST_METHOD”] == “POST” – بررسی می‌کند که آیا فرم یک روش POST دریافت کرده است یا خیر وقتی بر روی دکمه ارسال، کلیک شد. متد POST در html از روش “POST” ایجاد می شود.

$_POST[”] – نام را از یک روش POST دریافت می کند. این فقط ورودی را بر اساس نام از فرم دریافت می کند که در اینجا نام کاربری و رمز عبور می باشد.

mysql_real_escape_string() – ورودی را در یک رشته کپسوله می کند تا از ورودی های SQL Injections جلوگیری کند. این تضمین می کند که رشته های شما از کاراکترهای غیر ضروری فرار نمی کنند. حالا سعی کنید به register.php خود بروید و سعی کنید هر چیزی را وارد کنید و سپس روی “ثبت نام” کلیک کنید. در اینجا ما، نام کاربری xtian و رمز عبور را 123456 قرار دادم. باید ورودی های زیر را نمایش دهد. این نمونه من است:

در این قسمت از ساخت سایت ساده با PHP، باید نحوه دریافت ورودی از فرم را درک کرده باشید. حالا آن را به پایگاه داده اضافه کنید. برای این کار، در register.php کد زیر را اضافه کنید:

<?php

if($_SERVER[“REQUEST_METHOD”] == “POST”){

$username = mysql_real_escape_string($_POST[‘username’]);

$password = mysql_real_escape_string($_POST[‘password’]);

$bool = true;

mysql_connect(“localhost”, “root”,“”) or die(mysql_error()); //Connect to server

mysql_select_db(“first_db”) or due(“Cannot connect to database”); //Connect to database

$query = mysql_query(“Select * from users”); //Query the users table

while($row = mysql_fetch_array($query)) //display all rows from query

{

$table_users == $row[‘username’]; // the first username row

// is passed on to $table_users,

// and so on until the query is finished

if($username == $table_users) // checks if there are any matching fields

{

$bool = false; // sets bool to false

Print ‘<script>alert(“Username has been taken!”);</script>’; //Prompts the user

Print ‘<script>window.location.assign(“register.php”);</script>”;//redirects to

//register.php

}

if($bool) // checks if bool is true

{

mysql_query(“INSERT INTO users (username, password) _

VALUES (‘$username‘, ‘password‘)”); // inserts value into table users

Print ‘<script>alert(“Successfully Registered!”);</script>‘; // Prompts the user

Print ‘<script>window.location.assign(“register.php”);</script>‘; // redirects to

// register.php

}

در اینجا توضیحات مربوط به کد آمده است:

mysql_connect (“نام سرور”، “نام کاربری سرور”، “گذرواژه سرور”) – نحوی که برای اتصال به سرور XAMPP ما استفاده می شود. localhost یا 127.0.0.1 نام سرور است. نام کاربری پیش فرض root است و برای پیش فرض پسوردی وجود ندارد.
mysql_select_db (“نام پایگاه داده”) – پایگاه داده مورد استفاده را انتخاب می کند.
or die(‘Message’) – پیام خطا را در صورت عدم رعایت شرایط نمایش می دهد.
mysql_query (‘sql query’) – پرس و جوهای SQL را انجام می دهد.
mysql_fetch_array(‘query’) – تمام پرس و جوهای موجود در جدول را برای نمایش یا دستکاری داده ها واکشی می کند. در یک حلقه while قرار می‌گیرد تا تمام سطرها را پرس و جو کند. توجه داشته باشید که در هر حلقه فقط 1 ردیف درخواست می شود به همین دلیل یک حلقه while ضروری است.
$row[‘name’] – مقدار ستون در جستار فعلی. به صورت یک آرایه نمایش داده می شود. در مورد ما، $row نام متغیر ردیف ما در حلقه است.
ورودی هایی را که قبلا ایجاد کرده اید امتحان کنید و ببینید چه اتفاقی می افتد. باید از شما درخواست کند که با موفقیت ثبت نام کرده اید. سعی کنید به phpmyadmin بروید و جدول کاربران خود را ببینید:

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

ورود و احراز هویت کاربر در php

اکنون برای صفحه ورود به سیستم، یک فایل جدید به نام checklogin.php ایجاد کنید. دلیل آن بازگشت به login.php ما است، فرم ما یک عمل به نام “checklogin.php” دارد، به ویژه

. اگر در register.php متوجه شدید، در register.php نیز وجود دارد زیرا back-end نیز روی همان فایل انجام می شود.

بیایید اکنون checklogin.php را با سینتکس زیر کدنویسی کنیم:

<?php

session_start();

$username = mysql_real_escape_string($_POST[‘username’]);

$password = mysql_real_escape_string($_POST[‘password’]);

$bool = true;

mysql_connect(“localhost”, “root”, “”) or die (mysql_error()); //Connect to server

mysql_select_db(“first_db”) or die (“Cannot connect to database”); //Connect to database

$query = mysql_query(“Select * from users WHERE username=’$username'”); // Query the

// users table

$exists = mysql_num_rows($query); //Checks if username exists

$table_users = “”:

$table_password = “”;

if($exists > 0) //IF there are no returning rows or no existing username

{

while($row = mysql_fetch_assoc($query)) // display all rows from query

{

$table_users = $row[‘username’]; // the first username row is

// passed on to $table_users,

// and so on until the query is finished

$table_password = $row[‘password’]; // the first password row is passed on

// to $table_password, and so on

// until the query is finished

}

if(($username == $table_users) && ($password == $table_password)) // checks if there

// are any matching fields

{

if($password == $table_password)

{

$_SESSION[‘user’] = $username; // set the username in a session.

// This serves as a global variable

header(“location: home.php”); // redirects the user to the authenticated

// home page

}

else

{

Print ‘<script>alert(“Incorrect Password!”);</script>’; // Prompts the user

Print ‘<script>window.location.assign(“login.php”);</script>’; // redirects to login.php

}

else

{

Print ‘<script>alert(“Incorrect username!”);</script>’; // Prompts the user

Print ‘<script>window.location.assign(“login.php”);</script>’; // redirects to login.php

}

توضیح کد: (برخی از موارد قبلا توضیح داده شده اند، بنابراین نیازی به تکرار نیست):

session_start() – جلسه را شروع می کند. این معمولا در صفحات تایید شده انجام می شود. دلیل استفاده از این مورد این است که برای $_SESSION[”] مورد نیاز است.
mysql_num_rows() – این یک عدد صحیح را برمی گرداند. این همه ردیف ها را بسته به پرس و جو می شمارد.
$_SESSION[‘name’] – به عنوان نام جلسه برای کل جلسه خدمت می کند. این نسبتاً شبیه متغیرهای عمومی در برنامه نویسی شی گرا است. ما از این برای تأیید اعتبار یا عدم احراز هویت کاربر استفاده خواهیم کرد.

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

توجه: home.php هنوز وجود ندارد، بنابراین خطای 404 را ایجاد می کند.

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

حالا که کاربران احراز هویت شدند، اجازه دهید صفحه اصلی خود (home.php) را با این دستور زیر ایجاد کنیم:

<html>

<head>

<title>My first PHP Website</title>

</head>

<?php

session_start(); //starts the session

if($_SESSION[‘user’]){ // checks if the user is logged in

}

else{

header(“location: index.php”); // redirects if user is not logged in

}

$user = $_SESSION[‘user’]; //assigns user value

<body>

<p>Hello <?php Print “$user”?>!</p> <!–Displays user’s name–>

<a href=”logout.php”>Click here to go logout</a><br/><br/>

Add more to list: <input type=”text” name=”details” /> <br/>

Public post? <input type=”checkbox” name=”public[]” value=”yes” /> <br/>

</form>

<tr>

<th>Details</th>

<th>Delete</th>

</tr>

</table>

</body>

</html>

توضیح کد:

session_start() – اساسا جلسه را شروع می کند. برای $_SESSION[”] مورد نیاز است.
header() – کاربر را تغییر مسیر می دهد.

مرورگر خود را رفرش کنید و باید به شکل زیر باشد:

پروژه طراحی وب سایت php

اکنون که home را داریم، بیایید logout.php خود را ایجاد کنیم و بررسی کنیم که آیا session کاربر خاموش است یا خیر. کاری که ما انجام می دهیم این است که اگر کاربر از سیستم خارج شده باشد، کاربر نباید به home.php دسترسی داشته باشد. بنابراین در اینجا نحو ساده برای logout.php آمده است:

<?php

session_start();

session_destroy();

header(“location:index.php”);

نحو ساده است. session_destroy() به سادگی تمام معنی session را حذف میکند، مقدار $_SESSION[”] حذف می شود و header() آن را به سادگی به صفحه اصلی هدایت می کند.

تست امنیت سایت ساده php

حالا سعی کنید home.php را به روز کنید و روی خروج کلیک کنید. اکنون روی دکمه برگشت مرورگر خود کلیک کنید و ببینید چه اتفاقی می افتد:

راهنمای طراحی سایت با php

همانطور که می بینید، شما را به home.php هدایت نمی کند زیرا از سیستم خارج شده اید. اکنون برای آزمایش دوم، آدرس localhost/MyFirstWebsite/home.php را به صورت دستی وارد کنید. از آنجایی که از سیستم خارج شده اید، حتی یک ورودی دستی آدرس به صفحه مجاز، دسترسی ندارد. کاری که ما انجام داده ایم یک مکانیسم امنیتی ساده است که در آن کاربران غیرمجاز را به یک صفحه عمومی هدایت می کنیم.

افزودن داده به لیست (فقط دسترسی کاربر)

در مرحله بعدی، بیایید افزودن موارد به لیست را ایجاد کنیم. همانطور که از فرم متوجه خواهید شد، به صورت

نوشته شده است، به این معنی که درخواست پست http ما به add.php می رود و با آن، add.php خود را با نحو زیر:

<?php

session_start();

if($_SESSION[‘user’]){

}

else{

header(“location:index.php”);

}

$details = mysql_real_escape_string($_POST[‘details’]);

$time = strftime(“%X”); //time

$date = strftime(“%B %d, %Y”); //date

Print “$time – $date – $details”;

توجه داشته باشید که این هنوز دستور رسمی add.php ما نیست، ما فقط می خواهیم نحو زمان و تاریخ را نشان دهیم و ورودی شما را دریافت کنیم. اکنون به home.php خود برگردید و سعی کنید یک آیتم را اضافه کنید، سپس روی “افزودن به لیست” کلیک کنید.

این باید خروجی زیر در add.php باشد:

راهنمای ساخت سایت با php

همانطور که می بینید، ما زمان، تاریخ و اطلاعات شما را در اختیار داریم. این هم توضیح کد:

strftime() – زمان را بر اساس فرمت شما دریافت می کند
%X – زمان فعلی سیستم
%B – ماه سیستم فعلی
%d – روز سیستم فعلی
%Y – سال سیستم فعلی

حالا بیایید add.php خود را تغییر دهیم و داده های زیر را به همراه داده های چک باکس به پایگاه داده اضافه کنیم.

<?php

session_start();

if($_SESSION[‘user’]){

}

else{

header(“location:index.php”);

}

if($_SERVER[‘REQUEST_METHOD’] == “POST”)

{

$details = mysql_real_escape_string($_POST[‘details’]);

$time = strftime(“%X”); //time

$date = strftime(“%B %d, %Y”); //date

$decision = “no”;

mysql_connect(“localhost”,“root”,“”) or die(mysql_error()); //Connect to server

mysql_select_db(“first_db”) or die(“Cannot connect to database”); //Connect to database

foreach($_POST[‘public’] in $each_check) //gets the data from

//the checkbox

{

if($each_check != null){ //checks if checkbox is checked

$decision = “yes”; // sets the value

}

mysql_query(“INSERT INTO list(details, date_posted, time_posted, public) _

VALUES (‘$details’,’$date’,’$time’,’$decision’)”); //SQL query

header(“location:home.php”);

}

else

{

header(“location:home.php”); //redirects back to home

}

توضیح کد:

foreach() – مقدار چک باکس را دریافت می کند. همانطور که متوجه خواهید شد، فرمت چک باکس در فرم name=”checkbox[ ]” است. برای دریافت داده از چک باکس، باید به صورت یک آرایه نمونه سازی شود. انجام این کار دریافت داده ها را از چند چک باکس ممکن می کند.

اکنون مقداری داده را وارد کنید و روی “افزودن به لیست” کلیک کنید. بیایید به phpmyadmin خود برویم و ببینیم آیا داده ها اضافه شده است یا خیر. در اینجا نتیجه پرونده مشاهده می شود:

سایت ساده با php

نمایش داده ها در صفحه اصلی پروژه

اکنون که دیدیم داده ها با موفقیت اضافه شده اند، اجازه دهید داده ها را در صفحه اصلی خود نمایش دهیم. بیایید home.php خود را تغییر دهیم و چند ستون برای تاریخ اضافه کنیم:

<html>

<head>

<title>My first PHP Website</title>

</head>

<?php

session_start(); //starts the session

if($_SESSION[‘user’]){ // checks if the user is logged in

}

else{

header(“location: index.php”); // redirects if user is not logged in

}

$user = $_SESSION[‘user’]; //assigns user value

<body>

<p>Hello <?php Print “$user”?>!</p>

<a href=”logout.php”>Click here to go logout</a><br/><br/>

Add more to list: <input type=”text” name=”details” /> <br/>

Public post? <input type=”checkbox” name=”public[]” value=”yes” /> <br/>

</form>

<tr>

<th>Details</th>

<th>Delete</th>

<th>Public Post</th>

</tr>

<?php

mysql_connect(“localhose”, “root”,“”) or die(mysql_error()); //Connect to server

mysql_select_db(“first_db”) or die(“Cannot connect to database”);//connect to

//database

$query = mysql_query(“Select * from list”); // SQL Query

while($row = mysql_fetch_array($query))

{

Print “<tr>”;

Print ‘<td align=”center”>’. $row[‘id’] . “</td>”;

Print ‘<td align=”center”>’. $row[‘details’] . “</td>”;

Print ‘<td align=”center”>’. $row[‘date_posted’] .

” – “ . $row[‘time_posted’] . “</td>”;

Print ‘<td align=”center”>’. $row[‘date_edited’] .

” – “ . $row[‘time_edited’] .“</td>”;

Print ‘<td align=”center”><a href=”edit.php”>edit</a> </td>’;

Print ‘<td align=”center”><a href=”delete.php”>delete</a> </td>’;

Print ‘<td align=”center”>’. $row[‘public’] . “</td>”;

Print “</tr>”;

}

</table>

</body>

</html>

توضیح کد اضافه شده بسیار ساده است. این کد اساساً داده های حاصل از حلقه while را نمایش می دهد. قبلاً در آموزش ما توضیح داده شده است، بنابراین ما معتقدیم که تا این مرحله، شما باید روند دریافت داده ها را در query درک کرده باشید. با بازگشت به مرورگر، سعی کنید home.php خود را به‌ روزرسانی کنید و ببینید چه اتفاقی می‌افتد:

وب سایت ساده با php

اکنون صفحه باید آن داده ها را نمایش دهد. از چک لیست CRUD خود، اکنون ایجاد و خواندن را انجام داده ایم. بعدی به روز رسانی (ویرایش) و حذف اطلاعات است. اگر متوجه شدید ما لینک های ویرایش و حذف را در ستون نمایش داده ایم. من یک داده دیگر به لیست به نام “tuna” اضافه می کنم تا مثال دیگری داشته باشم و این بار حریم خصوصی به no:

سایت با php

ویرایش داده ها در سایت php

بیایید داده های خود را ویرایش کنیم، برای انجام این کار از یک عملکرد جدید به نام “GET” استفاده خواهیم کرد. در روش های قبلی، ما از POST به عنوان درخواست http خود استفاده می کردیم، اما این بار، اجازه دهید از GET برای ویرایش و حذف رکوردها استفاده کنیم. برای شروع، home.php خود را تغییر میدهیم و کمی کد به 2 ستون اضافه کنیم.

<html>

<head>

<title>My first PHP Website</title>

</head>

<?php

session_start(); //starts the session

if($_SESSION[‘user’]){ // checks if the user is logged in

}

else{

header(“location: index.php”); // redirects if user is not logged in

}

$user = $_SESSION[‘user’]; //assigns user value

<body>

<p>Hello <?php Print “$user”?>!</p> <!–Displays user’s name–>

<a href=”logout.php”>Click here to go logout</a><br/><br/>

Add more to list: <input type=”text” name=”details” /> <br/>

Public post? <input type=”checkbox” name=”public[]” value=”yes” /> <br/>

</form>

<tr>

<th>Details</th>

<th>Delete</th>

<th>Public Post</th>

</tr>

<?php

mysql_connect(“localhost”, “root”,“”) or

die(mysql_error()): //Connect to server

mysql_select_db(“first_db”) or

die(“Cannot connect to databse”); //Connect to database

$query = mysql_query(“Select * from list”); // SQL Query

while($row = mysql_fetch_array($query))

{

Print “<tr>”;

Print ‘<td align=”center”>’. $row[‘id’] . “</td>”;

Print ‘<td align=”center”>’. $row[‘details’] . “</td>”;

Print ‘<td align=”center”>’. $row[‘date_posted’] .

” – “ . $row[‘time_posted’] . “</td>”;

Print ‘<td align=”center”>’. $row[‘date_edited’] .

” – “ . $row[‘time_edited’] .“</td>”;

Print ‘<td align=”center”><a href=”edit.php?id=’.

$row[‘id’] .‘”>edit</a></td>’;

Print ‘<td align=”center”><a href=”delete.php?id=’.

$row[‘id’] .‘”>delete</a></td>’;

Print ‘<td align=”center”>’. $row[‘public’] . ‘</td>’;

Print “</tr>”;

}

</table>

</body>

</html>

اگر متوجه شده اید، ما فقط پارامتر URL را برای ویرایش و حذف پیوندها به نام ID اضافه کردیم. بعداً از این بخش برای رسیدگی به داده‌های شما استفاده خواهیم کرد. دلیل استفاده از id این است که یک شناسه منحصر به فرد می باشد. این امکان وجود دارد که شخص همان داده ها را وارد کند، بنابراین توصیه نمی شود که از جزئیات به عنوان وسیله ای برای دستکاری در آینده استفاده کنید. سعی کنید مکان نما خود را در پیوند ویرایش قرار دهید و مقدار شناسه را در پایین سمت چپ مشاهده خواهید کرد:

سایت ساده با زبان برنامه نویسی php

اکنون که در پروژه ساده طراحی سایت php آن را داریم، بیایید سعی کنیم edit.php خود را ایجاد کنیم و سعی کنیم داده ها را از آنجا دریافت کنیم:

<html>

<head>

<title>My first PHP Website</title>

</head>

<?php

session_start(); //starts the session

if($_SESSION[‘user’]){ // checks if the user is logged in

}

else{

header(“location: index.php”); // redirects if user is not logged in

}

$user = $_SESSION[‘user’]; //assigns user value

<body>

<p>Hello <?php Print “$user”?>!</p> <!–Display’s user name–>

<a href=”logout.php”>Click here to go logout</a><br/><br/>

<a href=”home.php”>Return to home page</a>

<h2 align=”center”>Currently Selected</h2>

<tr>

<th>Details</th>

<th>Public Post</th>

</tr>

<?php

if(!empty($def[‘id’]))

{

$id = $_GET[‘id’];

$_SESSION[‘id’] = $id;

$id_exists = true;

mysql_connect(“localhost”, “root”,“”)

or die(mysql_error()): //Connect to server

mysql_select_db(“first_db”)

or die(“Cannot connect to databse”); //Connect to database

$query = mysql_query(“Select * from list”); // SQL Query

$count = mysql_num_rows($query);

if($count > 0)

{

while($row = mysql_fetch_array($query))

{

توضیح کد:

!empty() – متدی که بررسی می کند که آیا مقدار خالی نیست. اگر می‌خواهید با حذف نقطه توضیح (!) خالی بودن آن را بررسی کنید، می‌توانید نحو را برعکس کنید، بنابراین نحو آن خالی ().
$_GET[”] – برای دریافت مقدار از پارامتر استفاده می شود. در مورد ما، از id به‌عنوان پارامتر URL استفاده می‌کنیم، بنابراین نحو آن $_GET[‘id’] خواهد بود.
$id_exists – متغیری که بررسی می کند آیا شناسه داده شده وجود دارد یا خیر.
$_SESSION[‘id’] – مقدار id را در session قرار می دهیم تا از آن در فایل دیگری استفاده کنیم.
query = mysql_query(“Select * from list”); // SQL Query                    $count = mysql_num_rows($query);                    if($count > 0)                    {                        while($row = mysql_fetch_array($query))                        {                            Print “<tr>”;

Print ‘<td align=”center”>’ . $row[‘id’] . “</td>”;

                                Print ‘<td align=”center”>’ . $row[‘details’] . “</td>”;

Print ‘<td align=”center”>’ . $row[‘date_posted’] .

                                      ” – “ . $row[‘time_posted’].“</td>”;

Print ‘<td align=”center”>’ . $row[‘date_edited’] .

                                      ” – “ . $row[‘time_edited’].“</td>”;

Print ‘<td align=”center”>’ . $row[‘public’] . “</td>”;

Print “</tr>”;

                         }

                     }

                     else

                     {

                         $id_exists = false;

                     }

                 }

             ?>

         </table>

         <br/>

         <?php

         if($id_exists)

         {

         Print ‘

         <form action=”edit.php” method=”post”>

             Enter new detail: <input type=”text” name=”details”/><br/>

             public post? <input type=”checkbox name=”public[]” value=”yes”/><br/>

             <input type=”submit” value=”Update List”/>

         </form>

         ‘;

         }

         else

         {

             Print ‘<h2 align=”center”>There is not data to be edited.</h2>’;

         }

         ?>

    </body>

</html>

دلیل اینکه ما متغیر $id_exists را استفاده می کنیم این است که در صورتی که کاربر پارامتر URL را به یک عدد ناموجود تغییر دهد (در اینجا ما فقط 2 ردیف/id داریم)، می توانیم اعلانی را نمایش دهیم که در آن داده ها ” وجود دارد. اکنون سعی کنید روی پیوند ویرایش در ردیف اول کلیک کنید و باید به این صورت نمایش داده شود:

php

بیایید سعی کنیم پارامتر URL را با حذف ?id=1 تغییر دهیم و اکنون باید به localhost/MyFirstWebsite/edit.php منجر شود و نتیجه آن به این صورت باشد:

سایت با زبان php حالا سعی کنید مقداری بزرگتر از شماره شناسه قرار دهید، بیایید 5 را امتحان کنیم و نتیجه آن باید به این صورت باشد:

localhost/MyFirstWebsite/edit.php?id=5

زبان برنامه نویسی php

اکنون که پارامترهای URL خود را ایمن کردیم، دستور ویرایش را قرار می دهیم. بیایید به edit.php برگردیم و کد زیر را برای به روز رسانی اطلاعات به پایگاه داده اضافه کنیم:

<?php

if($_SERVER[‘REQUEST_METHOD’] == “POST”)

{

mysql_connect(“localhost”, “root”, “”) or die (mysql_error()); //Connect to server

mysql_select_db(“first_db”) or die (“Cannot connect to database”);//Connect to database

$details = mysql_real_escape_string($_POST[‘details’]);

$public = “no”;

$id = $_SESSION[‘id’];

$time = strftime(“%X”); //time

$date = strftime(“%B %D, %Y”); //date

foreach($_POST[‘public’] as $list)

{

if($list != null)

{

$public = “yes”;

}

mysql_query(“UPDATE list SET details=’$details’,

public=’$public’, date_edited=’$date’, time_edited=’$time’ WHERE id=’$id'”);

header(“location:home.php”);

}

اکنون بازخوانی کنید و به صفحه ویرایش برگردید. بیایید یک داده متفاوت را امتحان کنیم. ما از “Salmon” استفاده می کنیم و آن را به غیر عمومی تغییر می دهم:

زبان برنامه نویسی php

پیش بروید و روی Update list کلیک کنید و باید به home.php هدایت شوید و لیست به روز شده را ببینید.

php پروژه ساده برای طراحی سایت

اکنون، زمان و تاریخ ویرایش را در ستون Edit Time نمایش داده ایم. حریم خصوصی ما روی غیر عمومی تنظیم شده است و مقدار به Salmon تغییر کرده است. تبریک می گویم! ما اکنون تابع ویرایش را در طراحی سایت ساده با PHP انجام دادیم.

حذف داده ها در سایت پی اچ پی

با نگاهی به CRUD، اکنون ایجاد (افزودن)، خواندن (نمایش) و به روز رسانی (ویرایش) رکوردها را در سایت ساده php اجرا کرده ایم. حالا برای قسمت آخر، حذف رکوردها. برای این بخش، نسبتاً مشابه کاری است که ما در ویرایش انجام داده‌ایم، اما آنچه متفاوت است فقط عبارت SQL می باشد. به جای استفاده از UPDATE، از دستور DELETE استفاده خواهیم کرد. در حذف رکوردها، ما باید از مردم بخواهیم مطمئن شوند که واقعاً می خواهند رکورد را حذف کنند، بنابراین ما کمی جاوا اسکریپت را در home.php اضافه خواهیم کرد. برای انجام این کار، اجازه دهید کد خود را تغییر دهیم و مقداری را در home.php اضافه کنیم.

function myFunction(id)

{

var r = confirm(“Are you sure you want to delete this record?”);

if(r == true)

{

window.location.assign(“delete.php?id=” + id);

}

</script>

همانطور که متوجه شدید، ما لینک را برای حذف ویرایش کردیم. href را به “#” تغییر دادیم و برای متد myFunction تابع و onclick را برای جاوا اسکریپت اضافه کردیم و داخل پارامتر آن id سطر قرار گرفت. در زیر جدول نوشته شده، نحو جاوا اسکریپت وجود دارد که در آن از کاربر می خواهد که رکورد را حذف کند. اگر کاربر تأیید کند، صفحه سپس به delete.php همراه با مقدار id تعبیه شده هدایت می شود. حالا بیایید delete.php را ایجاد کنیم و حذف فایل المان های مختلف در سایت php را انجام دهیم.

<?php

session_start(); //starts the session

if($_SESSION[‘user’]){ //checks if user is logged in

}

else {

header(“location:index.php”); //redirects if user is not logged in.

}

if($_SERVER[‘REQUEST_METHOD’] == “GET”)

{

mysql_connect(“localhost”, “root”, “”) or die(mysql_error()); //connect to server

mysql_select_db(“first_db”) or die(“cannot connect to database”); //Connect to database

$id = $_GET[‘id’];

mysql_query(“DELETE FROM list WHERE id=’$id'”);

header(“location:home.php”);

}

کد ساده است و نحو نیز همان هایی است که قبلا استفاده می کردیم اما متوجه شدیم که روش درخواست خود را به GET تغییر داده ایم. ما اکنون از درخواست GET استفاده می کنیم زیرا یک پارامتر URL داریم. حالا باز کردن home.php را امتحان کنید و بیایید سعی کنیم اولین رکورد را حذف کنیم. با این کار باید نتیجه ای مشابه تصویر زیر دریافت کنیم:

Simple php website design project

نتیجه حذف:

Website design with php

نمایش داده های عمومی در پروژه PHP

اکنون برای بخش آخر، نمایش داده های عمومی، ما داده‌هایی را که روی بله تنظیم شده‌اند در index.php خود، که در آن صفحه‌ای برای کاربرانی که احراز هویت نشده‌اند، نمایش خواهیم داد. خیلی ساده است. ما فقط باید index.php خود را ویرایش کنیم و یک کد و جدول php اضافه کنیم. در اینجا index.php به روز شده ما آمده است:

حذف داده ها در سایت پی اچ پی

اکنون از سیستم خارج شوید و صفحه پیش فرض خود را ببینید. باید چیزی شبیه این باشد:

شما هنوز داده ها را نخواهید دید زیرا ما هیچ اطلاعاتی را برای حالت عمومی تنظیم نکرده ایم. حالا بیایید دوباره وارد شوید و این بار، چند داده دیگر اضافه کنیم. ما موارد زیر را اضافه کرده ایم:

سالاد – عمومی
ذرت – غیر عمومی
پاستا – عمومی
مرغ – عمومی
اسپاگتی – غیر عمومی

با مجموع 6 داده با 3 مورد از هر تنظیم حریم خصوصی:

نمایش داده های عمومی در پروژه PHP

حالا بیایید از سیستم خارج شویم و صفحه پیش فرض خود (index.php) را ببینیم. اکنون باید به شکل زیر باشد:

ساخت سایت

همانطور که می بینید، فقط داده هایی را نمایش می دهد که روی عمومی تنظیم شده اند. در اینجا آموزش طراحی سایت ساده با php به اتمام رسیده و شما می توانید قابلیت های دیگری را نیز برای پروژه خود در نظر بگیرید. شما می توانید برای توسعه بیشتر و همکاری در پروژه php خود، از پلتفرم هایی مانند گیت و گیت هاب نیز استفاده کنید. اگر با این سیستم های آشنایی ندارید هم می توانید آموزش کامل git را در سایت ما مشاهده کنید.

همچنین در صورتی که برای انجام پروژه های خود ایده ندارید و به دنبال ایده های جدید هستید، می توانید از بهترین سایت های ایده یابی طراحی سایت استفاده کنید.

منبع: www.codeproject.com

طراحی وب سایت ساده با php

ساخت سایت ساده با PHP

پیش نیاز طراحی سایت با php

سرفصل های آموزش پروژه ساده طراحی سایت php

راه اندازی وب سرور

ایجاد صفحه Public HTML برای سایت php

ساخت صفحه ثبت نام در php

ساخت صفحه ورود در php

ساخت پایگاه داده و جداول آن برای پروژه ساده php

افزودن کاربران به پایگاه داده

ورود و احراز هویت کاربر در php

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

افزودن داده به لیست (فقط دسترسی کاربر)

نمایش داده ها در صفحه اصلی پروژه

ویرایش داده ها در سایت php

حذف داده ها در سایت پی اچ پی

نمایش داده های عمومی در پروژه PHP

درباره مدیریت

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید لغو پاسخ

ساخت سایت ساده با PHP

پیش نیاز طراحی سایت با php

سرفصل های آموزش پروژه ساده طراحی سایت php

راه اندازی وب سرور

ایجاد صفحه Public HTML برای سایت php

ساخت صفحه ثبت نام در php

ساخت صفحه ورود در php

ساخت پایگاه داده و جداول آن برای پروژه ساده php

افزودن کاربران به پایگاه داده

ورود و احراز هویت کاربر در php

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

افزودن داده به لیست (فقط دسترسی کاربر)

نمایش داده ها در صفحه اصلی پروژه

ویرایش داده ها در سایت php

حذف داده ها در سایت پی اچ پی

نمایش داده های عمومی در پروژه PHP

درباره مدیریت

مطالب زیر را حتما مطالعه کنید

برنامه نویسی ربات

نقشه راه یادگیری هوش مصنوعی

ریکت React.js چیست؟

کتابخانه انگولار AngularJS چیست؟

نحوه نوشتن الگوریتم در زبان برنامه نویسی

7 زبان برنامه نویسی پردرآمد در سال 2023 + میانگیرن درآمد

دیدگاهتان را بنویسید لغو پاسخ