کاربران گرامی در این پروژه به شما پروژه کاربردی با جاوا اسکریپت را قرارداده ایم شما عزیزان می توانید از بخش دانلود پروژه کاربردی با جاوااسکریپت سایر پروژه هایی که با جاوا اسکریپت طراحی شده اند را مشاهده و دانلود کنید.
در صورتی که نیاز به آموزش حضوری و یا غیر حضوری این پروژه داشتید میتوانید با ما در ارتباط باشید تا این پروژه را به شما آموزش دهیم حتی میتوانید در صورت دلخواه پروژه را به خواسته شما شخصی سازی کنیم لازم به ذکر است که تیم پروژه در صفحه دانلود پروژه کاربردی پروژه های مختلفی را به زبان های مختلف برنامه نویسی قرار داده است .شماره تماس با پرپروژه 09050394455 می باشد
### پروژه: چت زنده ساده با PHP و جاوا اسکریپت و کد منبع
این پروژه یک چت زنده ساده است که با استفاده از **PHP** و **جاوا اسکریپت** ساخته شده است. این سیستم به کاربران این امکان را می‌دهد که به‌راحتی پیام‌هایی را در زمان واقعی ارسال و دریافت کنند.
### ویژگی‌های پروژه:
1. **چت زنده**: کاربران می‌توانند به صورت آنی پیام‌ها را ارسال و دریافت کنند.
2. **رابط کاربری ساده**: طراحی کاربرپسند که استفاده از آن را آسان می‌کند.
3. **ذخیره‌سازی پیام‌ها**: پیام‌ها در پایگاه داده ذخیره می‌شوند تا در صورت بارگذاری مجدد صفحه، پیام‌های قبلی قابل مشاهده باشند.
### نحوه اجرای پروژه:
1. **تنظیمات سرور**: مطمئن شوید که سرور محلی شما (مانند XAMPP) در حال اجراست.
2. **ایجاد پایگاه داده**: پایگاه داده‌ای به نام `chat_db` با جدول `messages` ایجاد کنید.
```sql
CREATE DATABASE chat_db;
USE chat_db;
CREATE TABLE messages (
id INT(11) AUTO_INCREMENT PRIMARY KEY,
username VARCHAR(50) NOT NULL,
message TEXT NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
```
3. **فایل‌های پروژه**: اطمینان حاصل کنید که فایل‌های زیر را دارید:
- `index.php`
- `send_message.php`
- `fetch_messages.php`
- `style.css`
### کد منبع:
#### 1. HTML و PHP (index.php)
```php
چت زنده ساده
```
#### 2. CSS (style.css)
```css
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
}
.chat-container {
width: 400px;
margin: 50px auto;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#chat-box {
height: 300px;
overflow-y: scroll;
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 10px;
}
textarea {
width: 100%;
height: 60px;
}
button {
width: 100%;
padding: 10px;
background-color: #28a745;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #218838;
}
```
#### 3. JavaScript (script.js)
```javascript
$(document).ready(function() {
function fetchMessages() {
$.ajax({
url: 'fetch_messages.php',
type: 'GET',
success: function(data) {
$('#chat-box').html(data);
$('#chat-box').scrollTop($('#chat-box')[0].scrollHeight);
}
});
}
$('#send-btn').click(function() {
var username = $('#username').val();
var message = $('#message').val();
if (username && message) {
$.ajax({
url: 'send_message.php',
type: 'POST',
data: {username: username, message: message},
success: function() {
$('#message').val('');
fetchMessages();
}
});
} else {
alert('لطفاً نام کاربری و پیام خود را وارد کنید.');
}
});
setInterval(fetchMessages, 1000); // Refresh messages every second
fetchMessages(); // Initial fetch
});
```
#### 4. PHP برای ارسال پیام (send_message.php)
```php
$servername = "localhost";
$username = "root"; // username your database
$password = ""; // password your database
$dbname = "chat_db";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
if ($_POST['username'] && $_POST['message']) {
$username = $_POST['username'];
$message = $_POST['message'];
$stmt = $conn->prepare("INSERT INTO messages (username, message) VALUES (?, ?)");
$stmt->bind_param("ss", $username, $message);
$stmt->execute();
}
$conn->close();
?>
```
#### 5. PHP برای بارگذاری پیام‌ها (fetch_messages.php)
```php
$servername = "localhost";
$username = "root"; // username your database
$password = ""; // password your database
$dbname = "chat_db";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT * FROM messages ORDER BY created_at DESC";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
echo "
" . htmlspecialchars($row['username']) . ": " . htmlspecialchars($row['message']) . " (" . $row['created_at'] . ")
";
}
} else {
echo "هیچ پیامی وجود ندارد.";
}
$conn->close();
?>
```
### جمع‌بندی
این پروژه چت زنده یک راه عالی برای یادگیری نحوه کار با **PHP** و **جاوا اسکریپت** است. میتوانید این پروژه را با افزودن ویژگی‌های جدید مانند ارسال تصاویر، استفاده از وب‌سوکت‌ها یا طراحی ظاهری بهتر گسترش دهید. این پروژه به شما کمک می‌کند تا مهارت‌های برنامه‌نویسی وب خود را بهبود ببخشید.
| صفحه قابل مشاهده:
دانلود پروژه کاربردی چت زنده ساده با PHP و جاوا اسکریپت و کد منبع می‌باشد
