Skip to main content

Session 12 - Lab

I. Hiển thị danh sách sinh viên từ database

1. Tạo bảng dữ liệu

Tạo bảng dữ liệu với các trường như sau:

  • id: kiểu integer, khóa chính
  • ten: kiểu varchar
  • diem_ly_thuyet: kiểu double
  • diem_thuc_hanh: kiểu double

Script tạo:


CREATE DATABASE IF NOT EXISTS `aptech`;

USE `aptech`;

CREATE TABLE IF NOT EXISTS `sinhvien` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`ten` varchar(50) NOT NULL DEFAULT '',
`mssv` varchar(50) DEFAULT NULL,
`diem_thuc_hanh` double DEFAULT NULL,
`diem_ly_thuyet` double DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8;

Sau khi tạo bảng, các bạn thêm vài dòng dữ liệu để hiển thị.

2. Dùng PHP kết nối đến database vừa tạo và hiển thị dữ liệu của bảng sinh viên

II. Chức năng đăng ký

1. Tạo bảng dữ liệu

Script tạo:

-- Dumping database structure for aptech
CREATE DATABASE IF NOT EXISTS `aptech` /*!40100 DEFAULT CHARACTER SET utf8 */;
USE `aptech`;

-- Dumping structure for table aptech.users
CREATE TABLE IF NOT EXISTS `users` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`fullname` varchar(50) NOT NULL,
`username` varchar(50) NOT NULL,
`password` varchar(50) NOT NULL,
`gender` bit(1) DEFAULT NULL,
PRIMARY KEY (`id`),
UNIQUE KEY `username` (`username`)
) ENGINE=InnoDB AUTO_INCREMENT=10 DEFAULT CHARSET=utf8;

2. Dùng PHP kết nối đến database vừa tạo để lưu dữ liệu

  • Sử dụng Bootstrap 4 thiết kế giao diện Form đăng ký
  • Giao diện HTML được thiết kế sẵn, các bạn có thể lấy về sử dụng hoặc tự thiết kế.

Yêu cầu:

  • Khi lưu dữ liệu cần kiểm tra các trường dữ liệu nhập không được rỗng, nếu rỗng thì thông báo lỗi
  • Tài khoản là khóa UNIQUE (Không trùng), trước khi lưu cần phải kiểm tra tài khoản đã được đăng ký hay chưa.
  • Nếu thông tin người dùng nhập vào hợp lệ (không rỗng, username không trùng) thì cho phép lưu dữ liệu

III. Chức năng danh sách tài khoản

  • Sử dụng Bootstrap 4 thiết kế giao diện Form đăng ký
  • Giao diện HTML được thiết kế sẵn, các bạn có thể lấy về sử dụng hoặc tự thiết kế.

Yêu cầu:

  • Sử dụng database của bài II
  • Hiển thị danh sách tài khoản đã đăng ký

VI. Chức năng danh sách tài khoản - Nâng cấp

  • Sử dụng Bootstrap 4 thiết kế giao diện Form đăng ký
  • Giao diện HTML được thiết kế sẵn, các bạn có thể lấy về sử dụng hoặc tự thiết kế.

Yêu cầu:

  • Sử dụng database của bài II và source code của bài 3
  • Thêm chức năng tìm kiếm vào bài 3

V. Chức năng sửa thông tin người dùng

  • Sử dụng Bootstrap 4 thiết kế giao diện Form đăng ký
  • Giao diện HTML được thiết kế sẵn, các bạn có thể lấy về sử dụng hoặc tự thiết kế.

Yêu cầu:

  • Hiển thị dữ liệu cũ của người dùng
  • Lưu lại khi người dùng bấm nút lưu
  • Sau khi lưu xong thì chuyển hướng về trang danh sách

VI. Chức năng xóa người dùng

Yêu cầu:

  • Xóa người dùng
  • Sau khi xóa thì chuyển hướng về trang danh sách

VII. Chức năng đăng nhập

Yêu cầu:

  • Kiểm tra dữ liệu rỗng
  • Kiểm tra tài khoản & mật khẩu khớp với dữ liệu được lưu ở database
  • Nếu đăng nhập thành công, tạo session lưu dữ liệu người dùng & chuyển người dùng đến trang index.php
  • Tại trang index.php hiển thị thông tin người dùng được lưu trong session & Nút đăng xuất. Hiển thị 2 nút đăng ký, đăng nhập nếu người dùng chưa đăng nhập.

1. File login.php

Xử lý login

2. File index.php

Hiển thị thông tin người dùng đang đăng nhập

3. File logout.php

Đăng xuất

VIII. Guest tracking

Yêu cầu:

  • Dùng cookie
  • Theo dõi số lần truy cập web của người dùng
  • Theo dõi lần cuối truy cập của người dùng

1. File tracking.php

Set cookie cho người dùng

2. File show-tracking.php

3. File use-tracking.php

Include 2 file tracking.php & show-tracking.php để sử dụng