ایجاد پنل مدیریت سایت با PHP - افزودن و مشاهده برندها

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

گزینه ی "وارد کردن برند جدید" و گزینه ی "مشاهده تمامی برندها"

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

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

برای اینکه کدهای این بخش را بهتر ببینیم، یکبار دیگر به سراغ فایل right_sidbar.php که در آدرس C:\wamp\www\ecommerce\admin_area قرار دارد، می رویم. من کدهای این فایل را در تصویر زیر برای شما آورده ام.

همانطور که در تصویر بالا مشاهده می نمایید، لینک "وارد کردن برند جدید" معنای خاصی برای ما دارد. وقتی بر روی این لینک فشار داده می شود، اجرای برنامه به فایل index.php  (یک خط سبز زیر آن کشیده ام) جهت دهی می شود و علاوه بر این کار، یک پارامتر را تحت عنوان insert_brand برای فایل index.php ارسال می کنیم (من یک خط آبی زیر آن کشیده ام ).

از طرف دیگر همین موضوع در مورد لینک "مشاهده تمامی برندها " تکرار شده است، البته با یک تفاوت به جای ارسال پارامتر insert_brand، پارامتر view_brand را ارسال کردیم.

خب اینجا جایی است که ما باید در فایل index.php تغییراتی را اعمال کنیم. لذا به آدرس  C:\wamp\www\ecommerce\admin_area بروید و فایل index.php را با استفاده از Notepad++ باز کنید و کدهای زیر را در آن پیدا کنید .

			if(isset($_GET['edit_cat']))
			{
				include('edit_cat.php');
			}

این کدها را پاک کنید و کدهای زیر را به جای آنها قرار دهید.

			if(isset($_GET['edit_cat']))
			{
				include('edit_cat.php');
			}
			
			if(isset($_GET['insert_brand']))
			{
				include('insert_brand.php');
			}
			
			if(isset($_GET['view_brands']))
			{
				include('view_brands.php');
			}

همانطور که مشاهده می نمایید، وقتی برنامه از طریق لینک "وارد کردن برند جدید"  به فایل index.php وارد می شود، فایل index.php متوجه می شود که منظور از این لینک، این است که مدیر سایت قصد وارد کردن یک برند جدید را دارد بنابراین جهت برنامه را به سمت فایل insert_brand.php سوق می دهد، اما ما هنوز این برنامه را ایجاد نکرده ایم، و  در ادامه آن را با هم خواهیم ساخت،.

به صورت مشابه ایی، وقتی برنامه از طریق لینک "مشاهده تمامی برند ها"  به فایل index.php وارد می شود، فایل index.php متوجه می شود که منظور از این لینک، این است که مدیر سایت، قصد مشاهده تمامی برند ها را دارد بنابراین جهت برنامه را به سمت فایل view_brands.php تغییر می دهد، در ادامه من هر دو فایل insert_brand.php و view_brands.php را خواهم ساخت.

ایجاد فایل های insert_brand.php و view_brands.php

باید دست به کار شویم و به آدرس C:\wamp\www\ecommerce\admin_area برویم و مانند تصویر زیر این دو فایل را ایجاد کنیم.

در واقع کار اصلی را، دو فایل insert_brand.php و view_brand.php انجام می دهند. بعد از ایجاد این دو فایل باید به سراغ کدهای آن برویم. من در قسمت زیر کدهای فایل insert_brand.php را برای شما قرار داده ام.

<form method="post" action="" >
	<table  width="650" align="center" style="border: none;" >
		<caption style="border: none;" ><b>برند جدید مورد نظر خودتان را اضافه نمایید.</b></caption >
		<tr style="border: none;">
			<td style="border: none;"><b>نام برند جدید :</b></td >
			<td style="border: none;"><input type="text" name="new_brand" size="40" placeholder="برند جدید را اضافه کن." required /></td >
			<td style="border: none;"><input type="submit" name="add_brand" value="برند جدید اضافه شود"/></td >
		</tr>
	</table>
