როგორ შევქმნათ შეტყობინებების დაფის ვებ გვერდი PHP და MYSQL გამოყენებით: 5 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:17

ეს ინსტრუქცია გაჩვენებთ თუ როგორ უნდა შექმნათ შეტყობინებების დაფის ვებ გვერდი php, mysql, html და css გამოყენებით. თუ თქვენ ახალი ხართ ვებ განვითარების სფეროში, არ ინერვიულოთ, იქნება დეტალური ახსნა და ანალოგიები, ასე რომ თქვენ უკეთ გაიგებთ ცნებებს.

საჭირო მასალები:

• ტექსტური რედაქტორი (ანუ ამაღლებული ტექსტი, ატომი და სხვა). მე გამოვიყენებ ამაღლებულ ტექსტს.
• 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 (რიცხვი, რომელიც ავტომატურად იზრდება), სახელი (Varchar ტიპი), კომენტარი (Varchar type), დრო (Varchar type), თარიღი (Varchar type),
7. დაუკავშირდით "შეტყობინებების" მონაცემთა ბაზას php ფაილის სახელით "db.php".
8. შექმენით შეყვანის ველი ავტორის სახელისთვის და ტექსტის ზონა შეტყობინებისთვის.
9. მონაცემთა გადამოწმება მონაცემთა ბაზაში ჩასვლამდე. თუ ყველაფერი კარგად არის, ჩაწერეთ შეტყობინება, ავტორის სახელი, პოსტის გამოქვეყნების თარიღი და დრო.
10. აჩვენეთ შეტყობინებები მონაცემთა ბაზის ყველა ჩანაწერის HTML ht div– ით აღებით და გვერდის სტილით CSS გამოყენებით.
11. ჰორაი, თქვენ წარმატებით ისწავლეთ შეტყობინებების სისტემის შექმნა.

ნაბიჯი 2: ნაბიჯი 2 - შექმენით მონაცემთა ბაზა

სურათი 1 - მონაცემთა ბაზის შექმნის შემდეგ, თქვენ შეგიძლიათ შეიყვანოთ ბრძანება "მონაცემთა ბაზების ჩვენება", რათა დარწმუნდეთ, რომ მონაცემთა ბაზა წარმატებით შეიქმნა.

მონაცემთა ბაზების ჩვენება;

სურათი 2 - მონაცემთა ბაზაში ინფორმაციის შესანახად საჭიროა ცხრილის შექმნა. ცხრილის შექმნა აუცილებელი სტრიქონებით არის გასაღები იმის უზრუნველსაყოფად, რომ ვებგვერდს აქვს ყველა საჭირო ინფორმაცია. ცხრილის კომენტარებში იქნება ყველა საჭირო ინფორმაცია

იმისათვის, რომ შეძლოთ გზავნილების მონაცემთა ბაზასთან დაკავშირება, გასცემთ ბრძანებას "გაცემული შეტყობინების პრიორიტეტები შეტყობინებაზე.*". თქვენ შეგიძლიათ გამოიყენოთ თქვენი საკუთარი მომხმარებლის სახელი და პაროლი, უბრალოდ არ დაგავიწყდეთ.

შექმენით მონაცემთა ბაზის შეტყობინება; მიეცით ყველა პრივილეგია შეტყობინებაზე.* 'მომხმარებლის სახელი'@'localhost' იდენტიფიცირებული 'პაროლით';

სურათი 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");

