Как да направите уебсайт на табло за съобщения с помощта на PHP и MYSQL: 5 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:51

Тази инструкция ще ви покаже как да създадете уебсайт на табло за съобщения, използвайки php, mysql, html и css. Ако сте нов в уеб разработката, не се притеснявайте, ще има подробни обяснения и аналогии, за да може да разберете по -добре концепциите.

Необходими материали:

• Текстов редактор (т.е. възвишен текст, Atom и т.н.). Ще използвам възвишен текст.
• WAMP означава Windows Apache MySQL и PHP
• MAMP означава Mac Apache MySQL и PHP

MAMP за потребители на Mac: https://www.mamp.info/en/ (включва MySQL и PHP)

WAMP за потребители на Windows: https://www.wampserver.com/en/ (включва MySQL и PHP)

Възвишен текст:

Стъпка 1: Преглед на проекта

Начинът да следите съобщенията е да ги съхранявате в база данни. В този урок ще използваме MySQL. (Използвам WAMP, тъй като имам операционна система, базирана на Windows)

1. Конфигурирайте PHP и MySQL, като се уверите, че са изтеглени и можете да навигирате до местоположението на файла им на вашия компютър.
2. Отворете командния ред и отидете в директорията на mysql и въведете „mysqladmin -u root -p парола“. Тази команда ще поиска вашата парола и ще можете да я въведете отново.
3. Сега стартирайте вашия WAMP или MAMP сървър. След като сървърът приключи зареждането, ще се появи зелена икона. Щракнете върху иконата -> MySQL -> MySQL конзолата, за да се уверите, че можете да влезете с новосъздадената си парола.
4. Сега задачата е да се създаде базата данни, където да се съхранява информацията за съобщенията. Нека помислим какво обикновено е необходимо от съобщение. Общите елементи включват: Име, часът на публикуване на съобщението, времето на публикуване на съобщението и самото съобщение.
5. Създайте база данни с име "съобщение".
6. Създайте таблица с име "коментари" и добавете редовете: id (тип Integer, който автоматично увеличава), име (тип Varchar), коментар (тип Varchar), време (тип Varchar), дата (тип Varchar),
7. Свържете се с базата данни "съобщение" в име на php файл "db.php".
8. Създайте поле за въвеждане на името на автора и текстова област за съобщението.
9. Проверете данните, преди да ги вмъкнете в базата данни. Ако всичко е наред, поставете съобщението, името на автора, датата и часа на публикуване на публикацията.
10. Показвайте съобщенията, като извличате всички записи на бази данни в html div и оформяте страницата с помощта на CSS.
11. Ура, успешно се научихте да създавате система за съобщения.

Стъпка 2: Стъпка 2 - Настройте база данни

Снимка 1 - След като базата данни е създадена, можете да въведете командата 'show databases', за да се уверите, че базата данни е създадена успешно.

ПОКАЖЕТЕ БАЗИ ДАННИ;

Снимка 2 - За да се съхранява информация в базата данни, трябва да се създаде таблица. Създаването на таблица с основните редове е от ключово значение, за да се гарантира, че уебсайтът има цялата необходима информация. Коментарите в таблицата ще имат цялата необходима информация

За да можете да се свържете с базата данни със съобщения, издайте командата "GRANT ALL PRIVILEGES ON.*". Можете да използвате вашето собствено потребителско име и парола, само моля не го забравяйте.

CREATE DATABASE message; GRANT ALL PRIVILEGES ON.* TO 'username'@'localhost' IDENTIFIED BY 'password';

Снимка 3 - Въведете „опишете коментарите“, за да се уверите, че таблицата е създадена успешно. Можете да видите редовете и техните типове данни, като издадете тази команда.

ОПИСАЙТЕ КОМЕНТАРИТЕ;

Снимка 4 - Тъй като редът за коментара първоначално не е бил там, нека го добавим с командата ALTER TABLE. Коментарът е тип VARCHAR (255), което означава, че коментарът ще бъде текст, който не може да надвишава дължина от 255 знака.

Съобщение ALTER TABLE ADD COLUMN коментари VARCHAR (255) NOT NULL;

255 представлява максималната дължина за коментар. Not 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);

ако (mysqli_connect_errno ())

{die ("Неуспешна връзка с база данни:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")"); }

?>

3. След това нека създадем index.php. Този файл е мястото, където създаваме стаята за чат. Ще използваме полето за въвеждане на html за името, текстовото поле за съобщението и div елемент, който да съдържа съобщенията. Ще използваме CSS (Cascase Style Sheet), за да позиционираме елементите на страницата и да украсим съдържанието на страницата.

код за index.php

? phprequire_once ('db.php');

if (isset ($ _ POST ['submit']))) {$ time = date ("g: i: s A"); $ дата = дата ("n/j/Y"); $ msg = $ _POST ['съобщение']; $ name = $ _POST ['fname']; $ result = ""; if (! празно ($ msg) &&! празно ($ име)) {// име час дата дата съобщение $ query = "INSERT INTO comments ("; $ query. = "name, time, date, comment"; $ query. = ") VALUES ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}'"; $ query. = ")"; $ резултат = mysqli_query ($ свързване, $ заявка); }}?>

textarea {border-radius: 2%; } #thread {border: 1px #d3d3d3 solid; височина: 350px; ширина: 350px; преливане: превъртане; }

? php $ select = "SELECT * FROM коментари"; $ q = mysqli_query ($ connect, $ select); while ($ row = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ row ['name']. ":". $ row ['comment']. ""; }?> Име: Изпратете

4. Ще използваме вградена функция php date (), за да получим датата и часа на публикуване на съобщението и empty (), за да сме сигурни, че потребителите не въвеждат празно съобщение или име.

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's require за свързване на страницата към базата данни. След това създайте поле за въвеждане на името. След това направете текстовото поле за съобщението. След като бъдат създадени, посетете https:// localhost: 8080/messages/index.php (може да нямате номер на порт, т.е. 8080), за да се уверите, че виждате полето за въвеждане и текстовото поле.

3. След това нека съберем данните от формуляра и след това ги вмъкнем в базата данни.

4. Сега, нека добавим заявка към базата данни и изведем всички съобщения в div.

5. За да оформяме нещата малко по -добре, нека добавим малко CSS, за да го направим малко по -красив.

PS: Имах правописна грешка. Моля, променете „съобщение“, за да коментирате близо до командата INSERT за променливата $ query.

Стъпка 5: Стъпка 5: Пример и следващи стъпки

Надяваме се да видите нещо подобно на горното, след като добавите css и го изпробвате.

Следващи стъпки: Добавете още css, за да направите сайта по -привлекателен.