نحوه ایجاد وب سایت صفحه پیام با استفاده از PHP و MYSQL: 5 مرحله

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:54

این دستورالعمل به شما نشان می دهد که چگونه با استفاده از php ، mysql ، html و css یک وب سایت صفحه پیام ایجاد کنید. اگر در توسعه وب تازه کار هستید ، نگران نباشید ، توضیحات و قیاس های مفصلی وجود دارد تا بتوانید مفاهیم را بهتر درک کنید.

مواد مورد نیاز:

• ویرایشگر متن (یعنی Sublime Text ، Atom ، و غیره). من از متن عالی استفاده خواهم کرد.
• WAMP مخفف Windows Apache MySQL و PHP است
• MAMP مخفف Mac Apache MySQL و PHP است

MAMP برای کاربران Mac: https://www.mamp.info/fa/ (شامل MySQL و PHP)

WAMP برای کاربران ویندوز: https://www.wampserver.com/fa/ (شامل MySQL و PHP)

متن عالی:

مرحله 1: مرور پروژه

راه پیگیری پیامها ذخیره آنها در پایگاه داده است. در این آموزش ، ما از MySQL استفاده می کنیم. (من از WAMP استفاده می کنم زیرا سیستم عامل ویندوز دارم)

1. PHP و MySQL را با اطمینان از بارگیری آنها پیکربندی کنید و می توانید به مکان فایل آنها در رایانه خود بروید.
2. خط فرمان را باز کرده و به فهرست mysql خود بروید و "mysqladmin -u root -p password" را تایپ کنید. این دستور رمز عبور شما را می پرسد و مجدداً آن را وارد می کنید.
3. حالا سرور WAMP یا MAMP خود را راه اندازی کنید. پس از اتمام بارگذاری سرور ، یک نماد سبز ظاهر می شود. روی نماد -> MySQL -> کنسول MySQL کلیک کنید تا مطمئن شوید که می توانید با گذرواژه تازه ایجاد شده وارد سیستم شوید.
4. اکنون وظیفه ایجاد پایگاه داده ای است که اطلاعات پیام ها در آن ذخیره می شود. بیایید در مورد آنچه معمولاً از یک پیام مورد نیاز است فکر کنیم. موارد رایج شامل: نام ، زمان ارسال پیام ، زمان ارسال پیام و خود پیام.
5. پایگاه داده ای با نام "message" ایجاد کنید.
6. جدولی با نام "نظرات" ایجاد کرده و ردیف ها را اضافه کنید: id (نوع صحیح که خودکار افزایش می یابد) ، نام (نوع Varchar) ، نظر (نوع Varchar) ، زمان (نوع Varchar) ، تاریخ (نوع Varchar) ،
7. با نام فایل php "db.php" به پایگاه داده "پیام" متصل شوید.
8. فیلد ورودی را برای نام نویسنده و ناحیه متنی پیام ایجاد کنید.
9. قبل از وارد کردن داده ها به پایگاه داده ، اعتبار آنها را تأیید کنید. اگر همه چیز خوب است ، پیام ، نام نویسنده ، تاریخ و زمان ارسال پست را وارد کنید.
10. نمایش پیامها با بازیابی همه پرونده های پایگاه داده در html div و ایجاد صفحه با استفاده از CSS.
11. هورای ، شما با موفقیت ایجاد یک سیستم پیام رسانی را آموخته اید.

مرحله 2: مرحله 2 - راه اندازی پایگاه داده

تصویر 1 - پس از ایجاد پایگاه داده ، می توانید دستور "نمایش پایگاه داده" را وارد کنید تا مطمئن شوید پایگاه داده با موفقیت ایجاد شده است.

نمایش پایگاه های داده ؛

تصویر 2 - برای ذخیره اطلاعات در پایگاه داده باید یک جدول ایجاد شود. ایجاد جدول با ردیف های اصلی برای اطمینان از این است که وب سایت دارای تمام اطلاعات لازم است. نظرات جدول تمام اطلاعات لازم را دارد

برای اینکه بتوانید به پایگاه داده پیام متصل شوید ، دستور "GRANT ALL PRIVILEGES ON message.*" را صادر کنید. شما می توانید از نام کاربری و رمز عبور خود استفاده کنید ، فقط لطفاً آن را فراموش نکنید.

ایجاد پیام پایگاه داده ؛ همه خصوصیات پیام را ارسال کنید.* به 'username'@'localhost' Identified by 'password'؛

تصویر 3 - "توصیف نظرات" را وارد کنید تا مطمئن شوید که جدول با موفقیت ایجاد شده است. با صدور این دستور می توانید سطرها و انواع داده های آنها را مشاهده کنید.

توصیف نظرات ؛

تصویر 4 - از آنجا که ردیف نظر در ابتدا وجود نداشت ، اجازه دهید آن را با دستور ALTER TABLE اضافه کنیم. نظر از نوع VARCHAR (255) است ، این بدان معناست که نظر متنی خواهد بود که نمی تواند از طول 255 نویسه تجاوز کند.

ALTER TABLE message افزودن ستون نظر VARCHAR (255) NOT NULL؛

255 نشان دهنده حداکثر طول برای نظر است. null به این معنی است که وقتی پیامی در پایگاه داده وارد می شود ، قسمت نظرات در پایگاه داده نمی تواند خالی باشد (null ؛ موجود نیست).

مرحله 3: ایجاد فایل های php

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

