Đang tải... (xem toàn văn)
Mục tiêu đồ án nhằm: mô tả một cách chi tiết về những chức năng của Website giới thiệu mỹ phẩm. Minh họa chi tiết chức năng và xây dựng một hệ thống hoàn chỉnh. Giải thích rõ ràng về ràng buộc của hệ thống, trình bày tổng quan về giao diện và những tương tác với hệ thống. Để nắm rõ nội dung nghiên cứu mời các bạn cùng tham khảo đồ án.
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 đây là bản báo cáo đồ án của riêng em với đề tài “Xây dựng website giới thiệu mỹ phẩm” và được sự hướng dẫn chỉ dạy của giảng viên, ThS. Hồ Thị Huyền Thương. Các nội dung, kết quả cũng như số liệu trong đề tài này là trung thực và chưa được cơng bố dưới bất kỳ hình thức nào Nếu phát hiện có bất kỳ sự gian lận nào, em xin chịu hồn tồn trách nhiệm về nội dung đồ án của mình Nghê An, ngày 15 tháng 05 năm 2019 ̣ Sinh viên thực hiện Nguyễn Thị Ngọc MỤC LỤC DANH MỤC TỪ VIẾT TẮT 6 DANH MỤC BẢNG BIỂU 7 DANH MỤC CÁC HÌNH VẼ , ĐỒ THỊ 8 MỞ ĐẦU 9 Lý do chọn đề tài 9 Mục đích thực hiện 10 Phạm vi thực hiện 10 Nội dung thực hiện 10 Cấu trúc đồ án 10 LỜI CẢM ƠN 11 CHƯƠNG 1. GIỚI THIỆU VỀ NGƠN NGỮ JAVA, JAVA SERVLET VÀ MƠ HÌNH MVC 12 1.1 Tính năng 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ử ra đời ngôn ngữ Java 12 1.3.2 Java là gì? 14 1.3.3 Java được dùng để làm gì? 15 1.4 Giới thiệu về Java Servlet 15 1.4.1 Java Servlet là gì? 15 1.4.2 Ưu điểm của Servlet 18 1.5 Mơ hình MVC 19 1.5.1 Lịch sử hình thành. 19 1.5.2 MVC là gì? 19 CHƯƠNG 2. KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG 22 2.1 Khảo sát và xác định yêu cầu bài toán 22 2.1.1 Mơ tả bài tốn 22 2.1.2 Khảo sát hiện trạng và xây dựng hệ thống mới 24 2.1.3 Phân tích chức năng 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 3. THIẾT KẾ VÀ LẬP TRÌNH 30 3.1 Thiết kế cơ sở dữ liệu 30 3.1.1 Các bảng trong cơ sở dữ liệu 30 3.1.2 Mối quan hệ giữa các 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ủa cộng tác viên 43 4.2.10 Trang quản lý của 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ở dữ liệu GNU General Public License, là giấy phép phần mềm tự do được 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ò của 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 và đặt hàng KH Hình 3.1.2 Mối quan hệ giữa các 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 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 dữ liệu Ràng buộc Chú thích Id varchar(50) Khóa chính 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 chỉ người nhận Status Trạng thái int 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 dữ liệu Ràng buộc Chú thích Id varchar(50) Khóa chính 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 dữ 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ệ giữa các bảng Hình 3.1.2 Mối quan hệ giữa các bảng CSDL 3.2 Kiến trúc Project Tên project: doan – mypham Connect : kết nối database Controller : xử lý dữ liệu đọc từ WebContent do người dùng nhập vào và truyền vào model (cơ sở dữ liệu) Model : xử lý dữ liệu chuyển từ Controller WebContent: chứa nội dung chính về giao diện website (.jsp) và bao gồm cả trang user & admin 3.3 Danh sách File Types 3.3.1 WebContent Trang index.jsp : trang chủ của trang web và là trang mặc định khi chạy Project Giao diện Client (Khách hàng) chứa các chức năng chính: register.jsp: Đăng ký login.jsp: Đăng nhập cart.jsp: Popup hiển thị số lượng sản phẩm trong giỏ hàng listcart.jsp: Trang danh sách các sản phẩm trong giỏ hàng myaccount.jsp: Trang thơng tin tài khoản productdetail.jsp: Trang chi tiết sản phẩm productlist.jsp: Trang hiển thị danh sách tồn bộ sản phẩm productsearchbyname.jsp: Trang hiển thị kết quả tìm kiếm theo tên sản phẩm productSearchByCategory.jsp: Trang hiển thị kết quả tìm kiếm theo danh mục sản phẩm và theo thương hiệu search.jsp: Bọ lọc tìm kiếm sản phẩm theo các mục, tiêu chí khác nhau Giao diện admin (trang quản lý) gồm các chức năng chính : addbranch.jsp: editbranch.jsp: listbranch.jsp: addcategory.jsp: editcategory.jsp: listcategory.jsp: addproduct.jsp: editproduct.jsp: reportproduct.jsp: editorder.jsp: listorder.jsp: editstatuscart.jsp: liststatuscart.jsp: 3.3.2 Java Resources jdbc: JDBCConnection.java: Kết nối Database model: chứa các thực thể, gồm các dữ liệu ( private ) , kèm theo các 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 hiện các cơng việc liên quan truy vấn, chỉnh sửa, thêm xóa dữ 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 được viết bằng ngơn ngữ Java theo mơ hình MVC Hệ quản trị cơ sở dữ liệu SQL Server 2010 Trang web sử dụng các 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ủa cộng tác viên Cộng tác viên chỉ có thể quản lý được các sản phẩm và đơn hàng thuộc quyền quản lý của chính cộng tác viên đó Hình 4.2.9 Trang quản lý của cộng tác viên 4.2.10 Trang quản lý của Admin Hình 4.2.10 Trang quản lý của Admin KẾT LUẬN Qua q 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”, bản thân em tự thấy mình đã thu được các kết quả sau: Hiểu được cách thức hoạt động của mơ hình MVC trong Java Web Hiểu được một số khái niệm và những ưu điểm của Servlet Bước đầu xây dựng được một website tương đối hồn chỉnh Bản thân rèn luyện được khả năng kiên trì và chịu áp lực trong q trình dài làm đồ án Do thời gian có hạn và kỹ năng lập trình còn hạn chế nên sản phẩm website chưa thật sự được hồn thiện với người sử dụng. Trong thời gian tới, em sẽ cố gắng hồn thiện và mở rộng các chức năng hiện thời và bổ sung thêm các chức năng mới mang lại sự tiện lợi cho người dùng Vì vậy, em kính mong các thầy giáo, cơ giáo và các bạn xem xét, chỉ bảo và giúp đỡ em để em có thể hồn thiện đồ án này tốt hơn 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 và thiết kế hệ thống thơng tin”, Nhà xuất bản Khoa học và kỹ thuật, 2002 [2] Giới thiệu về Servlet, link : https://itphutran.com/gioithieuveservlet/ [3] Java (Programming language), link : https://en.wikipedia.org/wiki/Java_(programming_langu age) ... nào đó là xây dựng được một Website cho cửa hàng của mình giới thiệu tất cả các sản phẩm của mình bán Vì vậy, em đã thực hiện đề tài Xây dựng website giới thiệu mỹ phẩm cho một số thương hiệu mỹ. .. liệu này dùng mơ tả trình bày lại nhằm chỉnh sửa và điều chỉnh được tốt hơn Phạm vi thực hiện - Đối tượng nghiên cứu: Hệ thống website giới thiệu mỹ phẩm và quy trình, phương pháp, phát triển một website - Phạm vi nghiên cứu: Xây dựng website giới thiệu mỹ phẩm. .. Ngồi ra, bản thân cũng là một người thích xem và tìm hiểu các thương hiệu mỹ phẩm khác nhau, bởi vậy 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 cũng là một sự lựa chọn em nghĩ là khá phù hợp với bản thân mình