(Tiểu luận) đề tài học phần tốt nghiệp 1 đề tài xây dựng website bán sách

HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG KHOA CƠNG NGHỆ THÔNG TIN - BÁO CÁO ĐỀ TÀI HỌC PHẦN TỐT NGHIỆP Đề tài: Xây dựng website bán sách Sinh viên thực hiện: Lê Thành Long Mã SV: B19DCCN391 Lớp: D19CNPM06 Giảng viên hướng dẫn: Nguyễn Mạnh Sơn Hà Nội, 11/2023 MỤC LỤC MỤC LỤC CHƯƠNG GIỚI THIỆU BÀI TOÁN .3 1.1 Khảo sát ứng dụng tương tự .3 1.2 Phạm vi đề tài Kế hoạch thực 1.3 Các chức cho nhóm người dùng 1.4 Phác thảo giao diện cho nhóm người dùng CHƯƠNG KỸ THUẬT VÀ CÔNG NGHỆ XÂY DỰNG ỨNG DỤNG .12 2.1 Kỹ thuật Công nghệ cho Front-end: HTML, CSS, JavaScript, Thymeleaf .12 2.2 Kỹ thuật Công nghệ cho Back-end: Spring Framework 14 2.3 Một số thư viện mã nguồn tham khảo 14 CHƯƠNG 3: CÀI ĐẶT ỨNG DỤNG 14 CHƯƠNG 4: XÂY DỰNG CHỨC NĂNG 14 Người dùng: 14 Quản lý: 17 Khách hàng: 20 TÀI LIỆU THAM KHẢO 24 CHƯƠNG GIỚI THIỆU BÀI TOÁN 1.1 Khảo sát ứng dụng tương tự Khảo sát vài trang web: https://cachep.vn/  Một vài hình ảnh website Trang chủ: Giỏ hàng: Thanh tốn: - Cá chép có nhiều thể loại sách khác nhau: Văn học, thiếu nhi, kinh tế, ẩm thực, âm nhạc, … => hướng đến nhiều đối tượng người dùng Số lượng sách vô nhiều, thể loại có số lượng sách lớn, thêm vào liên tục giúp người dùng có đa dạng lựa chọn Chức tìm kiếm dễ dàng: tìm kiếm từ khóa lọc(thể loại, giá, …) Trang cịn có chức gợi ý giới thiệu loại sách bán chạy, sách theo combo,… Giao diện đơn giản, dễ nhìn, có màu trắng xám nhạt Khơng có chức đánh giá sách Cũng không số lượng bán https://www.vinabook.com/ - Một vài hình ảnh website Trang chủ Trang thơng tin sách: Giỏ hàng Thanh toán: Document continues below Discover more Phát triển phần from: mềm hướng… INT1448 Học viện Công ng… 8 documents Go to course Bài tập lớn môn 388 69 56 70 Phát triển phần mềm… None Introduction to Reliable and Secure… Phát triển phần mềm… None B19DCCN533 Example Phát triển phần mềm… None B19DCCN707- Phạm-Xuân-Trường Phát triển phần mềm… B19DCCN533 Example None Phát triển phần mềm… 38 Lê Đình Duy Anh BT06 - Example Phát triển phần mềm… Vinabook có nhiều thể loại sách khác nhau: Văn học, thiếu nhi, kinh tế, giáo khoa, … => hướng đến nhiều đối tượng người dùng Số lượng sách vô nhiều, thể loại có số lượng sách lớn, thêm vào liên tục giúp người dùng có đa dạng lựa chọn Chức tìm kiếm dễ dàng: tìm kiếm từ khóa(tựa sách, tác giả) với việc gợi ý từ khóa hot Trang có nhiều lọc gợi ý cho người dùng Giao diện đơn giản, dễ nhìn, có màu trắng Thông tin hiển thị sách đầy đủ nội dung mà người dùng quan tâm Chức bình luận đánh giá sách đầy đủ 1.2 Phạm vi đề tài Kế hoạch thực Phạm vi đề tài: Website dành riêng cho việc bán sách Webstie hướng đến nhiều thể loại sách khác Website hướng đển nhiều đối tượng người dùng None None Kế hoạch thực hiện: Tuần 1: Khảo sát, nghiên cứu đề tài, xác định kỹ thuật công nghệ sử dụng Tuần 2-3: Xây dựng phần giao diện Tuần 4-5: Xây dựng phần backend Tuần 6-7: Tích hợp sản phẩm Tuần 8: hoàn tất 1.3 Các chức cho nhóm người dùng  Người dùng hệ thống o Đăng nhập, đăng xuất o xem thông tin sách  Chức người quản lý: o Được thực chức người dùng o Quản lý sách : thêm sách, sửa sách, xoá sách o Quản lý tài khoản : xem thông tin khách hàng, đổi mật khẩu, xóa tài khoản o Thống kê đơn hàng, xem chi tiết đơn  Chức khách hàng: o Được thực chức người dùng o Thể loại sách, gợi ý sách, giỏ hàng o Xem thông tin sách o Thêm vào, xóa sách khỏi giỏ hàng o Thanh toán 1.4 Phác thảo giao diện cho nhóm người dùng Giao diện quản lý:  Quản lý sách admin | Đăng xuất Trang chủ Tìm kiếm Quản lý sách Quản lý tài khoản Quản lý đơn hàng admin | Đăng xuất Trang chủ Quản lý sách Quản lý tài khoản STT Tên Tác giả Mô tả Harry Porter JK Truyện có loại Ảnh Loại Số lượng Giá Quản lý đơn hàng Anh1.jpg Tiểu thuyết 100k Lưu admin | Đăng xuất Trang chủ Quản lý sách Quản lý tài khoản Thống kê doanh thu theo đơn hàng Thống kê doanh thu theo khách hàng Lọc theo : STT Tháng Thống kê doanh thu Tên Nguyễn văn A Trần Văn B Tổng chi tiêu 235 K 750K  Quản lý tài khoản Giao diện người dùng:  Trang chủ long | Đăng xuất Thể loại Trang chủ Giỏ hàng Tìm kiếm STT Tên Sách Harry Porter Toán cao cấp STT Tên Nguyễn văn An Nguyễn văn B Tác Giả JK Nguyễn văn A Thể loại Tiểu thuyết Sách giáo khoa Tài khoản anvan@gmail.com bvan@gmail.com Giá 300K 70K Sđt 0339737274 0585828392 Xem | 🛒 Xem | 🛒 Sửa | Xóa Sửa | Xóa Thêm  Quản lý giỏ hàng long | Đăng xuất Trang chủ STT Thể loại Tên Sách Harry Porter Toán cao cấp Tác Giả JK Nguyễn văn A Thể loại Tiểu thuyết Sách giáo khoa Giỏ hàng Giá 300K 70K Xóa Xóa CHƯƠNG KỸ THUẬT VÀ CƠNG NGHỆ XÂY DỰNG ỨNG DỤNG 2.1 Kỹ thuật Công nghệ cho Front-end: HTML, CSS, JavaScript, Thymeleaf  HTML HTML chữ viết tắt cho “HyperText Markup Language”, "Ngôn ngữ Đánh dấu Siêu văn bản" ngôn ngữ đánh dấu thiết kế để tạo nên trang web với mẩu thơng tin trình bày World Wide Web Cùng với CSS JavaScript, HTML tạo ba tảng kỹ thuật cho World Wide Web HTML định nghĩa ứng dụng đơn giản SGML sử dụng tổ chức cần đến yêu cầu xuất phức tạp HTML trở thành chuẩn Internet tổ chức World Wide Web Consortium (W3C) trì HTML sáng tạo Tim Berners-Lee, nhà vật lý học trung tâm nghiên cứu CERN Thụy Sĩ Anh ta nghĩ ý tưởng cho hệ thống hypertext Internet Anh xuất phiên HTML năm 1991 bao gồm 18 tag HTML Từ đó, phiên HTML có thêm tag attributes Nâng cấp gần vào năm 2014, mắt chuẩn HTML5  CSS CSS chữ viết tắt cho “Cascading Style Sheets”, sử dụng để mô tả giao diện định dạng tài liệu viết ngôn ngữ đánh dấu (markup) Nó cung cấp tính bổ sung cho HTML Nó thường sử dụng với HTML để thay đổi style trang web giao diện người dùng Nó sử dụng với loại tài liệu XML bao gồm XML đơn giản, SVG XUL CSS phát triển W3C (World Wide Web Consortium) vào năm 1996, nhằm mục đích: Hạn chế tối thiểu việc làm rối mã HTML trang Web thẻ quy định kiểu dáng khiến mã nguồn trang Web gọn gàng hơn, tách nội dung trang Web định dạng hiển thị, dễ dàng cho việc cập nhật nội dung; Tạo kiểu dáng áp dụng cho nhiều trang Web, giúp tránh phải lặp lại việc định dạng cho trang Web giống  JavaScript 11 JavaScript ngơn ngữ lập trình kịch đa tảng (cross-platform), hướng đối tượng Nó chủ yếu sử dụng để tăng cường cung cấp trải nghiệm thân thiện với người dùng website bao gồm trang web cập nhật tự động, cải tiến giao diện người dùng menu hộp thoại, hình động, đồ họa 2D 3D, đồ tương tác, trình phát video JavaScript ngôn ngữ nhỏ nhẹ, chạy mơi trường máy chủ lưu trữ (trình duyệt web) Nó kết nối với đối tượng mơi trường để cung cấp kiểm sốt chương trình chúng JavaScript ngơn ngữ kịch phía máy khách (client-side) Do đó, sử dụng hầu hết trang web mà bạn nhìn thấy internet Tuy nhiên cú pháp vơ lộn xộn khó làm chủ, Jquery – thư viện JavaScript đời nhằm giúp lập trình viên xây dựng chức có sử dụng Javascript trở nên dễ dàng như: đơn giản hóa việc duyệt tài liệu HTML,  Thymeleaf Thymeleaf công cụ tạo mẫu Java XML / XHTML / HTML5 hoạt động mơi trường web ( dựa servlet ) web Nó phù hợp để phục vụ XHTML/HTML5 lớp xem ứng dụng web dựa MVC , xử lý tệp XML mơi trường ngoại tuyến Nó cung cấp tích hợp Spring Framework đầy đủ Mục tiêu thymeleaf mang lại template tự nhiên, đồng nhất, đơn giản (nature templates) cho công việc phát triển Với thymeleaf, ta cần sử dụng file HTML hiển thị tất thứ (khơng cần jsp ) Thymealeaf tham gia vào renderd file HTML dạng thuộc tính thẻ HTML > ta khơng cần phải thêm thẻ nonHTML Vì HTML nên ta xem file view mà không cần khởi chạy server Thymeleaf hỗ trợ chế cache, ta cache liệu custom để hiển thị view có thay đổi mà khơng cần restart server 2.2 Kỹ thuật Công nghệ cho Back-end: Spring Framework  Spring boot: Spring Boot dự án phát triển JAV (ngôn ngữ java) hệ sinh thái Spring framework Nó giúp cho lập trình viên đơn giản hóa q trình lập 12 trình ứng dụng với Spring, tập trung vào việc phát triển business cho ứng dụng  Spring MVC: Spring MVC framework thực mơ hình MVC ứng dụng web Spring MVC Framewrok cung cấp kiến truc MVC (Model-ViewController) componen sử dụng nhằm phát triển giúp ứng dụng web linh hoạt 2.3 Một số thư viện mã nguồn tham khảo  Stackoverflow 2.4 Cài đặt ứng dụng Spring Tools for Eclipse: https://spring.io/tools MySql Ver 8.0.33 for Win64 on x86_64: https://dev.mysql.com/downloads/installer/ Java version "1.8.0_202" : https://www.oracle.com/java/technologies/downloads/ 13 CHƯƠNG 3: XÂY DỰNG CHỨC NĂNG Người dùng:  Trang chủ: home.html  Thông tin sách: homeBook.html 14  Đăng nhập: login.html  Đăng ký: register-user.html 15 Quản lý: AdminController.java: User.role = “ADMIN” Chức bản: - Quản lý người dùng 16 - Quản lý sách Thống kê đơn hàng - Đăng xuất  Quản lý người dùng Chức bản: đổi mật khẩu, xóa người dùng  Quản lý sách Chức bản: thêm, sửa, xóa sách 17  Thống kê theo đơn hàng 18 Khách hàng: UserController.java User.role = “USER” Chức bản: - Thể loại sách, gợi ý theo sách thêm vào giỏ, giỏ hàng 19 - Danh sách sách Thêm vào giỏ hàng, xem thông tin sách  Thể loại sách Chức bản: Xem danh sách sách theo thể loại  Gợi ý sách Gợi ý sách theo thể loại thêm vào giỏ  Xem thông tin sách: 20 Chức bản: thêm vào giỏ hàng  Giỏ hàng Chức bản: - Danh sách sản phẩm Xóa khỏi giỏ hàng Tổng tiền - Thanh toán  Thanh toán (Thanh toán nhận hàng): 21 Chức bản: - Thông tin khách hàng Thông tin đơn hàng Lưu đơn hàng 22 TÀI LIỆU THAM KHẢO [1] https://caodang.fpt.edu.vn/tin-tuc-poly/blog/spring-boot-va-nhung-dieu-canbiet.html [2] https://docs.spring.io/spring-data/jpa/reference/jpa/query-methods.html 23