1. ما نیاز به ایجاد دو فایل داریم. یکی db.php نامیده می شود که به پایگاه داده MYSQL (زبان استاندارد درخواست من) و index.php ، صفحه ای که پیامها در آن قرار می گیرند ، متصل می شود.

2. ابتدا بیایید db.php ایجاد کنیم. هنگامی که پایگاه داده تنظیم شد اعتبارنامه اتصال برای اتصال به پایگاه داده. این فایل index.php را به پایگاه داده متصل می کند تا بتوانیم اطلاعات مورد نیاز برای ایجاد اتاق گفتگو را در آن جمع آوری کنیم.

کد db.php

؟ php define ("DB_SERVER"، "localhost")؛

define ("DB_USER"، "kylel95")؛ define ("DB_PASSWORD" ، "گذرواژه")؛ define ("DB_NAME" ، "پیام") ؛ $ connect = mysqli_connect (DB_SERVER ، DB_USER ، DB_PASSWORD ، DB_NAME) ؛

if (mysqli_connect_errno ())

{die ("اتصال به پایگاه داده انجام نشد:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")")؛ }

?>

3. بعد ، اجازه دهید index.php ایجاد کنیم. این فایل جایی است که ما چت روم را ایجاد می کنیم. ما از فیلد ورودی html برای نام ، textarea برای پیام و یک عنصر div برای قرار دادن پیام ها استفاده می کنیم. ما از CSS (Cascase Style Sheet) برای موقعیت یابی عناصر صفحه و تزئین محتوای صفحه استفاده خواهیم کرد.

کد برای index.php

؟ phprequire_once ('db.php')؛

if (isset ($ _ POST ['submit']))) {$ time = date ("g: i: s A")؛ $ date = date ("n/j/Y") ؛ $ msg = $ _POST ['message']؛ $ name = $ _POST ['fname']؛ $ result = ""؛ اگر (! خالی ($ msg) &&! خالی ($ name)) {// نام زمان تاریخ پیام $ query = "درج نظر ("؛ $ query. = "نام ، زمان ، تاریخ ، نظر" ؛ $ query = ") VALUES ("؛ $ query. = "'{$ name}'، '{$ time}'، '{$ date}'، '{$ msg}}'"؛ $ query. = ")"؛ $ result = mysqli_query ($ connect ، $ query) ؛ }}؟>

textarea {border-radius: 2٪؛ } #thread {border: 1px #d3d3d3 solid؛ ارتفاع: 350 پیکسل ؛ عرض: 350 پیکسل ؛ سرریز: پیمایش ؛ }

؟ php $ select = "انتخاب * از نظرات"؛ $ q = mysqli_query ($ connect ، $ select) ؛ while ($ row = mysqli_fetch_array ($ q، MYSQLI_ASSOC)) {echo $ row ['name']. ":". $ row ['comment']. ""؛ }؟> نام: ارسال کنید

4. ما از php ساخته شده در تابع date () برای بدست آوردن تاریخ و زمان ارسال پیام و خالی () استفاده می کنیم تا مطمئن شویم که کاربران پیام یا نام خالی وارد نمی کنند.

5. پس از ارسال داده های فرم ، نام ، پیام ، زمان و تاریخ را در پایگاه داده وارد می کنیم.

6. اکنون از پایگاه داده پرس و جو کرده و همه نظرات را دریافت می کنیم. نظرات در یک div ذخیره می شود.

?>

مرحله 4: فایلهای Db.php و Index.php را پر کنید

1. db.php (db به اختصار پایگاه داده) از نام کاربری و رمز عبوری که هنگام ایجاد پایگاه داده هنگام فرمان "GRANT ALL PRIVILEGES" ایجاد کردم استفاده می کند.

تابع تعریف در بالای فایل نشان می دهد که متغیرهای DB_SERVER ، DB_USER ، DB_PASSWORD ، DB_NAME ثابت هستند (مقدار آنها تغییر نمی کند). دستور if بررسی می کند که آیا اتصال به پایگاه داده خراب است یا خیر.

2. در فایل index.php ، از تابع نیاز php برای اتصال صفحه به پایگاه داده استفاده می کنیم. بعد ، یک فیلد ورودی برای نام ایجاد کنید. سپس textarea را برای پیام ایجاد کنید. پس از ایجاد این موارد به https:// localhost: 8080/messages/index.php مراجعه کنید (ممکن است شماره پورت یعنی 8080 نداشته باشید) تا مطمئن شوید کادر ورودی و textarea را مشاهده می کنید.

3. سپس ، اجازه دهید داده های فرم را جمع آوری کرده و سپس در پایگاه داده وارد کنیم.

4. در حال حاضر ، اجازه دهید پرس و جو پایگاه داده را اضافه کرده و همه پیام ها را به یک div ارسال کنیم.

5. برای بهتر جلوه دادن همه چیز ، اجازه دهید مقداری CSS اضافه کنیم تا کمی زیباتر شود.

PS: من اشتباه تایپی داشتم. لطفاً "پیام" را برای اظهار نظر در نزدیکی دستور INSERT برای متغیر query $ تغییر دهید.

مرحله 5: مرحله 5: مثال و مراحل بعدی

امیدوارم بعد از افزودن css و آزمایش آن چیزی مشابه آنچه در بالا مشاهده می کنید مشاهده کنید.

مراحل بعدی: برای جذابیت بیشتر سایت ، css بیشتری اضافه کنید.