Ví dụ tạo ứng dụng Chat Online với PHP & MySQL - phương thức kết nối database

Ví dụ tạo ứng dụng Chat Online với PHP & MySQL - phương thức kết nối database là vấn đề được nhiều lập trình viên quan tâm, bởi những kiến thức trên trường lớp là không đủ, vì vậy bài Ví dụ tạo ứng dụng Chat Online với PHP & MySQL - phương thức kết nối database sẽ chia sẻ tới bạn nhiều thông tin hữu ích

Mọi người vẫn hỏi tôi về việc học lập trình nói chung và PHP nói riêng có cần năng khiếu hay quá khó để tiếp cận hay không. Thì tôi có thể trả lời rằng, học lập trình cũng như việc bạn học tiếng Anh hay bất kỳ một ngôn ngữ khác, bởi lập trình...là ngôn ngữ của máy tính, để máy tính đọc và máy tính thực hiện theo yêu cầu của mình, bạn thích là học được.

Chào mừng các bạn đã trở lại với series hướng dẫn xây dựng ứng dụng Messenger đơn giản với PHP và Ajax. Trong bài trước chúng ta đã xây dựng xong cấu trúc thư mục của project rồi, và hôm nay ta sẽ kết nối tới database và xây dựng phần header, footer cho ứng dụng. Bắt đầu thôi nào !

1. Kết nối database

Đầu tiên các bạn mở file includes/connectdb.php lên và copy nội dung này vào :

 

<?php
$namehost = 'localhost';
$userhost = 'root';
$passhost = '';
$database = 'messenger';
 
// Lệnh kết nối tới database
$cn = mysqli_connect($namehost, $userhost, $passhost, $database);
 
// Nếu kết nối database thất bại sẽ báo lỗi
if (!$cn) {
    echo 'Could not connect to database.';
}
?>

 

Sau đó, các bạn mở file includes/general.php lên rồi paste nội dung này vào :

 

<?php
// Kết nối với file connectdb.php
include('connectdb.php');
// Lấy múi giờ chung cho site
date_default_timezone_set('Asia/Ho_Chi_Minh');
$date_current = '';
$date_current = date("Y-m-d H:i:sa");
?> 

 

File này sẽ là file trung gian để kết nối file includes/connectdb.php với các file xử lý bên ngoài và file index.php. Còn về phần lấy múi giờ chúng là dùng để insert thời gian đăng ký và ngày gửi tin nhắn và database. Các bạn có thể tham khảo cách xử lý thời gian trong PHP để hiểu rõ hơn nhé!

2. Xây dựng header và footer cho ứng dụng

Ta sẽ include file includes/header.php và file includes/footer.php tới file index.php.

Trong đó :

  • File includes/header.php sẽ khai báo các thông tin của website như tiêu đề, kết nối CSS, các thẻ meta, ... và phần menu, navbar.

File includes/footer.php sẽ khai báo các kết nối Javascript.

Phần header

Bây giờ chúng ta sẽ viết phần header trước. Các bạn mở file includes/header.php rồi copy nội dung sau :

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Messenger</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
        <!-- Kết nối thư viện Font Awesome Icons -->
        <link rel="stylesheet" href="css/font-awesome-4.6.3/css/font-awesome.min.css">
        <!-- Kết nối file css/style.css -->
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
        <div class="main-header">
            <h1><i class="fa fa-commenting"></i> Messenger</h1>
        </div><!-- div.main-header --> 

 

Đây chỉ là đoạn code HTML bình thường nên mình sẽ không nói thêm nữa nhé !

Phần footer

Tiếp theo đến phần footer, các bạn mở file includes/footer.php lên rồi paste nội dung sau vào :

 

  	<!-- Kết nối thư viện Jquery -->
    <script src="js/jquery.js"></script>
    <!-- Kết nối file js/join.js -->
    <script src="js/join.js"></script>
    <!-- Kết nối file js/sendmsg.js -->
    <script src="js/sendmsg.js"></script>
    <!-- Kết nối file js/autoload.js -->
    <script src="js/autoload.js"></script>
</body>
</html> 

 

3. Bổ sung CSS cho ứng dụng

Một phần không thể thiếu trong vấn đề xây dựng layout đó chính là CSS. Các bạn mở file css/style.css lên rồi copy nội dung này vào :

 

/* Reset CSS */
* {padding: 0; margin: 0;}
body {font-family: sans-serif; font-size: 15px; color: #555;}
h1, h2, h3, h4, h5, h6 {font-weight: 100;}
input, textarea, a, button {outline: 0;}
a {text-decoration: none}
ul li {list-style: none;}
.clearfix {clear: both;}
.danger {background-color: #d9534f;}
.success {background-color: #5cb85c}
 
/* Navbar */
.main-navbar {padding: 15px; text-align: center; border-bottom: 1px solid #e5e5e5;}
.main-navbar h1 {color: #428bca;} 

 

Cuối cùng, ta sẽ include 3 file includes/general.php, includes/header.php và includes/footer.php vào file index.php. Các bạn mở file index.php lên và copy đoạn code sau :

 

<?php
// Kết nối database, lấy dữ liệu chung
include('includes/general.php');
// Kết nối header
include('includes/header.php');
// Kết nối footer
include('includes/footer.php');
?>

 

Xong, bây giờ các bạn chạy thử trang web xem nó có hoạt động không nhé ! Nếu source trang như thế này và vào các đường dẫn file CSS, Javascript không bị lỗi là đã thành công.

3. Lời kết

Bài hôm nay cũng tương đối dài nhưng đây là mốc đầu tiên và cũng là mốc quan trọng để có thể tiến vào các bài học sau. Qua bài này mình hi vọng các bạn sẽ nắm được cách kết nối tới database, liên kết các trang lại với nhau thông qua PHP. Bài tiếp theo, chúng ta sẽ tạo chức năng đăng nhập, đăng ký và đăng xuất cho ứng dụng. Chúc các bạn thành công !

Hy vọng với bài viết về Ví dụ tạo ứng dụng Chat Online với PHP & MySQL - phương thức kết nối database đã giải đáp giúp bạn phần nào về kiến thức lập trình PHP. Như tôi đã nói, ngôn ngữ lập trình không quan trọng bằng tư duy giải thuật, tư duy logic để giải quyết vấn đề.

Với những năm trước đây, lập trình viên là một cái nghề khó và kén chọn người học, đồng nghĩa với việc thu nhập hàng tháng của các lập trình viên luôn cao. Còn những năm gần đây, thì lập trình là môn học phổ thông, và ai cũng nên học một ngôn ngữ lập trình nào đó.

Nếu bạn còn bất kỳ câu hỏi nào trong việc học lập trình online, hãy gửi yêu cầu cho tôi qua email hoidapcode.com@gmail.com hoặc để lại comment bên dưới, tôi sẽ giải đáp trong vòng 24 giờ!

Blog hoidapcode.com là blog được tổng hợp tự động các bài học, thông tin về lập trình trên mạng internet. Nếu bạn có ý kiến hoặc đóng góp về bài viết này, hãy liên hệ với tôi!