Mündəricat:

PHP və MYSQL -dən istifadə edərək mesaj lövhəsi veb saytı necə etmək olar: 5 addım
PHP və MYSQL -dən istifadə edərək mesaj lövhəsi veb saytı necə etmək olar: 5 addım

Video: PHP və MYSQL -dən istifadə edərək mesaj lövhəsi veb saytı necə etmək olar: 5 addım

Video: PHP və MYSQL -dən istifadə edərək mesaj lövhəsi veb saytı necə etmək olar: 5 addım
Video: CS50 2015 - Week 10 2024, Noyabr
Anonim
PHP və MYSQL -dən istifadə edərək mesaj lövhəsi veb saytı necə etmək olar
PHP və MYSQL -dən istifadə edərək mesaj lövhəsi veb saytı necə etmək olar

Bu təlimat, php, mysql, html və css istifadə edərək mesaj lövhəsi veb saytının necə yaradılacağını sizə göstərəcək. Veb inkişafında yenisinizsə, narahat olmayın, anlayışları daha yaxşı başa düşmək üçün ətraflı izahlar və bənzətmələr olacaq.

Lazım olan materiallar:

  • Mətn redaktoru (yəni Sublime Text, Atom və s.). Mükəmməl mətndən istifadə edəcəyəm.
  • WAMP, Windows Apache MySQL və PHP deməkdir
  • MAMP, Mac Apache MySQL və PHP deməkdir

Mac istifadəçiləri üçün MAMP: https://www.mamp.info/en/ (MySQL və PHP daxildir)

Windows istifadəçiləri üçün WAMP: https://www.wampserver.com/en/ (MySQL və PHP daxildir)

Möhtəşəm Mətn:

Addım 1: Layihəyə Baxış

Mesajları izləməyin yolu onları bir verilənlər bazasında saxlamaqdır. Bu dərslikdə MySQL -dən istifadə edəcəyik. (Windows əsaslı bir əməliyyat sistemim olduğu üçün WAMP istifadə edirəm)

  1. PHP və MySQL -in yükləndiyinə əmin olaraq konfiqurasiya edin və kompüterinizdə onların fayl yerinə gedə bilərsiniz.
  2. Əmr əmrini açın və mysql qovluğunuza gedin və "mysqladmin -u root -p parol" yazın. Bu əmr parolunuzu və yenidən daxil etməyinizi xahiş edəcək.
  3. İndi WAMP və ya MAMP serverinizi işə salın. Server yükləməni bitirdikdən sonra yaşıl bir simge görünəcək. Yeni yaradılmış şifrə ilə daxil ola biləcəyinizdən əmin olmaq üçün nişanı -> MySQL -> MySQL konsolunu vurun.
  4. İndi vəzifə mesajlar haqqında məlumatların saxlanılacağı bir verilənlər bazası yaratmaqdır. Bir mesajdan ümumiyyətlə nə lazım olduğunu düşünək. Ümumi maddələr daxildir: Ad, mesajın göndərildiyi vaxt, mesajın göndərildiyi vaxt və mesajın özü.
  5. "Mesaj" adlı bir verilənlər bazası yaradın.
  6. "Şərhlər" adlı bir cədvəl yaradın və satırları əlavə edin: id (avtomatik artan tam ədəd), ad (Varchar növü), şərh (Varchar növü), vaxt (Varchar növü), tarix (Varchar növü),
  7. "Mesaj" verilənlər bazasına "db.php" adlı bir php fayl adı ilə qoşulun.
  8. Müəllifin adı və mesaj üçün mətn sahəsi üçün giriş sahəsini yaradın.
  9. Verilənləri bazaya daxil etməzdən əvvəl məlumatları yoxlayın. Hər şey qaydasındadırsa, mesajı, müəllifin adını, yazının tarixini və vaxtını daxil edin.
  10. Bütün verilənlər bazası qeydlərini html div -ə daxil edərək mesajları göstərin və CSS -dən istifadə edərək səhifəni tərtib edin.
  11. Horray, bir mesajlaşma sistemi yaratmağı uğurla öyrəndiniz.

