TÌM HIỂU TRIỂN KHAI mô HÌNH MVC xây DỰNG WEBSITE MINH họa

BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP THỰC PHẨM TP HỒ CHÍ MINH ĐỒ ÁN CHUN NGHÀNH TÌM HIỂU – TRIỂN KHAI MƠ HÌNH MVC XÂY DỰNG WEBSITE MINH HỌA Giảng viên hướng dẫn: Nguyễn Hải Yến Sinh viên thực hiện: Nguyễn Thanh Thao - 2033181070 Nguyễn Quang Long – 2033181042 Page Báo cáo đồ án GVHD: Cô Nguyễn Hải Yến TP Hồ Chí Minh, Ngày 20, Tháng 6, Năm 2021 Lời cảm ơn Em xin gửi lời cảm ơn chân thành tri ân sâu sắc thầy cô trường Đại học Công ngiệp thực phẩm TP HCM, đặc biệt thầy cô khoa Công nghệ thông tin trường tạo điều kiện cho chúng em làm đồ án chuyên ngành khoa Và em xin chân thành cám ơn Nguyễn Hải Yến nhiệt tình hướng dẫn hướng dẫn chúng em hoàn thành tốt đồ án chuyên ngành lần Trong trình làm đồ án, trình làm báo cáo đồ án, khó tránh khỏi sai sót, mong thầy, bỏ qua Đồng thời trình độ lý luận kinh nghiệm thực tiễn hạn chế nên báo cáo khơng thể tránh khỏi thiếu sót, em mong nhận ý kiến đóng góp thầy, để em học thêm nhiều kinh nghiệm hoàn thành tốt báo cáo luận án tới Em xin chân thành cảm ơn! Page Sinh viên thực hiện: Nguyễn Thanh Thao – 2033181070 Nguyễn Quang Long – 2033181042 Báo cáo đồ án GVHD: Cô Nguyễn Hải Yến MỤC LỤC Lời cảm ơn CHƯƠNG TỔNG QUAN VỀ LẬP TRÌNH WEB 1.1 Giới thiệu mạng Internet World Wide Web 1.1.1 Khái niệm mạng Internet a, Phân loại mạng b, Ứng dụng dịch vụ Internet .7 1.1.2 World wide web (www) 10 1.1.2.1 Khái niệm World Wide Web 11 1.1.2.2 Chức 11 1.1.2.3 Trình duyệt Web 11 1.1.2.4 Phân Loại Web 15 a, Web tĩnh 15 b, Web động 15 1.2 Quy trình xây dựng ứng dụng web 18 1.3 Các tảng hỗ trợ 19 1.4 Ngôn ngữ nguồn mở PHP 20 1.4.1 Giới thiệu 20 1.4.2 Tại nên sử dụng PHP 20 1.4.3 Tính PHP 21 1.4.4 Những ứng dụng thực tế PHP 21 1.4.5 Ưu nhược điểm PHP 22 a, Ưu điểm 22 b, Nhược điểm 23 1.4.6 Mơ hình hoạt động PHP 23 1.5 Web Server 25 1.5.1.Giới thiệu số WebServer 25 Page Sinh viên thực hiện: Nguyễn Thanh Thao – 2033181070 Nguyễn Quang Long – 2033181042 Báo cáo đồ án GVHD: Cô Nguyễn Hải Yến 1.5.1.1 Microsoft-IIS 25 1.5.1.2, WebServer mã nguồn mở - Apache 26 1.5.1.3 Giới thiệu Xampp 27 a, Thông tin Xampp: .28 b, Xampp dùng để làm 28 c, Ưu nhược điểm Xampp .29 1.1.5.4 Cài đặt Xampp 30 Tổng Kết Chương I 37 CHƯƠNG CƠ SỞ DỮ LIỆU MYSQL VÀ MÔ HÌNH MVC 37 2.1 Giới Thiệu Về Cơ Sở Dữ Liệu .37 2.1.1 MySQL gì? 37 2.1.2 Mô hình MySQL client-server 37 a, MySQL Server 40 b, MySQL Client 40 2.1.3 Một số cơng cụ miễn phí dùng làm MySQL: 38 2.1.4 PHPMyAdmin 39 a, PHPMyAdmin gì? 39 b, Tính PHPMyAdmin 39 2.1.5 Tạo CSDL MySQL 40 2.1.5.1 Tạo liên kết CSDL 40 a, Sử dụng MySQLi hướng thủ tục: 40 b, Sử dụng MySQLi hướng đối tượng: 41 c, Sử dụng PDO: .41 2.1.5.2 Thao tác với PHPMyAdmin 42 2.1.6 Kết nối PHP với CSDL MySQL .46 2.2 Mô hình MVC .47 2.2.1 Lịch sử đời MVC 47 2.2.2 Lịch sử phát triển mơ hình MVC: 48 2.2.3 Khái niệm mơ hình MVC .49 2.2.4 Luồng MCV 49 2.2.5 Ưu Nhược điểm MVC 50 Ưu điểm: 50 Nhược điểm: .51 2.2.6 Xây dựng liệu cho Model 51 2.2.7 MVC PHP .52 Page Sinh viên thực hiện: Nguyễn Thanh Thao – 2033181070 Nguyễn Quang Long – 2033181042 Báo cáo đồ án GVHD: Cô Nguyễn Hải Yến 2.3 PDO PHP .54 2.3.1 Giới thiệu PDO - PHP Data Objects .54 2.3.2 Kết nối sở liệu .55 2.3.3 Insert Update 56 2.3.4 Select Data - "Đọc" liệu từ database 60 Tổng Kết Chương II 66 Chương 3: 67 PHÂN TÍCH THIẾT KẾ HỆ THÔNG WEBSITE QUẢN LÝ ĐIỂM TRƯỜNG THPT 67 3.1 Khảo sát mơ hình quản lí thông tin học sinh 67 3.1.1 Giới thiệu mô tả mơ hình quản lí chung 67 a Giới thiệu 67 b Tổng quan website trường trung học phổ thông 67 3.1.2 Chức hệ thống 72 3.1.3 Yêu cầu chức 72 3.1.4 Đối tượng sử dụng 73 3.2 Phân tích mơ hình 74 3.2.1.Mơ hình chung 74 3.2.2 Sơ đồ luồng liêu thông tin học sinh 76 3.2.3 Sơ đồ luồng liêu điểm học sinh 76 3.2.4 Thiết kế 79 3.2.4.1 Thiết kế liệu 79 a, Các thuộc tính bảng .79 b, Ràng buộc CSDL 80 c, Thiết kế giao diện: 83 Tổng Kết Chương III 91 Tài Liệu Tham Khảo…………………………………………………………….92 Page Sinh viên thực hiện: Nguyễn Thanh Thao – 2033181070 Nguyễn Quang Long – 2033181042 Báo cáo đồ án GVHD: Cô Nguyễn Hải Yến Danh mục hình ảnh Chương Hình 1.1.2.3 Google Chrome 14 Hình 1.1.2.3 Cốc Cốc 15 Hình 1.1.2.3 Mozilla Firefox 15 Hình 1.1.2.3 Trình duyệt Safari 16 Hình 1.1.2.3 Microsoft Edge 17 Hình 1.1.2.4 Hoạt động web tĩnh 18 Hình 1.1.2.4 Sơ đồ hoạt động web động 19 Hình 1.3.1 Các tảng web 22 Hình 1.4.6 Mơ hình hoạt động PHP 26 Hình 1.5.1.1 Giới thiệu IIS 29 Hình 1.5.1.1 Giới thiệu XAMPP 31 Hình 1.5.1.4 Cài đặt Xampp 33 Hình 1.5.1.4 Cài đặt Xampp 34 Hình 1.5.1.4 Cài đặt Xampp 34 Hình 1.5.1.4 Cài đặt Xampp 35 Hình 1.5.1.4 Cài đặt Xampp 36 Hình 1.5.1.4 Kiểm tra Xampp cài thành công chưa 36 Page Sinh viên thực hiện: Nguyễn Thanh Thao – 2033181070 Nguyễn Quang Long – 2033181042 Báo cáo đồ án GVHD: Cơ Nguyễn Hải Yến Hình 1.5.1.4 Giao diện PHPMyAdmin 37 Hình 1.5.1.4 file thực thi C:\xampp\htdocs 38 Chương Hình 2.1.3 MySql 41 Hình 2.1.3 Sequel Pro 41 Hình 2.1.3 HeidiSQL 42 Hình 2.1.3 PHPMyAmin 42 Hình 2.1.5.2 Truy cập phpmyadmin 46 Hình 2.1.5.2 Database phpmyadmin 46 Hình 2.1.5.2 Demo 47 Hình 2.1.5.2 Demo 47 Hình 2.1.5.2 Tạo CSDL 48 Hình 2.1.5.2 Sử dụng câu lệnh lên SQL 48 Hình 2.1.5.2 Kiểm tra trạng thái 49 Hình 2.3.1 Hệ quản trị PDO hỗ trợ 58 Hình 2.4 Mơ hình MVC 53 Chương Hình 3.2 Sơ đồ website quản lý điểm 78 Hình 3.2.2 Sơ đồ luồng liệu học sinh 80 Hình 3.2.3 Sơ đồ luồng liệu điểm 80 Hình 3.5.2.1 Thiết kế mơ hình website 86 Hình 3.5.2.1 Giao diện Đăng nhập 87 Hình 3.5.2.1 Giao diện Danh sách học sinh 87 Hình 3.5.2.1 Giao diện Thơng tin giáo viên đăng nhập 88 Page Sinh viên thực hiện: Nguyễn Thanh Thao – 2033181070 Nguyễn Quang Long – 2033181042 Báo cáo đồ án GVHD: Cơ Nguyễn Hải Yến Hình 3.5.2.1 Giao diện Sửa thông tin học sinh 88 Hình 3.5.2.1 Giao diện Danh sách lớp 89 Hình 3.5.2.1 Giao diện Thơng tin lớp 89 Hình 3.5.2.1 Giao diện Sửa giáo viên chủ nhiệm 90 Hình 3.5.2.1 Giao diện Sửa giáo viên môn 90 Hình 3.5.2.1 10 Giao diện Danh sách giáo viên 91 Hình 3.5.2.1 11 Giao diện Thông tin giáo viên 91 Hình 3.5.2.1 12 Giao diện Sửa thông tin giáo viên 92 Hình 3.5.2.1 13 Giao diện Danh sách tổng kết xếp loại theo lớp 92 Hình 3.5.2.1 14 Giao diện Xếp loại học sinh 93 Hình 3.5.2.1 15 Giao diện Bảng điểm theo môn 93 Hình 3.5.2.1 16 Giao diện Bảng điểm chi tiết 94 Hình 3.5.2.1 17 Giao diện Chỉnh sửa điểm 94 Page Sinh viên thực hiện: Nguyễn Thanh Thao – 2033181070 Nguyễn Quang Long – 2033181042 Báo cáo đồ án GVHD: Cô Nguyễn Hải Yến Tổng Quan Về Lập Trình Web 1.1 Giới thiệu mạng Internet World Wide Web 1.1.1 Khái niệm mạng Internet Internet hay Mạng : hệ thống thông tin tồn cầu truy nhập cơng cộng gồm mạng máy tính liên kết với Hệ thống truyền thơng tin theo kiểu nối chuyển gói liệu (packet switching) dựa giao thức liên mạng chuẩn hóa (giao thức IP) Hệ thống bao gồm hàng ngàn mạng máy tính nhỏ doanh nghiệp, viện nghiên cứu trường đại học, người dùng cá nhân phủ tồn cầu, liên kết loạt công nghệ mạng điện tử, không dây mạng quang Internet mang theo loạt tài nguyên dịch vụ thông tin, chẳng hạn tài liệu ứng dụng siêu văn liên kết với World Wide Web (WWW), thư điện tử, điện thoại chia sẻ file Các tiêu chuẩn Internet mô tả khung gọi giao thức Internet (còn gọi TCP/IP, dựa hai thành phần đầu tiên) Đây kiến trúc mô hình phân chia phương thức thành hệ Page Sinh viên thực hiện: Nguyễn Thanh Thao – 2033181070 Nguyễn Quang Long – 2033181042 Báo cáo đồ án GVHD: Cô Nguyễn Hải Yến thống giao thức phân lớp, ban đầu ghi lại RFC 1122 RFC 1123 a, Phân loại mạng Phân loại theo nhóm Client Server - Client: Máy khách mạng, chứa chương trình Client - Server: Máy phục vụ-Máy chủ Chứa chương trình Server, tài nguyên (tập tin, tài liệu ) dùng chung cho nhiều máy khách Server trạng thái chờ yêu cầu đáp ứng yêu cầu Client Các dịch vụ thường dùng Internet server o Dịch vụ World Wide Web o Dịch vụ Electronic Mail o Dịch vụ FPT Để truyền thơng với máy tính khác, máy tính Internet phải hỗ trợ giao thức chung TCP/IP (Transmission Control Protocol/Internet Protocol- giao thức điều khiển truyền liệu giao thức Internet), giao thức đồng bộ, cho truyền thông điệp từ nhiều nguồn tới nhiều đích khác Ví dụ vừ lấy thư từ hộp thư, đồng thời vừa truy cập trang Web TCP đảm bảo tính an tồn liệu, IP giao thức chi phối phương thức vận chuyển liệu Internet b, Ứng dụng dịch vụ Internet Internet mang nhiều ứng dụng dịch vụ, bật World Wide Web, bao gồm phương tiện truyền thông xã hội, thư điện tử, ứng dụng di động, trò chơi trực tuyến nhiều người chơi, điện thoại Internet, chia sẻ tệp dịch vụ truyền phát trực tuyến Page Sinh viên thực hiện: Nguyễn Thanh Thao – 2033181070 Nguyễn Quang Long – 2033181042 Báo cáo đồ án GVHD: Cô Nguyễn Hải Yến - Bảng tổng quát sở liệu b, Ràng buộc CSDL Học sinh: - Mã học sinh: Gồm 10 chữ số kí tự đầu năm vào học trường, kí tự mã nhóm mơn theo hệ ASSCII, kí tự cuối số thứ tự - mã lớp: Gồm kí tự kí tự đầu mã khối, kí tự mà nhóm mơn, kí tự cuối số thứ tự - họ tên đệm học sinh - tên học sinh - giới tính: Gồm lựa chọn Nam Nữ - ngày sinh - địa Giáo viên: - mã giáo viên: Gồm kí tự kí tự đầu mã nhóm mơn theo hệ ASSCII, kí tự năm vào cơng tác, kí tự cuối số thứ tự - họ tên đệm giáo viên Page 83 Sinh viên thực hiện: Nguyễn Thanh Thao – 2033181070 Nguyễn Quang Long – 2033181042 Báo cáo đồ án GVHD: Cô Nguyễn Hải Yến - tên giáo viên - mã môn học: môn học phụ trách, gồm kí tự kí tự tên mơn học - giới tính: giới tính: Gồm lựa chọn Nam Nữ - ngày sinh - địa Lớp: - mã giáo viên: mã giáo viên: Gồm kí tự kí tự đầu mã nhóm mơn theo hệ ASSCII, kí tự năm vào cơng tác, kí tự cuối số thứ tự - mã khối: gồm kí tự Bao gồm khối 10,11,12 - mã lớp: Gồm kí tự kí tự đầu mã khối, kí tự mà nhóm mơn, kí tự cuối số thứ tự - mã nhóm mơn: kí tự đại diện cho nhóm môn theo định hướng lớp học (A tự nhiên, D xã hội, T tự chọn) Nhóm mơn: - mã nhóm mơn: kí tự đại diện cho nhóm mơn theo định hướng lớp học (A tự nhiên, D xã hội, T tự chọn) - tên nhóm mơn: Gồm nhóm mơn, Tự nhiên, Xã hội, Tự chọn Môn học: - Mã mơn học: Gồm kí tự kí tự tên môn học - tên môn học - mã nhóm mơn: kí tự đại diện cho nhóm mơn theo định hướng lớp học (A tự nhiên, D xã hội, T tự chọn) Page 84 Sinh viên thực hiện: Nguyễn Thanh Thao – 2033181070 Nguyễn Quang Long – 2033181042 Báo cáo đồ án GVHD: Cô Nguyễn Hải Yến Bảng điểm: - Mã mơn học: Gồm kí tự kí tự tên môn học - Mã học sinh: Gồm 10 chữ số kí tự đầu năm vào học trường, kí tự mã nhóm mơn theo hệ ASSCII, kí tự cuối số thứ tự - Mã học kì: học kỳ bảng điểm (1 2) - Điểm: định dạng số thập phân quản lý theo thang điểm hệ 10 lớn 10 điểm Tổng kết: - mã học sinh: Gồm 10 chữ số kí tự đầu năm vào học trường, kí tự mã nhóm mơn theo hệ ASSCII, kí tự cuối số thứ tự - mã học kì: học kỳ bảng điểm (1 2) - điểm tổng kết: điểm trung bình cộng mơn học - xếp loại: có bậc xếp loại (Giỏi >= 8,6.5