PHP болон MYSQL ашиглан мессеж бичих вэбсайтыг хэрхэн хийх вэ: 5 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:02

Энэхүү зааварчилгаа нь php, mysql, html, css ашиглан мессежийн самбар хийх вэбсайтыг хэрхэн яаж хийхийг танд үзүүлэх болно. Хэрэв та вэб хөгжүүлэлтэд шинэхэн байгаа бол санаа зовох хэрэггүй, дэлгэрэнгүй тайлбар, аналог байх тул та ойлголтыг илүү сайн ойлгох болно.

Шаардлагатай материал:

• Текст засварлагч (жишээ нь, дээд зэргийн текст, атом гэх мэт). Би гайхалтай текст ашиглах болно.
• WAMP нь Windows Apache MySQL ба PHP гэсэн утгатай
• MAMP нь Mac Apache MySQL болон PHP гэсэн үг юм

Mac хэрэглэгчдэд зориулсан MAMP: https://www.mamp.info/en/ (MySQL болон PHP орно)

Windows хэрэглэгчдэд зориулсан WAMP: https://www.wampserver.com/en/ (MySQL болон PHP орно)

Гайхамшигтай текст:

Алхам 1: Төслийн тойм

Мессежийг хянах арга бол мэдээллийн санд хадгалах явдал юм. Энэхүү гарын авлагад бид MySQL -ийг ашиглах болно. (Би Windows дээр суурилсан үйлдлийн системтэй тул WAMP ашиглаж байна)

1. PHP болон MySQL -ийг татаж авсан эсэхээ тохируулж тохируулаарай, та файлынхаа байршлыг компьютер дээрээ хайж олох боломжтой болно.
2. Командын мөрийг нээгээд mysql лавлах руу очоод "mysqladmin -u root -p нууц үг" гэж бичнэ үү. Энэ тушаал нь таны нууц үгийг асууж, дахин оруулахыг шаардах болно.
3. Одоо WAMP эсвэл MAMP серверээ эхлүүлээрэй. Серверийг ачаалж дуусаад ногоон дүрс гарч ирнэ. Шинээр үүсгэсэн нууц үгээрээ нэвтрэх боломжтой эсэхийг шалгахын тулд дүрс -> MySQL -> MySQL консол дээр дарна уу.
4. Одоо даалгавар бол зурвасын талаархи мэдээллийг хадгалах мэдээллийн санг бий болгох явдал юм. Зурвасаас ихэвчлэн юу хэрэгтэй байгааг бодож үзье. Нийтлэг зүйлүүд багтсан болно: Нэр, мессежийг байрлуулсан цаг, мессежийг байрлуулсан цаг, мессеж өөрөө.
5. "Зурвас" нэртэй мэдээллийн бааз үүсгэх.
6. "Сэтгэгдэл" нэртэй хүснэгт үүсгээд мөрүүдийг нэмнэ үү: id (бүхэл бүтэн төрөл автоматаар нэмэгддэг), нэр (Varchar төрөл), тайлбар (Varchar төрөл), цаг (Varchar төрөл), огноо (Varchar төрөл),
7. Php файлын "db.php" нэртэй "мессеж" мэдээллийн санд холбогдох.
8. Зохиогчийн нэр, мессежийн текст оруулах талбарыг оруулна уу.
9. Өгөгдлийн санд оруулахаас өмнө өгөгдлийг баталгаажуулна уу. Хэрэв бүх зүйл зүгээр байвал зурвас, зохиогчийн нэр, бичлэгийг оруулсан огноо, цагийг оруулна уу.
10. Мэдээллийн сангийн бүх бүртгэлийг html div болгон татаж, CSS ашиглан хуудсыг хэвлүүлж зурвасуудыг харуул.
11. Horray, та мессеж бичих системийг амжилттай сурсан.

Алхам 2: Алхам 2 - Өгөгдлийн санг тохируулах

Зураг 1 - Өгөгдлийн санг үүсгэсний дараа та мэдээллийн баазыг амжилттай үүсгэсэн эсэхийг шалгахын тулд 'мэдээллийн баазыг харуулах' командыг оруулж болно.

Өгөгдлийн санг харуулах;

Зураг 2 - Мэдээллийн санд мэдээлэл хадгалахын тулд хүснэгт үүсгэх шаардлагатай. Шаардлагатай мөр бүхий хүснэгтийг үүсгэх нь вэбсайтад шаардлагатай бүх мэдээлэл байгаа эсэхийг шалгах түлхүүр юм.

Мэдээллийн мэдээллийн санд холбогдохын тулд "Зурвасын бүх давуу эрхийг өгөх.*" Командыг гаргана уу. Та өөрийн хэрэглэгчийн нэр, нууц үгээ ашиглаж болно, үүнийг бүү мартаарай.