Adım 2: Adım 2 - Verilənlər Bazasını Qurun

Addım 2 - Verilənlər bazasını qurun
Addım 2 - Verilənlər bazasını qurun
Addım 2 - Verilənlər bazasını qurun
Addım 2 - Verilənlər bazasını qurun
Addım 2 - Verilənlər bazasını qurun
Addım 2 - Verilənlər bazasını qurun

Şəkil 1 - Verilənlər bazası yaradıldıqdan sonra, verilənlər bazasının uğurla yaradıldığından əmin olmaq üçün 'verilənlər bazasını göstər' əmrini daxil edə bilərsiniz.

DATABASES GÖSTƏRİN;

Şəkil 2 - Məlumatları verilənlər bazasında saxlamaq üçün bir cədvəl yaradılmalıdır. Veb saytının bütün lazımi məlumatlara malik olduğundan əmin olmaq üçün əsas satırları olan cədvəl yaratmaq vacibdir.

Mesaj bazasına qoşula bilmək üçün "BÜTÜN İSTİFADƏLƏRİ QORUN.*" Əmrini verin. İstifadəçi adınızı və şifrənizi istifadə edə bilərsiniz, sadəcə unutmayın.

DATABASE mesajı yaradın; Mesajda BÜTÜN İSTİFADƏLƏR VERİN.* 'İstifadəçi adı'@'localhost' '' parol 'ilə TANIŞLI;

Şəkil 3 - Cədvəlin uğurla yaradıldığından əmin olmaq üçün 'şərhləri təsvir edin' daxil edin. Bu əmri verərək satırları və onların məlumat növlərini görə bilərsiniz.

ŞƏRHLƏRİ TƏSVİR EDİN;

Şəkil 4 - Şərhin sətri əslində orada olmadığından, ALTER TABLE əmri ilə əlavə edək. Şərh VARCHAR (255) tiplidir, bu o deməkdir ki, şərh 255 simvoldan artıq olmayan mətn olacaqdır.

ALTER TABLE mesajı SÜTUN şərh əlavə et VARCHAR (255) NOT NULL;

255, şərh üçün maksimum uzunluğu təmsil edir. Null deyil, bir verilənlər bazasına bir mesaj daxil edildikdə, verilənlər bazasındakı şərh sahəsinin boş ola bilməyəcəyi deməkdir (null; mövcud deyil).

Addım 3: Php faylları yaradın

Seçdiyiniz mətn redaktorunda aşağıdakı addımlar yer alacaq. Mükəmməl mətndən istifadə edəcəyəm.

1. İki fayl yaratmalıyıq. Biri MYSQL (standart sorğu dilim) verilənlər bazasına və index.php -ə, mesajların gedəcəyi səhifəyə qoşulacaq və ya veb saytı olan db.php adlanacaq.

2. Əvvəlcə db.php yaradaq. Verilənlər bazası qurulduqda verilənlər bazasına qoşulmaq üçün əlaqə məlumatları. Bu fayl index.php faylını verilənlər bazasına bağlayacaq ki, onu söhbət otağı yaratmaq üçün lazım olan məlumatlarla dolduraq.

Db.php üçün kod

? php müəyyən edin ("DB_SERVER", "localhost");

müəyyən edin ("DB_USER", "kylel95"); müəyyən edin ("DB_PASSWORD", "parol"); müəyyən edin ("DB_NAME", "mesaj"); $ connect = mysqli_connect (DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);

əgər (mysqli_connect_errno ())

{die ("Veritabanı bağlantısı uğursuz oldu:". mysqli_connect_error (). "(". mysqli_connect_errno (). ")"); }

?>

3. Sonra index.php yaradaq. Bu fayl, söhbət otağını yaratdığımız yerdir. Ad üçün html giriş sahəsini, mesaj üçün mətn sahəsini və mesajları ehtiva etmək üçün bir div elementini istifadə edəcəyik. Səhifə elementlərini yerləşdirmək və səhifənin məzmununu bəzəmək üçün CSS -dən (Cascase Style Sheet) istifadə edəcəyik.

index.php üçün kod

? phprequire_once ('db.php');

