Ứng dụng Chat Ajax - Xây dựng cấu trúc folder
Chào các bạn, đây là bài thứ 2 của series hướng dẫn xây dựng ứng dụng Messenger Chat đơn giản với PHP và Ajax. Ở bài trước mình đã giới thiệu và tạo CSDL cho ứng dụng, vậy thì trong bài này chúng ta hãy bắt tay vào xây dựng cấu trúc thư mục của project nhé.
1. Xây dựng cấu trúc folder
Đây là sơ đồ cấu trúc thư mục của project, ở phía dưới mình sẽ giải thích thêm công dụng của từng file trong mỗi thư mục
Chi tiết từng folder được giải thích như sau.
Thư mục css
Trong thư mục này chứa hai phần là thư viện font-awesome-4.6.3
và file style.css
. Về phần thư viện icons, các bạn download và giải nén trong thư mục css
. Còn lại file style.css
sẽ có công dụng thiết kế giao diện ứng dụng.
Bài viết này được đăng tại [free tuts .net]
Thư mục includes
Như tên gọi của nó, có tất cả 4 file PHP trong thư mục này đều dùng để xử lý lưu trữ và kết nối.
Trong đó :
connectdb.php
là file kết nối tới database.footer.php
là phần footer của fileindex.php
.general.php
là file lưu trữ session, các thông tin và là file kết nối giữa fileconnectdb.php
với các file bên ngoài.header.php
là phần header của fileindex.php
.
Thư mục js
Đây là thư mục chứa các file Javascript.
Trong đó :
jquery.js
là thư viện Jquery (Bạn có thể download tại đây).autoload.js
là file sẽ tự động tải lại nội dụng tin nhắn.join.js
có chức năng gửi dữ liệu qua Ajax tới filejoin.php
để tiến hành đăng ký hoặc đăng nhập.sendmsg.js
là file gửi dữ liệu qua Ajax tới filesendmsg.php
để tiến hành gửi tin nhắn.
Các file bên ngoài
Có 5 file PHP ở bên ngoài.
Trong đó :
index.php
là file chính của ứng dụng chứa layout đăng ký, đăng nhập, menu, tin nhắn, hộp tin nhắn, ...join.php
là file nhận dữ liệu từ filejoin.js
trong thư mụcjs
để xử lý đăng ký hoặc đăng nhập.logout.php
là file giải phóng session, nó có tác dụng đăng xuất.msglog.php
là file lấy dữ liệu tin nhắn từ database.sendmsg.php
là file nhận dữ liệu từ filesendmsg.js
trong thư mụcjs
để xử lý gửi tin nhắn.
Đó là tất cả cấu trúc thư mục của project ứng dụng Messenger. Các bạn nên chia các chức năng, layout ra từng file riêng để dễ dàng cho việc bảo trì và phát triển sau này.
3. Lời kết
Qua bài này chúng ta đã xây dựng xong cấu trúc thư mục của ứng dụng và hiểu được công dụng của các file trong từng thư mục. Bài sau, chúng ta sẽ kết nối database và các xây dựng phần header, footer cho ứng dụng. Chúc các bạn thành công !
Danh sách file tải về
Tên file tải về | Pass giải nén |
---|---|
Ajax chat PHP phần 2 | freetuts.net hoặc gameportable.net |