Đồ án tìm hiểu lavarel framework và xây dựng ứng dụng

ĐAI HOC QUÔC GIA THANH PHÔ HÔ CHI MINH TRƯỜNG ĐAI HOC CÔNG NGHÊ THÔNG TIN KHOA CÔNG NGHÊ PHÂN MÊM - - BÁO CÁO ĐÔ ÁN Đê tai: TIM HIÊU LAVAREL FRAMEWORK VA XÂY DƯNG ƯNG DUNG Giang viên hương dân: ThS Thái Thụy Han Uyển Lơp: SE121.N21.PMCL Sinh viên thưc hiên: Nguyễn Quang Trưởng - 20522089 Nguyễn Nhật Trường-20522086 TP.HCM, thang 06 năm 2023 ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 Trang ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 Lời cam ơn Sau trình học tập rèn luyện khoa Công nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM, em trang bị kiến thức kỹ thực tế để hồn thành Đồ án Để hồn thành đồ án này, với lịng biết ơn sâu sắc em xin gửi lời cảm ơn chân thành đến: Ban Giám hiệu trường Đại học Công nghệ Thơng tin – ĐHQG TP.HCM tạo điều kiện thuận lợi để sinh viên tìm kiếm, nghiên cứu thông tin với hệ thống thư viện đại, đa dạng loại sách tài liệu Gần gũi lời tốt đẹp xin gửi đến đến thầy Ngun Cơng Hoan tận tình giúp đỡ, định hướng cách tư hướng làm việc khoa học Đó góp ý q báu khơng q trình thực đồ án mà cịn hành trang tiếp bước cho em trình học tập làm việc sau Sau cùng, xin chúc quý Thầy Cô khoa Công nghệ Phần mềm nói riêng giáo viên trường Cơng nghệ thơng tin nói chung thật dồi sức khỏe, niềm tin để tiếp tục thực sứ mệnh cao đẹp Thành phố Hồ Chí Minh, 03 tháng 04 năm 2023 Sinh Viên Nguyễn Quang Trưởng Trang ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 Nhận xet cua giang viên Trang ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 MUC LUC Lời cảm ơn Nhận xet giảng viên MUC LUC CHƯƠNG 1: GIƠI THIÊU TÔNG QUAN Thông tin sinh viên Tông quan đê tai 2.1 Giơi thiêu đê tai 2.2 Pham vi nghiên cưu 2.3 Nôi dung nghiên cưu 2.4 Kêt qua hương tơi Công cụ sư dụng CHƯƠNG 2: LAVAREL Framework Lavarel la gì? 1.1.Framework la gì? PHP Framework la g?ì 10 1.2.Mơ hình MVC la gì? 10 2.Lịch sư phát triển cua Lavarel 10 3.Ưu điểm va nhược điểm cua lavarel 11 4.Những tính hữu ích cua Lavare 12 5.Hương dân cai đặt Lavarel 12 CHƯƠNG 3: PHÂN TICH THIẾT KẾ HÊ THÔNG 13 1.Sơ dồ Use-case 13 1.1.Đăng nhập 15 1.2.Bang điêu khiển 16 1.3.Nha cung cấp .17 1.4.San phẩm 18 1.5.Nhập hang 19 1.6.Xuất hang 21 Trang ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 1.7.Gần hêt han 22 1.8.Thống kê 23 1.9.Thông tin 24 1.10.Người dùng 26 1.11.Đăng xuất 27 CHƯƠNG 4: THIẾT KẾ GIAO DIÊN 28 1.Trang đăng nhập 28 1.1.Giao diên 28 1.2.Mô ta 29 2.Trang bang điêu khiển 29 2.1.Giao diên 29 2.2.Mô ta 30 3.Trang nha cung cấp .30 3.1.Giao diên 30 3.2.Mô ta 31 4.Trang san phẩm 32 4.1.Giao diên 32 4.2.Mô ta 33 5.Trang nhập hang 34 5.1.Giao diên 34 5.2.Mô ta 35 6.Trang xuất hang 36 6.1.Giao diên 36 6.2.Mô ta 36 7.Trang người dùng 37 7.1.Giao diên 37 7.2.Mô ta 37 8.Trang gần hêt han 39 8.1.Giao diên 39 8.2.Mô ta 39 9.Trang thống kê .40 Trang ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 9.1.Giao diên 40 9.2.Mô ta 40 10.Trang thông tin 40 10.1.Giao diên 40 10.2.Mô ta 41 11.Trang đăng xuất 41 11.1.Giao diên 41 11.2.Mô ta 41 CHƯƠNG 5: KẾT LUẬN 41 1.Nhận xet 41 2.Hương phát triển cua đồ án 42 TAI LIÊU THAM KHAO 42 Trang ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 CHƯƠNG 1: GIƠI THIÊU TÔNG QUAN Thông tin sinh viên: MSSV 20522089 20522086 Ho tên Nguyên Quang Trưởng Nguyên Nhật Trường Email 20522089@gm.uit.edu.vn 20522086@gm.uit.edu.vn Tông quan đê tai: 2.1 Giơi thiêu đê tai: Đề tài sử dụng Laravel, framework phổ biến cho phát triển ứng dụng web Để tăng tính bảo mật hiệu suất cho ứng dụng, định sử dụng Laravel để xây dựng hệ thống quản lý nhân Bên cạnh đó, với hỗ trợ Laravel, chúng tơi tích hợp tính bảo mật cao để đảm bảo liệu doanh nghiệp nhân viên họ ln bảo vệ Ngồi ra, Laravel cung cấp nhiều tính mạnh mẽ dê sử dụng để phát triển ứng dụng web quản lí đường dẫn, truy vấn sở liệu, xử lý lỗi, v.v 2.2 Pham vi nghiên cưu: Đề tài sử dụng Laravel, framework phổ biến cho phát triển ứng dụng web Để tăng tính bảo mật hiệu suất cho ứng dụng, định sử dụng Laravel để xây dựng hệ thống quản lý kho hàng Bên cạnh đó, với hỗ trợ Laravel, chúng tơi tích hợp tính bảo mật cao để đảm bảo liệu doanh nghiệp nhân viên họ ln bảo vệ Ngồi ra, Laravel cung cấp nhiều tính mạnh mẽ dê sử dụng để phát triển ứng dụng web quản lí đường dẫn, truy vấn sở liệu, xử lý lỗi, v.v 2.3 Nôi dung nghiên cưu: Em tiến hành nghiên cứu chi tiết cách thức hoạt động, ưu - khuyết điểm thư viện - tính - package liên quan đến Lavarel 2.4 Kêt qua hương tơi: Trang ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 Với đề tài này, em đề hai mục tiêu chính:  Đối với nhân: mở rộng kiến thức Lavarel thơng qua trình tìm hiểu áp dụng vào ứng dụng thực tế Các kiến thức tìm hiểu thơng qua đồ án thúc đẩy em phát triển thêm ứng dụng khác Lavarel Đồng thời, em học cách nghiên cứu sử dụng framework cần trải qua trình nhằm giúp em dê dàng tiếp xúc với công nghệ tương lai  Đối với lập trình viên dùng đồ án nghiên cứu làm tài liệu tham khảo: thông qua tài liệu nghiên cứu ứng dụng em xây dựng, lập trình viên khác dê dàng định hướng cần phải tìm hiểu sử dụng Lavarel Đồng thời em có ghi số khái niệm, kiến thức thư viện phổ biến đề xuất cộng đồng sử dụng Lavarel, lập trình viên khác tham khảo tìm hiểu sâu Cơng cụ sư dụng: Trong trình xây dựng phần mềm, em sử dụng phần mềm sau:  Visual Studio Code: Code giao diện website  Chrome: Tìm hiểu thơng tin  XAMPP Control Panel: Sử dụng để phát triển, nghiên cứu website thơng qua localhost máy tính cá nhân, biến máy tính cá nhân thành máy chủ, dùng ổ cứng máy tính để làm nơi lưu trữ cho máy chủ trang web CHƯƠNG 2: LAVAREL Framework Lavarel la gì? Laravel PHP framework, có mã nguồn mở miên phí, xây dựng nhằm hỗ trợ phát triển phần mềm, ứng dụng, theo kiến trúc MVC Hiện nay, Laravel PHP framework phổ biến tốt Vậy lý khiến Laravel biết đến rộng rãi gì? Những lý khiến Laravel trở nên rộng rãi: – Cú pháp dê hiểu – rõ ràng – Hệ thống đóng gói modular quản lý gói phụ thuộc – Nhiều cách khác để truy cập vào sở liệu quan hệ Trang ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 – Nhiều tiện ích khác hỗ trợ việc triển khai vào bảo trì ứng dụng 1.1 Framework la gì? PHP Framework la gì? Framework thư viện với tài nguyên có sẵn cho lĩnh vực để lập trình viên sử dụng thay phải tự thiết kế Có Framework, lập trình viên tìm hiểu khai thác tài nguyên đó, gắn kết chúng lại với hoàn chỉnh sản phẩm Đối với lập trình viên lĩnh vực, họ cần phải xây dựng lớp chương trình để xây dựng nên phần mềm, ứng dụng thành phẩm PHP framework thư viện làm cho phát triển ứng dụng web viết ngôn ngữ PHP trở nên trôi chảy Bằng cách cung cấp cấu trúc để xây dựng ứng dụng Hay nói cách khác, PHP framework giúp bạn thúc đẩy nhanh chóng q trình phát triển ứng dụng Giúp bạn tiết kiệm thời gian, tăng ổn định cho ứng dụng Giảm thiểu số lần phải viết lại code cho lập trình viên 1.2 Mơ hình MVC la gì? MVC (Model-View-Controller) mẫu kiến trúc phần mềm máy tính nhằm mục đích tạo lập giao diện cho người dùng Theo đó, hệ thống MVC chia thành ba phần có khả tương tác với tách biệt nguyên tắc nghiệp vụ với giao diện người dùng Ba thánh phần bao gồm: – Controller: Giữ nhiệm vụ nhận điều hướng yêu cầu từ người dùng gọi phương thức xử lý chúng – Model: Là thành phần chứa tất nghiệp vụ logic, phương thức xử lý, truy xuất database, đối tượng mô tả liệu Class, hàm xử lý… – View: Đảm nhận việc hiển thị thông tin, tương tác với người dùng, nơi chứa tất đối tượng GUI textbox, images… Bằng cách này, thông tin nội hàm xử lý tách biệt với phần thông tin xuất giao diện người dùng Bảo đảm nguyên tắc nghề nghiệp lập trình viên Lịch sư phát triển cua Lavarel: Phiên Laravel Taylor Otwell tạo vào tháng năm 2011 giải pháp thay cho CodeIgniter Với framework này, lập trình viên hỗ trợ nhiều tính mẻ, hiệu dê thực Cho đến nay, Laravel phát triển đến phiên 5.8 với nhiều cải tiến mẻ Trang 10 ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 Hình 4.2.Giao diện trang điều khiển 2.2 Mô ta: -Hiện số lượng nhà cung cấp số lượng sản phẩm có kho hàng -Nhấn xem chi tiết để chuyển hướng đến trang nhà cung cấp trang sản phẩm Trang nha cung cấp: 3.1 Giao diên: Trang 30 ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 Hình 4.3.Giao diện trang nhà cung cấp 3.2 Mô ta: -Nhấn nút thêm bảng để người dùng thêm thông tin nhà cung cấp nhấn Lưu Hình 4.3.1.Giao diện thêm nhà cung cấp -Ở phần thao tác nhấn nút Xóa bên cạnh thơng tin nhà cung cấp phần thông báo: Trang 31 ĐƠ ÁN Nguyễn Quang Trưởng - 20522089 Hình 4.3.2.Thống bao nhấn nút Xóa +Nhấn nút Xóa phần thơng tin nhà cung cấp bị xóa +Nhấn nút Đóng trở lại trang Nhà cung cấp -Ở phần thao tác nhấn nút Sửa bên cạnh thông tin nhà cung cấp phần thơng báo: Hình 4.3.3.Thống bao nhấn nút Sửa +Nhấn nút Lưu thơng tin nhà cung cấp bị thay đổi +Nhấn nút Đóng trở lại trang nhà cung cấp -Ở phần Search nhập từ khóa chứa thông tin nhà cung cấp Trang san phẩm: 4.1 Giao diên: Trang 32 ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 Hình 4.4.Giao diện trang sản phẩm 4.2 Mô ta: -Nhấn nút thêm bảng để người dùng thêm thông tin sản phẩm nhấn Lưu Hình 4.4.1.Giao diện thêm sản phẩm -Ở phần thao tác nhấn nút Xóa bên cạnh thơng tin sản phẩm phần thơng báo: Trang 33 ĐƠ ÁN Nguyễn Quang Trưởng - 20522089 Hình 4.4.2.Thống bao nhấn nút Xóa +Nhấn nút Xóa phần thơng tin sản phẩm bị xóa +Nhấn nút Đóng trở lại trang Sản phẩm -Ở phần thao tác nhấn nút Sửa bên cạnh thông tin sản phẩm phần thơng báo: Hình 4.4.3.Thống bao nhấn nút Sửa +Nhấn nút Lưu thơng tin sản phẩm bị thay đổi +Nhấn nút Đóng trở lại trang Sản phẩm -Ở phần Search nhập từ khóa chứa thơng tin sản phẩm Trang nhập hang: 5.1 Giao diên: Trang 34 ĐƠ ÁN Nguyễn Quang Trưởng - 20522089 Hình 4.5.Giao diện trang nhập hàng 5.2 Mô ta: -Nhấn nút Nhập hàng bảng để người dùng chọn sản phẩm, số lượng, giá nhấn nút Lưu Hình 4.5.1.Giao diện nút Xuất hàng Trang 35 ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 -Ở phần Search nhập từ khóa chứa thơng tin sản phẩm nhập Trang xuất hang: 6.1 Giao diên: Hình 4.6.Giao diện trang xuất hàng 6.2 Mô ta: -Nhấn nút Xuất hàng bảng để người dùng chọn sản phẩm, số lượng, giá nhấn nút Lưu Trang 36 ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 Hình 4.6.1.Giao diện nút Xuất hàng -Ở phần Search nhập từ khóa chứa thông tin sản phẩm xuất Trang người dùng: 7.1 Giao diên: Hình 4.7.Giao diện trang người dùng 7.2 Mơ ta: Trang 37 ĐƠ ÁN Nguyễn Quang Trưởng - 20522089 -Nhấn nút thêm bảng để người dùng thêm thông tin người dùng nhấn Lưu Hình 4.7.1.Giao diện thêm người dùng -Ở phần thao tác nhấn nút Xóa bên cạnh thơng tin người dùng phần thơng báo: Hình 4.7.2.Thống bao nhấn nút Xóa +Nhấn nút Xóa phần thơng tin người dùng bị xóa +Nhấn nút Đóng trở lại trang Người dùng -Ở phần thao tác nhấn nút Sửa bên cạnh thông tin nhà cung cấp phần thơng báo: Trang 38 ĐƠ ÁN Nguyễn Quang Trưởng - 20522089 Hình 4.7.3.Thống bao nhấn nút Sửa +Nhấn nút Lưu thơng tin người dùng bị thay đổi +Nhấn nút Đóng trở lại trang nhà cung cấp -Ở phần Search nhập từ khóa chứa thông tin người dùng Trang gần hêt han: 8.1 Giao diên: Hình 4.8.Giao diện trang gần hết hạn 8.2 Mô ta: -Hiện thông tin sản phẩm gần hết hạn Trang 39 ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 Trang thống kê: 9.1 Giao diên: Hình 4.9.Giao diện trang thống kê 9.2 Mô ta: -Chọn ngày nhấn nút Xem tổng tiền thu hàng xuất ngày chọn 10 Trang thơng tin: 10.1 Giao diên: Trang 40 ĐƠ ÁN Nguyễn Quang Trưởng - 20522089 Hình 4.10.Giao diện trang thông tin 10.2 Mô ta: -Thay đổi thôn tin cá nhân nhấn nút Lưu thông tin cá nhân thay đổi 11 Đăng xuất: 11.1 Giao diên: Hình 4.11.Giao diện nút đăng xuất 11.2 Mô ta: -Nhấn vào nút Đăng xuất thoát khỏi trang web xuất trang đăng nhập CHƯƠNG 5: KẾT LUẬN Nhận xet: 1.1 Thuận lợi: Trang 41 ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 - Các tài liệu, video, giảng công nghệ sử dụng đồ án chia sẻ internet, giúp việc tìm hiểu chủ động chi phí bỏ thấp - Vận dụng quy trình xây dựng sản phẩm từ môn học trước áp dụng cho đồ án - Giảng viên hướng dẫn tận tình, ln hỗ trợ chia sẻ, góp ý q trình thực đồ án 1.2 Khó khăn: - Vì công nghệ sử dụng cho đồ án tiếp cận lần đầu nhóm nên việc Đánh giá: 1.3 Ưu điểm cua đồ án: - Hoàn thành chức phía người dùng dành cho website mua điện thoại trực tuyến - Thiết kế giao diện đại, dê sử dụng 1.4 Nhược điểm cua đồ án: - Một số tính xử lý khơng tốt vấn đề liệu từ API - Chưa xây dựng hệ thống quản trị đề từ đầu Hương phát triển cua đồ án: - Xây dựng hệ thống quản trị để quản lý đối tượng bổ sung nhiều tính hữu ích cho website - Thiết kế hoàn thiện lại giao diện để phù hợp với loại thiết bị sử dụng - Phát triển thêm tính để website ngày phổ biến đến người dùng TAI LIÊU THAM KHAO [1] Trần Thị Hồng Yến (2021), Slide giảng môn Internet Công nghệ Web, Khoa Khoa Học Kỹ Thuật Thông Tin, Trường ĐH Công Nghệ Thông Tin Phạm Thế Sơn (2021), Bài tập thực hành Internet Công nghệ Web, Khoa Khoa Học Kỹ Thuật Thông Tin, Trường ĐH Công Nghệ Thông Tin [2] Giới thiệu Lavarel: https://viblo.asia/p/gioi-thieu-ve-laravel-924lJrnzlPM [3] XAMPP gì? Cách sử dụng cài đặt XAMPP: https://topdev.vn/blog/cai-dat-xampp/ [4] PHP: https://www.php.net/manual/en/ [5] How to create a XAMPP MySQL Database? Easy Step: https://hevodata.com/learn/xampp-mysql/ Trang 42 ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 [6] Boostrap: https://startbootstrap.com/previews/sb-admin Trang 43 ĐÔ ÁN Nguyễn Quang Trưởng - 20522089 Trang 44