نمونه اسکریپت مدیریت محتوای صفحه با استفاده از PHP و ویرایشگر متن Summernote


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

چرا انتخاب PHP و Summernote؟




PHP، به عنوان یکی از محبوب‌ترین زبان‌های برنامه‌نویسی سمت سرور، امکانات بی‌نظیری برای ساخت سیستم‌های مدیریت محتوا (CMS) دارد. این زبان، به خاطر سادگی، انعطاف‌پذیری و پشتیبانی گسترده، گزینه‌ای عالی برای توسعه سیستم‌های مدیریتی است. در کنار آن، Summernote، یک ویرایشگر متن رایگان و متن‌باز است که امکانات قدرتمندی مانند قالب‌بندی متن، افزودن تصویر، لینک و دیگر ابزارهای ویرایشی را در اختیار کاربر قرار می‌دهد. این ویرایشگر، قابلیت ادغام آسان با پروژه‌های PHP را دارد و تجربه ویرایش محتوا را برای کاربران بسیار دلپذیر می‌کند.

ساختار کلی اسکریپت




اسکریپت مدیریت محتوا، در اصل شامل چند بخش اصلی است:

- بخش سمت سرور (PHP): مسئولیت پردازش درخواست‌ها، ارتباط با پایگاه داده، ذخیره‌سازی و بازیابی محتوا.

- بخش سمت کاربر (HTML، CSS و JavaScript): نمایش فرم ویرایش، بارگذاری Summernote و ارسال داده‌ها به سرور.

- پایگاه داده: نگهداری محتواهای صفحات مختلف، معمولاً در قالب جداول مخصوص.
برای شروع، باید یک پایگاه داده طراحی کنیم که بتواند عناوین صفحات، محتوای آنها و شناسه‌های مربوطه را نگهداری کند. در اینجا، فرض می‌کنیم پایگاه داده ما یک جدول به نام `pages` دارد، که شامل فیلدهای زیر است:
| فیلد | نوع داده | توضیحات |

|--------|--------------|-------------------------|

| id | INT | شناسه منحصر به فرد صفحه |

| title | VARCHAR | عنوان صفحه |

| content | TEXT | محتوای صفحه |

ایجاد پایگاه داده و جدول




ابتدا، باید پایگاه داده و جدول مورد نیاز را بسازیم:
sql  


CREATE DATABASE content_management;
USE content_management;
CREATE TABLE pages (


    id INT AUTO_INCREMENT PRIMARY KEY,


    title VARCHAR(255) NOT NULL,


    content TEXT NOT NULL  


);

در مرحله بعد، باید فایل‌هایی برای عملیات CRUD (ایجاد، خواندن، بروزرسانی، حذف) بنویسیم. برای این کار، یک فایل اصلی به نام `index.php` در نظر می‌گیریم که نقش صفحه مدیریت و ویرایش محتوا را بر عهده دارد.

طراحی فرم ویرایش محتوا




در فایل `index.php`، ابتدا باید فرم HTML را طراحی کنیم که کاربران بتوانند عنوان و محتوای صفحه را وارد یا ویرایش کنند. برای این کار، از Summernote بهره می‌بریم. در ادامه، نمونه کد HTML و JavaScript مربوط به آن را مشاهده می‌کنید:
html  


<!DOCTYPE html>


<html lang="fa">


<head>


<meta charset="UTF-8" />


<title>مدیریت محتوا</title>


<!-- لینک‌های CSS مربوط به Summernote -->


<link href="https://cdn.jsdelivr.net/npm/summernote/dist/summernote.min.css" rel="stylesheet">


</head>


<body>


<h2>ویرایش صفحه</h2>


<form method="POST" action="save.php">


    <input type="hidden" name="id" value="<?php echo isset($_GET['id']) ? $_GET['id'] : ''; ?>"/>


    <label>عنوان صفحه:</label>


    <input type="text" name="title" value="<?php echo isset($page['title']) ? $page['title'] : ''; ?>" required /><br><br>


    <label>محتوا:</label>


    <textarea id="summernote" name="content"><?php echo isset($page['content']) ? $page['content'] : ''; ?></textarea...  ← ادامه مطلب در magicfile.ir