pembangunan bahagian belakang
tutorial php
Bagaimana untuk melaksanakan ruang sembang dalam talian menggunakan PHP
Bagaimana untuk melaksanakan ruang sembang dalam talian menggunakan PHP
Apabila orang semakin bergantung kepada Internet, bilik sembang dalam talian masa nyata telah menjadi ciri standard bagi kebanyakan tapak web. Artikel ini akan memperkenalkan cara menggunakan PHP untuk melaksanakan ruang sembang dalam talian masa nyata asas.
- Prasyarat
Sebelum anda mula, pastikan persekitaran anda mempunyai syarat berikut:
- Versi PHP5 atau ke atas
- Pelayan web (seperti pangkalan data Apache, Nginx
- ); pengetahuan CSS.
- Buat pangkalan data dan jadual
CREATE DATABASE chat;
USE chat;
CREATE TABLE messages (
id INT(11) AUTO_INCREMENT PRIMARY KEY,
username VARCHAR(50) NOT NULL,
message TEXT NOT NULL,
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);- HTML dan CSS
<!DOCTYPE html>
<html>
<head>
<title>Online Chat Room</title>
<link rel="stylesheet" type="text/css" href="chat.css">
</head>
<body>
<div class="chat-container">
<div class="chat-header">
<h2>Chat Room</h2>
</div>
<div class="chat-messages"></div>
<div class="chat-form">
<form>
<input type="text" name="username" placeholder="Username" required>
<input type="text" name="message" placeholder="Type your message here" required>
<button type="submit">Send</button>
</form>
</div>
</div>
<script src="jquery.min.js"></script>
<script src="chat.js"></script>
</body>
</html>body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
.chat-container {
width: 80%;
margin: 50px auto;
border: 1px solid #ccc;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.chat-header {
padding: 10px;
background-color: #eee;
}
.chat-header h2 {
margin: 0;
font-size: 18px;
}
.chat-messages {
height: 300px;
overflow: auto;
padding: 10px;
}
.chat-form {
padding: 10px;
}
.chat-form form {
display: flex;
flex-wrap: wrap;
}
.chat-form input {
flex: 1;
margin: 0 5px 0 0;
padding: 10px;
border: none;
border-radius: 3px;
}
.chat-form button {
flex-basis: 100px;
padding: 10px;
background-color: #0099ff;
color: #fff;
border: none;
border-radius: 3px;
cursor: pointer;
transition: background-color 0.2s;
}
.chat-form button:hover {
background-color: #0088cc;
}- Halaman belakang PHP
<?php
/* 设置响应格式为JSON */
header('Content-Type: application/json');
/* 连接数据库 */
define('DB_HOST', 'localhost');
define('DB_USER', 'root');
define('DB_PASSWORD', '123456');
define('DB_NAME', 'chat');
$conn = mysqli_connect(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);
/* 检查数据库连接是否成功 */
if (!$conn) {
die("Connection failed: " . mysqli_connect_error());
}
/* 处理消息发送请求 */
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$username = $_POST['username'];
$message = $_POST['message'];
$sql = "INSERT INTO messages (username, message) VALUES ('$username', '$message')";
if (mysqli_query($conn, $sql)) {
echo json_encode(['status' => 'success']);
} else {
echo json_encode(['status' => 'error', 'message' => mysqli_error($conn)]);
}
} else {
/* 处理消息获取请求 */
$last_id = $_GET['last_id'];
$sql = "SELECT * FROM messages WHERE id > $last_id ORDER BY created_at ASC";
$result = mysqli_query($conn, $sql);
$messages = [];
while ($row = mysqli_fetch_assoc($result)) {
$messages[] = $row;
}
echo json_encode(['status' => 'success', 'messages' => $messages]);
}
mysqli_close($conn);- Menyambung ke pangkalan data: Dalam fail PHP, menyambung ke pangkalan data adalah operasi yang diperlukan. Dalam contoh ini, kami menggunakan fungsi mysqli_connect untuk mewujudkan sambungan dengan pangkalan data Memproses permintaan penghantaran mesej: Jika kaedah permintaan yang dihantar oleh klien ialah POST, ini bermakna pengguna telah menghantar mesej baharu. Dalam kes ini, kita boleh menyimpan sejarah sembang dengan mendapatkan nama pengguna dan teks mesej daripada tatasusunan $_POST dan memasukkannya ke dalam jadual mesej Mengendalikan permintaan dapatkan mesej: Jika kaedah permintaan yang dihantar oleh pelanggan ialah GET, Ia; bermakna pelanggan perlu mendapatkan semua mesej baharu. Dalam kes ini, kita boleh mendapatkan ID mesej terakhir daripada tatasusunan $_GET dan mendapatkan semula semua mesej baharu daripada jadual mesej dan mengembalikannya sebagai data JSON.
- JavaScript
$(function() {
/* 存储最后一条消息的ID */
var last_id = 0;
/* 获取所有消息 */
function getMessages() {
$.get('chat.php', {'last_id': last_id}, function(data) {
if (data.status == 'success') {
/* 迭代所有消息并添加到聊天室中 */
$.each(data.messages, function(index, message) {
var html = '<p><strong>' + message.username + ':</strong> ' + message.message + '</p>';
$('.chat-messages').append(html);
/* 更新最后一条消息的ID */
last_id = message.id;
});
/* 滚动到底部以显示最新的消息 */
$('.chat-messages').scrollTop($('.chat-messages')[0].scrollHeight);
}
}, 'json');
}
/* 获取所有消息 */
getMessages();
/* 处理消息发送表单的提交事件 */
$('.chat-form form').submit(function(e) {
e.preventDefault();
/* 获取表单输入 */
var username = $('input[name="username"]').val();
var message = $('input[name="message"]').val();
/* 发送AJAX请求 */
$.post('chat.php', {'username': username, 'message': message}, function(data) {
if (data.status == 'success') {
/* 清空输入框 */
$('input[name="message"]').val('');
} else {
/* 处理错误 */
alert('Error: ' + data.message);
}
}, 'json');
});
/* 每5秒获取一次消息 */
setInterval(getMessages, 5000);
});- Dapatkan semula semua mesej baharu secara berkala dan tambahkannya ke bilik sembang
- Apabila mesej dihantar borang diserahkan , gunakan AJAX untuk memasukkan mesej baharu ke dalam pangkalan data dan kosongkan borang selepas berjaya
- Dapatkan semua mesej baharu setiap 5 saat.
- Uji Bilik Sembang
Atas ialah kandungan terperinci Bagaimana untuk melaksanakan ruang sembang dalam talian menggunakan PHP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1377
52
Bekerja dengan Data Sesi Flash di Laravel
Mar 12, 2025 pm 05:08 PM
Laravel memudahkan mengendalikan data sesi sementara menggunakan kaedah flash intuitifnya. Ini sesuai untuk memaparkan mesej ringkas, makluman, atau pemberitahuan dalam permohonan anda. Data hanya berterusan untuk permintaan seterusnya secara lalai: $ permintaan-
Curl dalam PHP: Cara Menggunakan Pelanjutan PHP Curl dalam API REST
Mar 14, 2025 am 11:42 AM
Pelanjutan URL Pelanggan PHP (CURL) adalah alat yang berkuasa untuk pemaju, membolehkan interaksi lancar dengan pelayan jauh dan API rehat. Dengan memanfaatkan libcurl, perpustakaan pemindahan fail multi-protokol yang dihormati, php curl memudahkan execu yang cekap
Alipay PHP SDK Ralat Pemindahan: Bagaimana menyelesaikan masalah 'tidak dapat mengisytiharkan kelas signdata'?
Apr 01, 2025 am 07:21 AM
Alipay Php ...
Respons HTTP yang dipermudahkan dalam ujian Laravel
Mar 12, 2025 pm 05:09 PM
Laravel menyediakan sintaks simulasi respons HTTP ringkas, memudahkan ujian interaksi HTTP. Pendekatan ini dengan ketara mengurangkan redundansi kod semasa membuat simulasi ujian anda lebih intuitif. Pelaksanaan asas menyediakan pelbagai jenis pintasan jenis tindak balas: Gunakan Illuminate \ Support \ Facades \ http; Http :: palsu ([ 'Google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>
12 skrip sembang php terbaik di codecanyon
Mar 13, 2025 pm 12:08 PM
Adakah anda ingin memberikan penyelesaian segera, segera kepada masalah yang paling mendesak pelanggan anda? Sembang langsung membolehkan anda mempunyai perbualan masa nyata dengan pelanggan dan menyelesaikan masalah mereka dengan serta-merta. Ia membolehkan anda memberikan perkhidmatan yang lebih pantas kepada adat anda
Terangkan konsep pengikatan statik lewat dalam PHP.
Mar 21, 2025 pm 01:33 PM
Artikel membincangkan pengikatan statik lewat (LSB) dalam PHP, yang diperkenalkan dalam Php 5.3, yang membolehkan resolusi runtime kaedah statik memerlukan lebih banyak warisan yang fleksibel. Isu: LSB vs polimorfisme tradisional; Aplikasi Praktikal LSB dan Potensi Perfo
Ciri -ciri Keselamatan Rangka Kerja: Melindungi Kelemahan.
Mar 28, 2025 pm 05:11 PM
Artikel membincangkan ciri -ciri keselamatan penting dalam rangka kerja untuk melindungi daripada kelemahan, termasuk pengesahan input, pengesahan, dan kemas kini tetap.
Menyesuaikan/Memperluas Rangka Kerja: Cara Menambah Fungsi Custom.
Mar 28, 2025 pm 05:12 PM
Artikel ini membincangkan menambah fungsi khusus kepada kerangka kerja, memberi tumpuan kepada pemahaman seni bina, mengenal pasti titik lanjutan, dan amalan terbaik untuk integrasi dan debugging.
