Đồ án tốt nghiệp xây dựng website giới thiệu mỹ phẩm

TRƯỜNG ĐẠI HỌC VINH VIỆN KỸ THUẬT VÀ CÔNG NGHỆ NGUYỄN THỊ NGỌC XÂY DỰNG WEBSITE GIỚI THIỆU MỸ PHẨM ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN Nghệ An – 05/2019 TRƯỜNG ĐẠI HỌC VINH VIỆN KỸ THUẬT VÀ CÔNG NGHỆ XÂY DỰNG WEBSITE GIỚI THIỆU MỸ PHẨM ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN Giảng viên hướng dẫn: ThS HỒ THỊ HUYỀN THƯƠNG Sinh viên thực hiện: NGUYỄN THỊ NGỌC Mã sinh viên: 145D4802010026 Lớp: 55K2 CNTT Nghệ An – 05/2019 LỜI CAM ĐOAN Em xin cam đoan báo cáo đồ án riêng em với đề tài “Xây dựng website giới thiệu mỹ phẩm” hướng dẫn dạy giảng viên, ThS Hồ Thị Huyền Thương Các nội dung, kết số liệu đề tài trung thực chưa cơng bố hình thức Nếu phát có gian lận nào, em xin chịu hoàn toàn trách nhiệm nội dung đồ án Nghê A ̣ n, ngày 15 tháng 05 năm 2019 Sinh viên thực Nguyễn Thị Ngọc MỤC LỤC DANH MỤC TỪ VIẾT TẮT DANH MỤC BẢNG BIỂU DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ MỞ ĐẦU Lý chọn đề tài Mục đích thực 10 Phạm vi thực 10 Nội dung thực 10 Cấu trúc đồ án 10 LỜI CẢM ƠN 11 CHƯƠNG GIỚI THIỆU VỀ NGƠN NGỮ JAVA, JAVA SERVLET VÀ MƠ HÌNH MVC 12 1.1 Tính kỹ thuật 12 1.2 Công cụ phát triển 12 1.3 Ngôn ngữ Java 12 1.3.1 Lịch sử đời ngôn ngữ Java 12 1.3.2 Java gì? 14 1.3.3 Java dùng để làm gì? 15 1.4 Giới thiệu Java Servlet 15 1.4.1 Java Servlet gì? 15 1.4.2 Ưu điểm Servlet 18 1.5 Mơ hình MVC 19 1.5.1 Lịch sử hình thành 19 1.5.2 MVC gì? 19 CHƯƠNG KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG 22 2.1 Khảo sát xác định yêu cầu toán 22 2.1.1 Mơ tả tốn 22 2.1.2 Khảo sát trạng xây dựng hệ thống 24 2.1.3 Phân tích chức 24 2.2 Phân tích hệ thống 25 2.2.1 Các tác nhân 25 2.2.2 Sơ đồ Use Case 26 CHƯƠNG THIẾT KẾ VÀ LẬP TRÌNH 30 3.1 Thiết kế sở liệu 30 3.1.1 Các bảng sở liệu 30 3.1.2 Mối quan hệ bảng 33 3.2 Kiến trúc Project 33 3.3 Danh sách File Types 34 3.3.1 WebContent 34 3.3.2 Java Resources 35 CHƯƠNG 4: CÀI ĐẶT THỬ NGHIỆM 37 4.1 Công cụ sử dụng 37 4.2 Minh họa website 37 4.2.1 Trang đăng ký 37 4.2.2 Trang đăng nhập 38 4.2.3 Trang hiển thị sản phẩm 38 4.2.4 Trang tìm kiếm sản phẩm 39 4.2.5 Trang hiển thị sản phẩm theo danh mục sản phẩm 40 4.2.6 Trang hiển thị sản phẩm theo thương hiệu 41 4.2.7 Trang chi tiết sản phẩm 42 4.2.8 Trang đặt hàng 42 4.2.9 Trang quản lý cộng tác viên 43 4.2.10 Trang quản lý Admin 43 KẾT LUẬN 44 TÀI LIỆU THAM KHẢO 45 DANH MỤC TỪ VIẾT TẮT Từ viết tắt Chú thích CSDL Cơ sở liệu GNU General Public License, giấy phép phần mềm tự sử dụng rộng rãi CGI Common Gateway Interface (Giao diện cổng chung) API Application Programming Interface (giao diện lập trình ứng dụng) MVC Model View Controller CTV Cộng tác viên DANH MỤC BẢNG BIỂU Bảng 2.2.1 Các tác nhân Bảng 3.1.1.1 Bảng người dùng Bảng 3.1.1.2 Bảng phân quyền Bảng 3.1.1.3 Bảng danh mục sản phẩm Bảng 3.1.1.4 Bảng thương hiệu Bảng 3.1.1.5 Bảng sản phẩm Bảng 3.1.1.6 Bảng đơn hàng Bảng 3.1.1.7 Bảng chi tiết đơn hàng Bảng 3.1.1.8 Bảng Trạng thái đơn hàng DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ Hình 1.4.1 Vai trò Servlet Hình 1.5.2 Mơ hình MVC Hình 2.2.2.1 Quản lý người dùng - Admin Hình 2.2.2.2 Quản lý thương hiệu - Admin Hình 2.2.2.3 Quản lý danh mục sản phẩm - Admin Hình 2.2.2.4 Quản lý sản phẩm - Admin Hình 2.2.2.5 Quản lý thơng tin cá nhân - CTV Hình 2.2.2.6 Quản lý sản phẩm - CTV Hình 2.2.2.7 Quản lý thơng tin cá nhân đặt hàng - KH Hình 3.1.2 Mối quan hệ bảng CSDL Hình 4.2.1 Trang đăng ký Hình 4.2.2 Trang đăng nhập Hình 4.2.3 Trang hiển thị sản phẩm Hình 4.2.4 Trang tìm kiếm sản phẩm Hình 4.2.5 Trang hiển thị sản phẩm theo danh mục sản phẩm Hình 4.2.6 Trang hiển thị sản phẩm theo thương hiệu Hình 4.2.7 Trang chi tiết sản phẩm Hình 4.2.8 Trang đặt hàng Hình 4.2.9 Trang quản lý cộng tác viên Hình 4.2.10 Trang quản lý Admin MỞ ĐẦU Lý chọn đề tài Ngày nay, công nghệ thông tin có bước phát triển mạnh mẽ theo chiều rộng sâu Máy tính điện tử khơng thứ phương tiện quý mà ngày trở thành công cụ làm việc giải trí thơng dụng người, khơng nơi làm việc mà gia đình Đặc biệt công nghệ thông tin áp dụng lĩnh vực kinh tế, trị, xã hội Nó đóng vai trò quan trọng Trong hoạt động sản xuất, kinh doanh thương mại điện tử ứng dụng công nghệ thông tin khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khách hàng đồng thời cho khách hàng thấy khác biệt sản phẩm nhà sản xuất (thương hiệu) khác cần thiết Vậy phải quảng bá xây dựng Website cho cửa hàng giới thiệu tất sản phẩm bán Vì vậy, em thực đề tài “Xây dựng website giới thiệu mỹ phẩm” cho số thương hiệu mỹ phẩm Người chủ cửa hàng cộng tác viên đưa sản phẩm lên website quản lý website đó, khách hàng đặt hàng website mà không cần đến cửa hàng Chủ cửa hàng trực tiếp liên hệ cho khách hàng nhận đơn đặt hàng qua website Với tính bản, Website giúp gắn kết người mua chủ cửa hàng dễ dàng, tiết kiệm thời gian cho khách hàng việc phải đến trực tiếp cửa hàng để mua sản phẩm Nó giúp người chủ cửa hàng dễ dàng nắm bắt, quản lí sản phẩm truyền thông quảng cáo rộng hơn, đồng thời cạnh tranh cao với thương hiệu khác website giới thiệu mỹ phẩm chung Ngoài ra, thân người thích xem tìm hiểu thương hiệu mỹ phẩm khác nhau, việc lựa chọn đề tài “Xây dựng website giới thiệu mỹ phẩm” làm đề tài bảo vệ đồ án tốt nghiệp đại học lựa chọn em nghĩ phù hợp với thân Mục đích thực Mục đích tài liệu mơ tả cách chi tiết chức “Website giới thiệu mỹ phẩm” Nó minh họa chi tiết chức xây dựng hệ thống hồn chỉnh Nó giải thích rõ ràng ràng buộc hệ thống, trình bày tổng quan giao diện tương tác với hệ thống Tài liệu dùng mô tả trình bày lại nhằm chỉnh sửa điều chỉnh tốt Phạm vi thực - Đối tượng nghiên cứu: Hệ thống website giới thiệu mỹ phẩm quy trình, phương pháp, phát triển website - Phạm vi nghiên cứu: Xây dựng website giới thiệu mỹ phẩm Nội dung thực - Phương pháp phân tích tổng hợp kinh nghiệm - Tham khảo hệ thống website mỹ phẩm lớn Việt Nam - Phân tích thiết kế hệ thống - Thiết kế sở liệu, giao diện - Lập trình - Kiểm thử Cấu trúc đồ án - Lời cảm ơn - Chương 1: Giới thiệu ngôn ngữ Java, Java Servlet Mơ hình MVC - Chương 2: Khảo sát phân tích hệ thống - Chương 3: Thiết kế Lập trình - Chương 4: Cài đặt thử nghiệm Bảng Danh mục sản phẩm (Tên bảng: Category) Tên trường Kiểu liệu Ràng buộc Chú thích cate_id int Khóa Mã loại sản phẩm cate_name nvarchar(255) Not null Tên loại sản phẩm Bảng 3.1.1.3 Bảng danh mục sản phẩm Bảng Thương hiệu (Tên bảng: Branch) Tên trường Kiểu liệu Ràng buộc Chú thích Id int Khóa Mã thương hiệu Name nvarchar(250) Tên thương hiệu Logo nvarchar(250) Logo thương hiệu Bảng 3.1.1.4 Bảng thương hiệu Bảng Sản phẩm (Tên bảng: Product) Tên trường Kiểu liệu Ràng buộc Chú thích Id int Khóa Mã sản phẩm Name nvarchar(255) Not null Tên sản phẩm Price float cate_id int Des nvarchar(2000) Mô tả sản phẩm Image nvarchar(150) Ảnh sản phẩm branch_id int Mã thương hiệu createdBy int Được tạo Giá sản phẩm Not null Mã loại sản phẩm isTrending bit Sản phẩm hot Status bit Trạng thái Bảng 3.1.1.5 Bảng sản phẩm Bảng Đơn hàng (Tên bảng: Cart) Tên trường Kiểu liệu Ràng buộc Chú thích Id varchar(50) Khóa Mã đơn hàng u_id int Not null buyDate date Ngày mua deliveryCustomer nvarchar(250) Tên người nhận deliveryPhone nvarchar(250) Sđt người nhận deliveryAddress nvarchar(250) Địa người nhận Status int Trạng thái Bảng 3.1.1.6 Bảng đơn hàng Bảng Chi tiết đơn hàng (Tên bảng: CartItem) Tên trường Kiểu liệu Ràng buộc Chú thích Id varchar(50) Khóa Thứ tự Quantity int Số lượng unitPrice float Giá pro_id int Not null Mã sản phẩm cat_id varchar(50) Not null Mã đơn hàng Bảng 3.1.1.7 Bảng chi tiết đơn hàng Bảng Trạng thái đơn hàng (Tên bảng: StatusCart) Tên trường Kiểu liệu Ràng buộc Chú thích Id int Not null Mã trạng thái Name nvarchar(250) Tên trạng thái Description nvarchar(250) Mô tả Bảng 3.1.1.8 Bảng Trạng thái đơn hàng 3.1.2 Mối quan hệ bảng Hình 3.1.2 Mối quan hệ bảng CSDL 3.2 Kiến trúc Project Tên project: doan – mypham  Connect : kết nối database  Controller : xử lý liệu đọc từ WebContent người dùng nhập vào truyền vào model (cơ sở liệu)  Model : xử lý liệu chuyển từ Controller  WebContent: chứa nội dung giao diện website (.jsp) bao gồm trang user & admin 3.3 Danh sách File Types 3.3.1 WebContent  Trang index.jsp : trang chủ trang web trang mặc định chạy Project  Giao diện Client (Khách hàng) chứa chức chính: - register.jsp: Đăng ký login.jsp: Đăng nhập cart.jsp: Popup hiển thị số lượng sản phẩm giỏ hàng list-cart.jsp: Trang danh sách sản phẩm giỏ hàng myaccount.jsp: Trang thông tin tài khoản product-detail.jsp: Trang chi tiết sản phẩm product-list.jsp: Trang hiển thị danh sách toàn sản phẩm product-search-by-name.jsp: Trang hiển thị kết tìm kiếm theo tên sản phẩm productSearchByCategory.jsp: Trang hiển thị kết tìm kiếm theo danh mục sản phẩm theo thương hiệu search.jsp: Bọ lọc tìm kiếm sản phẩm theo mục, tiêu chí khác  Giao diện admin (trang quản lý) gồm chức : - add-branch.jsp: edit-branch.jsp: list-branch.jsp: add-category.jsp: edit-category.jsp: list-category.jsp: add-product.jsp: edit-product.jsp: report-product.jsp: edit-order.jsp: list-order.jsp: edit-status-cart.jsp: list-status-cart.jsp: 3.3.2 Java Resources  jdbc: - JDBCConnection.java: Kết nối Database  model: chứa thực thể, gồm liệu ( private ) , kèm theo phương thức set/get - Branch.java: thương hiệu - Cart.java: đơn hàng CartItem.java: chi tiết đơn hàng Category.java: danh mục sản phẩm Product.java: sản phẩm Role.java: quyền StatusCart.java: trạng thái đơn hàng User.java: người dùng  dao: Thực công việc liên quan truy vấn, chỉnh sửa, thêm xóa liệu trực tiếp với database - BranchDao.java - CartDao.java - CartItemDao.java - CategoryDao.java - ProductDao.java - RoleDao.java - StatusCartDao.java - UserDao.java  Controller: - CartAddController.java CartController.java CartItemRemove.java LoginController.java LogoutController.java MyAccountController.java OrderController.java ProductDetailController.java ProductListClientController.java - ProductSearchByCategory.java ProductSearchByName.java RegisterController.java WelcomeController.java CHƯƠNG 4: CÀI ĐẶT THỬ NGHIỆM 4.1 Công cụ sử dụng - Trang web viết ngôn ngữ Java theo mơ hình MVC Hệ quản trị sở liệu SQL Server 2010 Trang web sử dụng công nghệ: Web Service, Jquery, javascrip 4.2 Minh họa website 4.2.1 Trang đăng ký Hình 4.2.1 Trang đăng ký 4.2.2 Trang đăng nhập Hình 4.2.2 Trang đăng nhập 4.2.3 Trang hiển thị sản phẩm Hình 4.2.3 Trang hiển thị sản phẩm 4.2.4 Trang tìm kiếm sản phẩm Hình 4.2.4 Trang tìm kiếm sản phẩm 4.2.5 Trang hiển thị sản phẩm theo danh mục sản phẩm Hình 4.2.5 Trang hiển thị sản phẩm theo danh mục sản phẩm 4.2.6 Trang hiển thị sản phẩm theo thương hiệu Hình 4.2.6 Trang hiển thị sản phẩm theo thương hiệu 4.2.7 Trang chi tiết sản phẩm Hình 4.2.7 Trang chi tiết sản phẩm 4.2.8 Trang đặt hàng Hình 4.2.8 Trang đặt hàng 4.2.9 Trang quản lý cộng tác viên - Cộng tác viên quản lý sản phẩm đơn hàng thuộc quyền quản lý cộng tác viên Hình 4.2.9 Trang quản lý cộng tác viên 4.2.10 Trang quản lý Admin Hình 4.2.10 Trang quản lý Admin KẾT LUẬN Qua trình làm đồ án tốt nghiệp với đề tài “Xây dựng website giới thiệu mỹ phẩm”, thân em tự thấy thu kết sau: - Hiểu cách thức hoạt động mơ hình MVC Java Web - Hiểu số khái niệm ưu điểm Servlet - Bước đầu xây dựng website tương đối hoàn chỉnh - Bản thân rèn luyện khả kiên trì chịu áp lực trình dài làm đồ án Do thời gian có hạn kỹ lập trình hạn chế nên sản phẩm website chưa thật hoàn thiện với người sử dụng Trong thời gian tới, em cố gắng hoàn thiện mở rộng chức thời bổ sung thêm chức mang lại tiện lợi cho người dùng Vì vậy, em kính mong thầy giáo, giáo bạn xem xét, bảo giúp đỡ em để em hồn thiện đồ án tốt Em xin chân thành cảm ơn! TÀI LIỆU THAM KHẢO [1] Thạc Bình Cường, “Phân tích thiết kế hệ thống thông tin”, Nhà xuất Khoa học kỹ thuật, 2002 [2] Giới thiệu Servlet, link : https://itphutran.com/gioi-thieu-ve-servlet/ [3] Java (Programming language), link : https://en.wikipedia.org/wiki/Java_(programming_language) ... lên website quản lý website đó, khách hàng đặt hàng website mà không cần đến cửa hàng Chủ cửa hàng trực tiếp liên hệ cho khách hàng nhận đơn đặt hàng qua website Với tính bản, Website giúp gắn kết... dựng Website cho cửa hàng giới thiệu tất sản phẩm bán Vì vậy, em thực đề tài “Xây dựng website giới thiệu mỹ phẩm” cho số thương hiệu mỹ phẩm Người chủ cửa hàng cộng tác viên đưa sản phẩm lên website. .. Phạm vi thực - Đối tượng nghiên cứu: Hệ thống website giới thiệu mỹ phẩm quy trình, phương pháp, phát triển website - Phạm vi nghiên cứu: Xây dựng website giới thiệu mỹ phẩm Nội dung thực - Phương