12/08/2021
Tiếp tục series học lập trình ngôn ngữ PHP bài viết hôm Vico chia sẻ cùng bạn cách xây dựng trang web PHP & MySQL dạng tin tức kết hợp với Bootstrap.
Với những bước hướng dẫn đơn giản hi vọng ngay sau khi đọc bạn có thể biết cách thiết kế giao diện web bằng PHP và MySQL. Nhưng trước khi làm được bạn phải có nền tảng về HTML, CSS và biết cách sử dụng các trình soạn thảo như Notepad++, Subline text…
Hướng dẫn tạo giao diện web bằng PHP, MySQL kết hợp Bootstrap
Sau đây là các bước hướng dẫn viết web bằng php bạn nên làm theo thứ tự hướng dẫn ở trong bài nhé!
I/ Xây dựng bố cục giao diện Front end
Bước 1: Xây dựng cây thư mục
Trong thư mục htdocs [C:\xampp\htdocs\] bạn sẽ tạo một thư mục tên là project1 để chứa toàn bộ file bên dưới
Qua hình trên bạn sẽ thấy công việc tiếp theo là sẽ tạo ra các tập tin bao gồm:
- index.php : Hiển thị trang chủ PHP
- header.php: Hiển thị phần đầu trang web
- main.php : Chứa danh sách bài viết và phần sidebar
- article.php: hiển thị nội dung bài viết
- url_seo.php: Tạo đường dẫn thân thiện
- footer.php : Hiển thị nội dung chân trang
- connect.php : Kết nối tới CSDL Database
Bước 2: Viết code cho từng page
Trong index nó sẽ gọi 3 tập tên ra đó là header.php, main.php và footer.php
Code single.php
– Tiếp theo tạo 1 file là single.php để hiện nội dung bài viết chi tiết khi nhấp chuột và