</form>
<?php
    include("include/db.php");
	if(isset($_POST['add_brand'])){
		$new_brand=$_POST['new_brand'];
		$insert_brand="insert into brands (`brand_title`) values (N'$new_brand')";
		$run_insert_brand=mysqli_query($con,"SET NAMES SET utf8");
		$run_insert_brand=mysqli_query($con,"SET CHARACKTER SET utf8");
		$run_insert_brand=mysqli_query($con,$insert_brand);
		if($run_insert_brand)
		{
			echo "<script>alert('برند $new_brand به برندهای موجود اضافه شد.')</script>";
			echo "<script>window.open('index.php?view_brands','_self')</script>";
		}
	}
?>

با توجه به قسمت های گذشته، (ما همین کارها را را در مورد وارد کردن محصول جدید و وارد کردن دسته جدید به صورت مشابه ایی انجام داده ایم، اگر در مورد درک کدهای بالا دچار مشکل بودید، به این قسمت ها مراجعه نمایید.) توضیح خاصی برای این کدها باقی نمانده است.

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

<table  width="700" align="center">
	<caption ><b>مشاهده ی همه برندها</b></caption >
	<tr>
		<td align="center"><b>شماره</b></td >
		<td align="center"><b>نام برند</b></td >
		<td align="center"><b>ویرایش</b></td >
		<td align="center"><b>حذف</b></td >
	</tr>
	<tr align="center">
		<?php
			$select_brand="select * from brands";
			$run_brand=mysqli_query($con,"SET NAMES SET utf8");
			$run_brand=mysqli_query($con,"SET CHARACTER SET utf8");
			$run_brand=mysqli_query($con,$select_brand);
			$i=0;
			while($row_brand=mysqli_fetch_array($run_brand))
			{
				$id_brand=$row_brand['brand_id'];
				$title_brand=$row_brand['brand_title'];
				$i++;
			?>
			<td align="center"><?php echo $i?></td >
			<td align="center"><?php echo $title_brand?></td >
			<td align="center"><a href="index.php?edit_brand=<?php echo $id_brand ?>">ویرایش</a></td >
			<td align="center"><a href="delete_brand.php?delete_brand=<?php echo $id_brand ?>">حذف </a></td >
		</tr>
	<?php } ?>		
</table>

باز هم توضیح خاصی باقی نمانده است، با توجه به قسمت های گذشته، (ما همین کارها را را در مورد مشاهده ی تمامی محصولات و مشاهده تمامی دسته ها، به صورت مشابه ایی انجام داده ایم، اگر در درک کدهای بالا، دچار مشکل بودید، به این قسمت ها مراجعه نمایید.) این کدها به راحتی قابل فهم هستند.

تست عملی کدهای نوشته شده

حالا باید به سراغ تست کدهای نوشته شده برویم. بنابراین در ابتدا wamp را روشن کنید و در مرورگر خودتان آدرس localhost/ecommerce/admin_area/index.php را وارد کرده و اینتر بزنید. با انجام این کار ، پنل مدیریت سایت، مانند تصویر زیر برای شما به نمایش در خواهد آمد.

حالا از سایدبار سمت راست، بر روی گزینه ی "وارد کردن برند جدید" کلیک کنید تا تصویر زیر برای شما به نمایش در بیاید.

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

با انجام کار بالا، یک پیام مبنی بر اضافه شدن برند "برند جهانگیر پچکم" به برندهای موجود به ما داده می شود.

بعد از مشاهده کارکرد گزینه ی "وارد کردن برند جدید"، این بار به سراغ گزینه ی "مشاهده تمامی برندها" می رویم؛ برای این منظور، مانند تصویر زیر بر روی این گزینه از سایدبار سمت راست کلیک می کنیم.

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

دقت کنید که در تصویر بالا، برندهای موجود در پایگاه داده دیده می شوند، توجه شما را به برند " برند جهانگیر پچکم " که در مرحله قبل آن را اضافه کردیم جلب می کنم.

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

فایل های نهایی

فایل نهایی index.php که در آدرس C:\wamp\www\ecommerce\admin_area قرار دارد.

<!-- start of Header -->
<?php	include('include/Header.php');	?>
<!-- end of Header -->				