Мэдээллийн баазын зурвас үүсгэх; Зурвас дээр бүх давуу эрх олгох.* 'Хэрэглэгчийн нэр'@'localhost' руу 'нууц үгээр' тодорхойлох;

Зураг 3 - Хүснэгт амжилттай бүтээгдсэн эсэхийг шалгахын тулд 'тайлбарыг тайлбарлах' гэж оруулна уу. Та энэ тушаалыг гаргаснаар мөр болон тэдгээрийн өгөгдлийн төрлийг харах боломжтой.

ТАЙЛБАРЫГ ТОДОРХОЙЛОХ;

Зураг 4 - Сэтгэгдэл бичих мөр анх байхгүй байсан тул үүнийг ALTER TABLE командыг ашиглан нэмье. Сэтгэгдэл нь VARCHAR (255) төрөл бөгөөд энэ нь 255 тэмдэгтээс хэтрэхгүй текст байх болно гэсэн үг юм.

ALTER TABLE message ADL COLUMN comments VARCHAR (255) NOT NULL;

255 нь сэтгэгдэл бичих хамгийн дээд уртыг илэрхийлнэ. Null биш гэдэг нь мэдээллийн санд өгөгдөл оруулах үед мэдээллийн сан дахь тайлбарын талбар хоосон байж болохгүй гэсэн үг юм (null; байхгүй).

Алхам 3: Php файл үүсгэх

Дараах алхамууд таны сонгосон текст засварлагч дээр хийгдэх болно. Би гайхалтай текст ашиглах болно.

1. Бид хоёр файл үүсгэх шаардлагатай болно. Нэгийг нь db.php гэж нэрлэдэг бөгөөд энэ нь MYSQL (миний стандарт асуулгын хэл) мэдээллийн сан болон index.php -тэй холбогддог эсвэл вэбсайтад мессеж байршуулах болно.

2. Нэгдүгээрт, db.php -ийг үүсгэцгээе. Мэдээллийн баазыг тохируулах үед мэдээллийн санд холбогдохын тулд итгэмжлэлүүдийг суулгасан болно. Энэ файл нь index.php -ийг мэдээллийн санд холбох бөгөөд ингэснээр бид чат өрөөг үүсгэхэд шаардлагатай мэдээллээр дүүргэх боломжтой болно.

Db.php код

? php тодорхойлох ("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 -ийн оролтын талбар, мессежийн текст талбар, мессежийг агуулсан 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 ['мессеж']; $ нэр = $ _POST ['fname']; $ үр дүн = ""; if (! empty ($ msg) &&! empty ($ name)) {// name time date message $ query = "INSERT INTO comments ("; $ query. = "name, time, date, comment"; $ query. = ") VALUES ("; $ query. = "'{$ Name}', '{$ time}', '{$ date}', '{$ msg}'"; $ query. = ")"; $ үр дүн = mysqli_query ($ холболт, $ асуулга); }}?>

textarea {border-radius: 2%; } #утас {хил: 1px #d3d3d3 хатуу; өндөр: 350 пиксел; өргөн: 350 пиксел; халих: гүйлгэх; }

? php $ select = "SELECT * FROM comments"; $ q = mysqli_query ($ холбох, $ сонгох); while ($ row = mysqli_fetch_array ($ q, MYSQLI_ASSOC)) {echo $ row ['name']. ":". $ мөр ['сэтгэгдэл']. ""; }?> Нэр: Оруулах

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 -ийн шаардлагатай функцийг ашиглан хуудсыг мэдээллийн санд холбох болно. Дараа нь нэрийг оруулах талбар үүсгэнэ үү. Дараа нь зурвасын текст талбарыг хий. Эдгээрийг үүсгэсний дараа https:// localhost: 8080/messages/index.php хаягаар зочилно уу (танд 8080 портын дугаар байхгүй байж магадгүй).

3. Дараа нь маягтын өгөгдлийг цуглуулж дараа нь мэдээллийн санд оруулъя.

4. Одоо мэдээллийн сангийн асуулга нэмж, бүх зурвасыг div болгон гаргацгаая.

5. Аливаа зүйлийг арай илүү загварчлахын тулд арай илүү хөөрхөн болгохын тулд хэдэн CSS нэмж оруулъя.

Жич: Надад алдаа байсан. $ Query хувьсагчийн INSERT командын ойролцоо коммент бичихийн тулд 'message' -г өөрчилнө үү.

Алхам 5: Алхам 5: Жишээ ба дараагийн алхамууд

Та CSS -ийг нэмж, туршиж үзсэнийхээ дараа дээрхтэй төстэй зүйлийг олж харсан гэж найдаж байна.

Дараагийн алхамууд: Сайтыг илүү сэтгэл татам болгохын тулд илүү их CSS нэмнэ үү.