Ứng dụng trò chuyện nhóm. Đây là một ứng dụng trò chuyện nhóm đơn giản để thể hiện ý tưởng về ứng dụng bạn thấy trong WhatsApp messenger với máy chủ localhost. Nhiều người dùng có thể đến và chia sẻ quan điểm của họ tại đây. Cơ sở dữ liệu MySQL lưu trữ các cuộc trò chuyện và truy xuất nó một cách hiệu quả. Để triển khai thành công ứng dụng này, chúng tôi phải xây dựng CSS và JavaScript để tạo kiểu cho giao diện người dùng, phần HTML để hiển thị nó, mã PHP để lưu trữ và truy xuất từ cơ sở dữ liệu. Ứng dụng này sẽ chứa hai trường là tên người dùng và tin nhắn văn bản. Tin nhắn của người nhắn tin trước sẽ được căn chỉnh sang bên phải của phòng chat và tin nhắn của những người khác ở bên trái. Chúng ta hãy nhìn vào việc thực hiện
CSS. Đặt cái này dưới thẻ kiểu hoặc trong tệp biểu định kiểu bên ngoài và liên kết nó. Tệp CSS này bao gồm các kiểu cho phòng trò chuyện, tin nhắn văn bản và bong bóng trò chuyện
HTML
*{
box-sizing:border-box;
}
body{
background-color:#abd9e9;
style1
}
style3
style5
style7
style9
>1
>3
>5
>7
}
>9
style5
style7
*{5
*{7
*{9
}
1
3
5
7
}
9
*{5
*{9
}
box-sizing:border-box;5
box-sizing:border-box;7
box-sizing:border-box;9
}0
}1
box-sizing:border-box;7
box-sizing:border-box;9
}
}7
}9
body{1
}
body{3
body{5
body{7
body{9
1
}
3
5
7
9
background-color:#abd9e9;1
background-color:#abd9e9;3
background-color:#abd9e9;5
background-color:#abd9e9;7
background-color:#abd9e9;8
style00
style02
style04
style06
style08
style10
}
style13
style15
style17
style19
____121
style23
style25
style27
style29
}
style31
style33
style35
style37
style39
style41
style43
*{5
style47
>5
style29
}
style53
style15
style17
style19
____121
style23
style64____165
style67
style69
style29
}
style73
style33
style35
style79
style81
style41
style43
*{5
style47
>5
style69
style29
}
style97
style15
style17
style19
____121
style23
style25
style27
>13
}
>15
style33
style35
style37
style39
style41
style43
*{5
style47
>5
>13
}
>37
>39
>41
>43
}
>45
____247
>49
>51
>53
>55
>57
>59
>61
>63
}
>65
____247
>49
>51
>73
>55
>57
>59
>61
>63
style27
}
>87
____247
>49
>51
>95
>55
>57
>59
>61
>63
*{07
*{09
body{9
____313
____315
}
}
*{18
*{20
}
*{22style>
Tạo cơ sở dữ liệu. Mở bảng điều khiển XAMPP trong PC của bạn, Nhấp vào nút bắt đầu cho cả Apache và MySQL. Bước này rất quan trọng để tạo cơ sở dữ liệu và cũng để chạy ứng dụng. Mở trình duyệt [chủ yếu là Internet Explorer]. Trên thanh tìm kiếm, nhập dòng dưới đây
localhost/phpmyadmin
Nó sẽ mở ra một tab nơi bạn có thể tạo cơ sở dữ liệu. Đối với ứng dụng này, một cơ sở dữ liệu có tên chat_app được tạo. Một bảng có tên trò chuyện với các trường “uname”, “msg”, “dt” được tạo. Ở đây “uname” thuộc loại varchar và biểu thị tên người dùng, “msg” cũng thuộc loại varchar và biểu thị thông báo được gửi và “dt” biểu thị ngày giờ [được đặt thành loại varchar cho mục đích định dạng], đối tượng để lưu trữ thời gian
Mã PHP để lưu trữ trong cơ sở dữ liệu MySQL. Để chèn các cuộc trò chuyện mỗi khi người dùng nhấn nút “gửi”, hãy viết mã này trước thẻ HTML ban đầu. Cố gắng kết nối máy chủ MySQL. Giả sử bạn đang chạy máy chủ MySQL với cài đặt mặc định [người dùng 'root' không có mật khẩu]
PHP
*{25
_______327 *{28____329*{30*{31*{32
*{33
____335 *{36______337*{38
*{39*{40*{38*{42*{38*{44*{45
*{46
____348
_______327*{51____548*{30*{73}29box-sizing:border-box;61*{30*{73}33