განსაზღვრა ("DB_USER", "kylel95"); განსაზღვრა ("DB_PASSWORD", "პაროლი"); განსაზღვრა ("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- ის შეყვანის ველს სახელისთვის, textarea შეტყობინებისთვის და div ელემენტს, რომელიც შეიცავს შეტყობინებებს. ჩვენ გამოვიყენებთ CSS (Cascase Style Sheet) გვერდის ელემენტების პოზიციონირებისათვის და გვერდის შინაარსის გაფორმებისთვის.

კოდი index.php

? phprequire_once ('db.php');

if (isset ($ _ POST ['წარადგინე']))) {$ time = date ("g: i: s A"); $ თარიღი = თარიღი ("n/j/Y"); $ msg = $ _POST ['შეტყობინება']; $ name = $ _POST ['fname']; $ result = ""; თუ (! ცარიელი ($ msg) &&! ცარიელი ($ სახელი)) {// სახელის დროის თარიღი შეტყობინება $ query = "ჩაწერე კომენტარებში ("; $ query. = "სახელი, დრო, თარიღი, კომენტარი"; $ შეკითხვა = ") VALUES ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}}'"; $ query. = ")"; $ result = mysqli_query ($ connect, $ query); }}?>>

textarea {საზღვარი-რადიუსი: 2%; } #thread {border: 1px #d3d3d3 მყარი; სიმაღლე: 350 პიქსელი; სიგანე: 350 პიქსელი; overflow: გადახვევა; }

? php $ select = "აირჩიეთ * კომენტარებისგან"; $ q = mysqli_query ($ დაკავშირება, $ შერჩევა); ხოლო ($ row = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ row ['name']. ":". $ row ['კომენტარი']. ""; }?> სახელი: გაგზავნეთ

4. ჩვენ გამოვიყენებთ php- ს ჩამონტაჟებულ ფუნქციის თარიღს (), რომ მივიღოთ შეტყობინება გამოქვეყნებული და ცარიელი თარიღი და დრო () რათა დავრწმუნდეთ, რომ მომხმარებლები არ შეიყვანენ ცარიელ შეტყობინებას ან სახელს.

5. ფორმის მონაცემების წარდგენის შემდეგ, ჩვენ ჩავსვამთ სახელს, შეტყობინებას, დროს და თარიღს მონაცემთა ბაზაში.

6. ჩვენ ახლა ვიკითხავთ მონაცემთა ბაზიდან და მივიღებთ ყველა კომენტარს. კომენტარები ინახება დივიზიონში.

?>

ნაბიჯი 4: შეავსეთ Db.php და Index.php ფაილები

1. db.php (db შემოკლებით მონაცემთა ბაზა) იყენებს მომხმარებლის სახელს და პაროლს, რომელიც გამოვიყენე მონაცემთა ბაზის შექმნისთანავე, როდესაც გამოვეცი ბრძანება "GRANT ALL PRIVILEGES".

ფაილის ზედა ნაწილში განსაზღვრული ფუნქცია მიუთითებს იმაზე, რომ ცვლადები DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME არის მუდმივები (ისინი არ იცვლება მნიშვნელობით). თუ განცხადებები ამოწმებს, კავშირი მონაცემთა ბაზასთან ვერ მოხერხდა თუ არა.

2. index.php ფაილში ჩვენ გამოვიყენებთ php- ის მოთხოვნის ფუნქციას გვერდის მონაცემთა ბაზასთან დასაკავშირებლად. შემდეგი, შექმენით შეყვანის ველი სახელისთვის. შემდეგ გააკეთეთ ტექსტის ადგილი შეტყობინებისთვის. მათი შექმნის შემდეგ ეწვიეთ https:// localhost: 8080/messages/index.php (შეიძლება არ გქონდეთ პორტის ნომერი, ანუ 8080), რათა დარწმუნდეთ, რომ ხედავთ შეყვანის ყუთს და ტექსტურ ადგილს.

3. შემდეგი, მოდით შევიკრიბოთ ფორმის მონაცემები და შემდეგ ჩავსვათ მონაცემთა ბაზაში.

4. ახლა, მოდით დავამატოთ მოთხოვნა მონაცემთა ბაზაში და გამოვიტანოთ ყველა შეტყობინება div- ში.

5. რაღაცეების უკეთესად სტილის შესაქმნელად, მოდით დავამატოთ CSS, რათა ის ცოტათი გავალამაზოთ.

PS: მე მქონდა შეცდომა. გთხოვთ, შეცვალოთ "შეტყობინება", რათა დატოვოთ კომენტარი INSERT ბრძანების მახლობლად $ query ცვლადისთვის.

ნაბიჯი 5: ნაბიჯი 5: მაგალითი და შემდეგი ნაბიჯები

ვიმედოვნებთ, რომ თქვენ ნახავთ რაღაც მსგავსს, რაც ზემოთ არის css– ის დამატებისა და მისი გამოცდის შემდეგ.

შემდეგი ნაბიჯები: დაამატეთ მეტი css, რათა საიტი უფრო მიმზიდველი გახდეს.