Giáo trình ứng dụng thiết kế website

Bài 1: Lựa chọn đề tài Khảo sát nhu cầu Cơng ty ABC có nhu cầu th bạn xây dựng trang web tin tức để giới thiệu thông tin sản phẩm công ty Đặc tả toán Nhiệm vụ bạn cần thiết kế sở liệu xây dựng website thực chức sau đây:  Thiết kế bảng csdl theo yêu cầu toán  Thiết kế giao diện website  Thiết kế chức quản lý người dùng o Đăng ký o Đăng nhập o Đăng xuất  Thiết kế chức quản lý chuyên mục o Thêm chuyên mục o Sửa chuyên mục o Xoá chuyên mục  Thiết kế chức quản lý viết o Thêm viết o Sửa viết o Xoá viết  Thiết kế chức hiển thị o Hiển thị viết o Hiển thị chuyên mục Yêu cầu kỹ thuật: - Ngôn ngữ lập trình: HTML, CSS, JavaScript, PHP - Lập trình hướng đối tượng; Lập trình theo mơ hình MVC Bài 2: Thiết kế Database xây dựng bố cục website Giới thiệu Để làm Blog Tin Tức tạo bảng sau: users, categories, posts Trong đó: Bảng users: chứa thông tin tài khoản thành viên Blog Bảng categories: chứa chuyên mục Blog Bảng posts: chứa viết Blog Bảng users: Bảng categories: Bảng posts: Tạo bảng cho Database Sau bạn tải cài đặt xong Xammp Server, truy cập vào phpmyadmin để bắt đầu tạo bảng theo đường dẫn: http://localhost/phpmyadmin/index.php Bước 1: Tạo database tên blog Bước 2: Chạy lệnh SQL sau để tạo bảng users: CREATE TABLE `blog`.`users` ( `id` INT NOT NULL AUTO_INCREMENT , `username` VARCHAR(20) NOT NULL COMMENT 'tên đăng nhập' , `password` VARCHAR(20) NOT NULL COMMENT 'mật khẩu' , `full_name` VARCHAR(50) NOT NULL COMMENT 'tên đầy đủ' , `level` INT NOT NULL DEFAULT '0' COMMENT 'quyền' , PRIMARY KEY (`id`)) ENGINE = InnoDB; Chạy lệnh SQL để tạo bảng categories: CREATE TABLE `blog`.`categories` ( `id` INT NOT NULL AUTO_INCREMENT , `name` VARCHAR(500) NOT NULL COMMENT 'tên chuyên mục' , `slug` VARCHAR(500) NOT NULL COMMENT 'tên chuyên mục không dấu' , PRIMARY KEY (`id`)) ENGINE = InnoDB; Chạy lệnh SQL để tạo bảng posts: CREATE TABLE `blog`.`posts` ( `id` INT NOT NULL AUTO_INCREMENT , `title` VARCHAR(500) NOT NULL COMMENT 'tiêu đề viết' , `slug` VARCHAR(500) NOT NULL COMMENT 'tiêu đề không dấu' , `view_number` INT NOT NULL COMMENT 'lượt xem' , `image` VARCHAR(500) NOT NULL COMMENT 'ảnh' , `summary` TEXT NOT NULL COMMENT 'tóm tắt' , `content` LONGTEXT NOT NULL COMMENT 'nội dung' , `category_id` INT NOT NULL COMMENT 'id chuyên mục' , `user_id` INT NOT NULL COMMENT 'id thành viên' , `date` DATE NOT NULL COMMENT 'thời gian đăng' , PRIMARY KEY (`id`)) ENGINE = InnoDB; Xây dựng bố cục thư mục Trong trình xây dựng phát triển dự án ngồi việc lựa chọn cơng nghệ, lựa chọn thư viện hỗ trợ việc tổ chức thư mục, thành phần, cấu trúc project việc quan trọng, công việc cần phải thực trước bạn bắt tay vào việc coding Lợi ích project có cấu trúc chặc chẽ:  Source code dễ nhìn, dễ hiểu(điều có lợi cho người vào sau dễ dàng làm quen với dự án hơn)  Việc quản lý, bảo trì project trở nên dễ dàng hiệu  Và điều cuối giúp cho project nhìn trờ nên chuyên nghiệp Xây dựng bố cục Trong học bắt đầu xây dựng bố cục thư mục Blog Tin tức Thông thường project chia thành loại sau: Trong đó: Folder Controller: chứa file có chức nhận request từ client, điều phối Model View output thích hợp trả kết cho người dung Folder Lib: chứa thư viện function Folder Model: chứa file có chức giao tiếp, truy vấn tới sơ sở liệu Folder Public: chứa hình ảnh, css, font, Folder View: chứa file xử lý giao diện File Index.php: file của chúng ta, file có tác dụng nhận request để điều hướng đến View Controller tương ứng để xử lý Bài 3: Lập trình chức Tạo kết nối với CSDL Tạo kết nối Đầu tiên tạo file Database.php folder Model copy paste đoạn code đây: width="200px" >"> "> < ion-icon name="create-outline">