<div id="templatemo_content">
	
	
	<!-- start of ocntent left -->
	<div id="templatemo_content_left">
		
		<?php 
			
			if(isset($_GET['insert_pro']))
			{
				include('insert_product.php');
			}			
			
			if(isset($_GET['view_pro']))
			{
				include('view_product.php');
			}
			
			if(isset($_GET['edit_pro']))
			{
				include('edit_product.php');
			}			
			
			if(isset($_GET['insert_cat']))
			{
				include('insert_cat.php');
			}
			
			if(isset($_GET['view_cats']))
			{
				include('view_cats.php');
			}
			
			if(isset($_GET['edit_cat']))
			{
				include('edit_cat.php');
			}
			
			if(isset($_GET['insert_brand']))
			{
				include('insert_brand.php');
			}
			
			if(isset($_GET['view_brands']))
			{
				include('view_brands.php');
			}
			
		?>
		
		<div class="cleaner_with_height">&nbsp;</div>
	</div> 
	<!-- end of ocntent left -->
	
	<!-- start of right content -->
	<?php	include('include/Right_Sidebar.php');	?>
	<!-- end of right content -->
	
	<div class="cleaner">&nbsp;</div>
	</div>
	
	<!-- start of footer -->
	<?php include('include/Footer.php');	?>
	<!-- end of footer -->

فایل نهایی insert_brand.php که در آدرس C:\wamp\www\ecommerce\admin_area قرار دارد.

<form method="post" action="" >
	<table  width="650" align="center" style="border: none;" >
		<caption style="border: none;" ><b>برند جدید مورد نظر خودتان را اضافه نمایید.</b></caption >
		<tr style="border: none;">
			<td style="border: none;"><b>نام برند جدید :</b></td >
			<td style="border: none;"><input type="text" name="new_brand" size="40" placeholder="برند جدید را اضافه کن." required /></td >
			<td style="border: none;"><input type="submit" name="add_brand" value="برند جدید اضافه شود"/></td >
		</tr>
	</table>
</form>
<?php
    include("include/db.php");
	if(isset($_POST['add_brand'])){
		$new_brand=$_POST['new_brand'];
		$insert_brand="insert into brands (`brand_title`) values (N'$new_brand')";
		$run_insert_brand=mysqli_query($con,"SET NAMES SET utf8");
		$run_insert_brand=mysqli_query($con,"SET CHARACKTER SET utf8");
		$run_insert_brand=mysqli_query($con,$insert_brand);
		if($run_insert_brand)
		{
			echo "<script>alert('برند $new_brand به برندهای موجود اضافه شد.')</script>";
			echo "<script>window.open('index.php?view_brands','_self')</script>";
		}
	}
?>

فایل نهایی view_brands.php  که در آدرس C:\wamp\www\ecommerce\admin_area قرار دارد.

<table  width="700" align="center">
	<caption ><b>مشاهده ی همه برندها</b></caption >
	<tr>
		<td align="center"><b>شماره</b></td >
		<td align="center"><b>نام برند</b></td >
		<td align="center"><b>ویرایش</b></td >
		<td align="center"><b>حذف</b></td >
	</tr>
	<tr align="center">
		<?php
			$select_brand="select * from brands";
			$run_brand=mysqli_query($con,"SET NAMES SET utf8");
			$run_brand=mysqli_query($con,"SET CHARACTER SET utf8");
			$run_brand=mysqli_query($con,$select_brand);
			$i=0;
			while($row_brand=mysqli_fetch_array($run_brand))
			{
				$id_brand=$row_brand['brand_id'];
				$title_brand=$row_brand['brand_title'];
				$i++;
			?>
			<td align="center"><?php echo $i?></td >
			<td align="center"><?php echo $title_brand?></td >
			<td align="center"><a href="index.php?edit_brand=<?php echo $id_brand ?>">ویرایش</a></td >
			<td align="center"><a href="delete_brand.php?delete_brand=<?php echo $id_brand ?>">حذف </a></td >
		</tr>
	<?php } ?>		
</table>