if (isset ($ _ POST ['təqdim']))) {$ time = date ("g: i: s A"); $ date = tarix ("n/j/Y"); $ msg = $ _POST ['mesaj']; $ adı = $ _POST ['fname']; $ nəticə = ""; if (! boş ($ msg) &&! boş ($ adı)) {// ad vaxt tarixi mesajı $ query = "ŞƏRHLƏRƏ QURUN ("; $ query. = "ad, vaxt, tarix, şərh"; $ sorğu). = ") VALUES ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}'"; $ query. = ")"; $ nəticə = mysqli_query ($ əlaqə, $ sorğu); }}?>

mətn sahəsi {sərhəd radiusu: 2%; } #mövzu {sərhəd: 1px #d3d3d3 bərk; hündürlük: 350 piksel; eni: 350 piksel; daşma: sürüşdürmə; }

? php $ select = "ŞƏRHLƏRDƏN SEÇİN"; $ q = mysqli_query ($ qoşul, $ seçin); while ($ row = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ row ['name']. ":". $ row ['comment']. ""; }?> Ad: Göndərin

4. İstifadəçilərin boş bir mesaj və ya ad girmədiyinə əmin olmaq üçün mesajın göndərildiyi tarix və saatı almaq üçün php -in qurulmuş function date () istifadə edəcəyik.

5. Forma məlumatları təqdim edildikdən sonra adı, mesajı, vaxtı və tarixi məlumat bazasına daxil edəcəyik.

6. İndi verilənlər bazasından sorğu aparacağıq və bütün şərhləri alacağıq. Şərhlər div -də saxlanılacaq.

?>

Addım 4: Db.php və Index.php Dosyalarını doldurun

Db.php və Index.php Dosyalarını doldurun
Db.php və Index.php Dosyalarını doldurun
Db.php və Index.php Dosyalarını doldurun
Db.php və Index.php Dosyalarını doldurun
Db.php və Index.php Dosyalarını doldurun
Db.php və Index.php Dosyalarını doldurun

1. DB.php (verilənlər bazası üçün qısa db), "BÜTÜN İSTİFADƏLƏRİ QORUN" verərkən verilənlər bazası yaradıldıqdan sonra istifadə etdiyim istifadəçi adı və şifrəni istifadə edir.

Faylın yuxarısındakı tanımlama funksiyası DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME dəyişənlərinin sabit olduğunu göstərir (dəyərdə dəyişmir). If ifadələri verilənlər bazasına bağlantının uğursuz olub olmadığını yoxlayır.

2. index.php faylında səhifəni verilənlər bazasına bağlamaq üçün php -in tələb funksiyasından istifadə edəcəyik. Sonra, ad üçün bir giriş sahəsi yaradın. Sonra mesaj üçün mətn sahəsi yaradın. Bunlar yaradıldıqdan sonra giriş qutusunu və mətn sahəsini gördüyünüzdən əmin olmaq üçün https:// localhost: 8080/messages/index.php ünvanına daxil olun (8080 port nömrəniz ola bilməz).

3. Sonra, forma məlumatlarını toplayaq və sonra verilənlər bazasına daxil edək.

4. İndi verilənlər bazasına sorğu əlavə edək və bütün mesajları bir div -ə çıxaraq.

5. Bir az daha yaxşı üslub yaratmaq üçün bir az daha gözəl etmək üçün bir neçə CSS əlavə edək.

PS: Səhv yazdım. $ Query dəyişəninə INSERT əmrinin yanında şərh etmək üçün 'mesajı' dəyişdirin.

Addım 5: Addım 5: Nümunə və Sonrakı Adımlar

Addım 5: Nümunə və Sonrakı Adımlar
Addım 5: Nümunə və Sonrakı Adımlar
Addım 5: Nümunə və Sonrakı Adımlar
Addım 5: Nümunə və Sonrakı Adımlar

İnşallah CSS -ni əlavə edib sınadıqdan sonra yuxarıdakılara bənzər bir şey görürsünüz.

Sonrakı addımlar: Saytı daha cəlbedici etmək üçün daha çox css əlavə edin.

Tövsiyə: