1 BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Bộ Giáo dục và Đào tạo Trường Đại học Ngoại ngữ Tin học TP Hồ Chí Minh ĐỒ ÁN WEBSITE BÁN SÁCH Ngành Công nghệ thông tin Bộ môn Lập trình web Giảng viên hướng dẫn ThS[.]
BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Bộ Giáo dục Đào tạo Trường Đại học Ngoại ngữ - Tin học TP Hồ Chí Minh ĐỒ ÁN: WEBSITE BÁN SÁCH Ngành: Cơng nghệ thơng tin Bộ mơn: Lập trình web Giảng viên hướng dẫn: ThS Trần Phương Tuấn Sinh viên thực hiện: Huỳnh Thiệu Huy - 20DH111187 Nguyễn Hoàng Triều - 21DH114222 Nguyễn Triệu Kha - 21DH113731 Võ Thiện Nhân – 21DH111296 TP.Hồ Chí Minh, ngày 31 tháng năm 2002 BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Bộ Giáo dục Đào tạo Trường Đại học Ngoại ngữ - Tin học TP Hồ Chí Minh ĐỒ ÁN: WEBSITE BÁN SÁCH Ngành: Công nghệ thông tin Bộ môn: Lập trình web Giảng viên hướng dẫn: ThS Trần Phương Tuấn Sinh viên thực hiện: Huỳnh Thiệu Huy - 20DH111187 Nguyễn Hoàng Triều - 21DH114222 Nguyễn Triệu Kha - 21DH113731 Võ Thiện Nhân – 21DH111296 TP.Hồ Chí Minh, ngày 31 tháng năm 2002 BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” MỤC LỤC Danh mục hình ảnh .5 Danh mục từ viết tắt Danh mục bảng biểu Chương 1: Mở đầu 1.1 Lí chọn đề tài 1.2 Mục đích chọn đề tài Chương 2: Giới thiệu ngôn ngữ công cụ sử dụng 10 2.1 HTML 10 2.2 CSS 11 2.3 Javascript 12 Chương 3: Thiết kế 13 3.1 Giao diện trang chủ 13 3.2 Giao diện trang danh mục sản phẩm 17 3.3 Giao diện trang chi tiết sản phẩm .20 3.4 Giao diện trang giỏ hàng 22 3.5 Giao diện trang xác nhận đơn hàng 23 3.6 Giao diện trang đơn hàng .24 3.7 Giao diện trang chi tiết đơn đặt hàng .24 3.8 Giao diện trang thông tin tài khoản 25 3.9 Giao diện trang đăng nhập .25 3.10 Giao diện trang đăng ký 26 3.11 Giao diện trang Admin 27 3.12 Giao diện trang thêm sản phẩm 27 3.13 Giao diện trang xóa sản phẩm 28 3.14 Giao diện trang sửa sản phẩm 29 3.15 Giao diện trang quản lý loại sản phẩm 29 3.16 Giao diện trang quản lý người dùng .31 Chương 4: Các chức ứng dụng .33 4.1 Chức đăng nhập .33 4.2 Chức đăng ký 34 4.3 Chức đăng xuất 35 4.4 Chức slideshow .36 4.5 Chức đếm ngược thời gian 37 4.6 Chức hiển thị ẩn danh sách dãy sản phẩm 39 4.7 Chức mở đóng hình ảnh .41 4.8 Chức form đăng ký với số điện thoại 42 4.9 Chức cập nhật thông tin người dùng .43 4.10 Chức thêm, sửa, xóa sản phẩm, toán giỏ hàng 44 4.11 Chức tìm kiếm sản phẩm .50 4.12 Chức thêm, xóa, sửa sản phẩm 51 4.13 Chức thêm, xóa, sửa loại sản phẩm .55 4.14 Chức xem chi tiết, xóa User 58 Chương 5: Kết luận bảng phân công công việc 60 Tài liệu tham khảo 61 BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Danh mục hình ảnh Hình Giao diện trang chủ: Header, Banner 13 Hình Giao diện trang chủ: Danh mục sản phẩm .13 Hình Giao diện trang chủ: Flash sale .14 Hình Giao diện trang chủ: Danh mục sách học sống 14 Hình Giao diện trang chủ: Danh mục sách kinh doanh 15 Hình Giao diện trang chủ: Danh mục sách ngơn tình .15 Hình Giao diện trang chủ: Danh mục sách phát triển thân .16 Hình Giao diện trang chủ: Xu hướng 17 Hình Giao diện trang chủ: Footer .17 Hình 10 Danh mục sản phẩm "Bài học sống" 18 Hình 11 Danh mục sản phẩm "Kinh doanh" 19 Hình 12 Danh mục sản phẩm "Ngơn tình" .19 Hình 13 Danh mục sản phẩm "Phát triển thân" .20 Hình 14 Trang chi tiết sản phẩm 22 Hình 15 Giao diện trang giỏ hàng 23 Hình 16 Giao diện trang xác nhận đơn hàng .24 Hình 17 Giao diện trang đơn hàng 24 Hình 18 Giao diện trang chi tiết đơn đặt hàng .25 Hình 19 Giao diện trang thông tin tài khoản 25 Hình 20 Giao diện trang đăng nhập .26 Hình 21 Giao diện trang đăng ký 26 Hình 22 Giao diện trang Admin 27 Hình 23 Giao diện trang thêm sản phẩm 28 Hình 24 Giao diện trang xóa sản phẩm 28 Hình 25 Giao diện trang sửa sản phẩm 29 Hình 26 Giao diện trang quản lý loại sản phẩm 30 Hình 27 Thêm loại sản phẩm 30 Hình 28 Chỉnh sửa loại sản phẩm 30 Hình 29 Xóa loại sản phẩm 31 Hình 30 Giao diện trang quản lý người dùng .31 Hình 31 Giao diện trang chi tiết người dùng 32 Hình 32 Giao diện trang xóa người dùng .32 Hình 33 Hàm Login lấy thông tin người dùng nhập vào 33 Hình 34 Hàm Login kiểm tra thông tin người dùng nhập vào 33 Hình 35 Hàm Register lấy thơng tin người dùng nhập vào 34 Hình 36 Hàm Register kiểm tra thơng tin người dùng nhập vào 35 Hình 37 Hàm Logout để đăng xuất .35 Hình 38 HTML Slideshow 36 Hình 39 Java Slideshow 36 Hình 40 HTML đếm ngược thời gian 38 Hình 41 Java đếm ngược thời gian 38 Hình 42 HTML hiển thị ẩn danh sách dãy sản phẩm 40 Hình 43 JavaScript hiển thị ẩn danh sách dãy sản phẩm 40 Hình 44 HTML mở đóng hình ảnh 41 Hình 45 Javascript mở đóng hình ảnh 41 Hình 46 HTML form đăng ký với số điện thoại .42 Hình 47 JavaScript form đăng ký với số điện thoại .42 Hình 48 Hàm Infor lấy thông tin người dùng .43 Hình 49 Hàm Infor lấy thông tin người dùng nhập vào .43 Hình 50 Class Cart.cs 44 Hình 51 Class CartItem 44 BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Hình 52 Class Cart .44 Hình 53 Hàm Add thêm sản phẩm vào giỏ hàng 45 Hình 54 Hàm UpdateQuantity để cập nhật số lượng sản phẩm giỏ hàng 45 Hình 55 Hàm TotalAllProduct tính tổng số tiền giỏ hàng 45 Hình 56 Hàm RemoveCartItem xóa hết sản phẩm giỏ hàng .46 Hình 57 Hàm TotalQuantity tính tổng số lượng sản phẩm có giỏ hàng 46 Hình 58 Hàm ClearCart để xố tất sản phẩm giỏ hàng 46 Hình 59 Hàm GetCart lấy liệu Cart để xử lý thông tin người dùng thêm sản phẩm vào giỏ hàng 47 Hình 60 Hàm AddtoCart để thêm sản phẩm người dùng chọn vào Cart 47 Hình 61 Hàm ShowToCart 47 Hình 62 Hàm UpdateQuantityCart dùng để cập nhật số lượng sản phẩm 48 Hình 63 Hàm RemoveCart để xóa sản phẩm giỏ hàng thông qua hàm RemoveCartItem biến Cart .48 Hình 64 Hàm BagCart để lấy tổng số lượng sản phẩm có giỏ hàng thơng qua hàm TotalQuantity biến cart 49 Hình 65 Hàm CheckOut để toán giỏ hàng 49 Hình 66 .50 Hình 67 Hàm Search dùng để tìm kiếm sản phẩm 51 Hình 68 Hàm Index để hiển thị thơng tin tất sản phẩm 51 Hình 69 Hàm SelectCate dùng để tạo dropdownlist hiển thị tất loại sản phẩm để admin chọn 51 Hình 70 Hàm SelectTacGia dùng để tạo dropdownlist hiển thị tất tác giả để admin chọn .52 Hình 71 Hàm SelectNSX dùng để tạo dropdownlist hiển thị tất nhà sản xuất để admin chọn 52 Hình 72 Hàm Create để lấy thơng tin sản phẩm admin nhập vào 52 Hình 73 Hàm Create dùng để xử lý thơng tin admin nhập vào 53 Hình 74 Hàm Edit dùng để hiển thị thơng tin sản phẩm admin muốn chỉnh sửa 54 Hình 75 Hàm Edit dùng để xử lý thơng tin admin nhập vào 54 Hình 76 Hàm Delete hiển thị thơng tin sản phẩm admin muốn xóa .55 Hình 77 Hàm Delete dùng để xóa sản phẩm 55 Hình 78 Hàm ListProductType hiển thị tất loại sản phẩm 56 Hình 79 Hàm Create để nhận thông tin người dùng nhập vào .56 Hình 80 Hàm Create dùng để lấy liệu từ admin nhập vào 56 Hình 81 Hàm Edit để hiển thị thông tin loại sản phẩm mà admin muốn chỉnh sửa .56 Hình 82 Hàm edit xử lý thông tin mà admin muốn thay đổi loại sản phẩm 57 Hình 83 Hàm Delete hiển thị thông tin loại sản phẩm mà admin muốn xóa 57 Hình 84 Hàm Delete xóa loại sản phẩm mà admin muốn xóa .58 Hình 85 Hàm UserAll để hiển thị tất thông tin tất thành viên 58 Hình 86 Hàm DetailUser để hiển thị thông tin chi tiết người dùng .58 Hình 87 Hàm DetailUserPartial hiển thị thông tin chi tiết người dùng truyền liệu từ hàm DetailUser 59 Hình 88 Hàm DeleteUser dùng để hiển thị thơng tin user mà admin muốn xóa 59 Hình 89 Hàm Delete tiến hành xóa User 59 BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Danh mục từ viết tắt BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Danh mục bảng biểu BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Chương 1: Mở đầu 1.1 Lí chọn đề tài Ngày nay, nhờ cách mạng 4.0, cơng nghệ thơng tin ngày ảnh hưởng tích cực tới nhiều lĩnh vực đời sống Máy tính, smartphone vật khơng thể thiếu tất lĩnh vực đời sống Kể việc mua sắm xu hướng dành cho tất doanh nghiệp cửa hàng nhằm giúp khách hàng thuận tiện việc lựa chọn mua sản phẩm Thị trường buôn bán sách không ngoại lệ, ngày nhiều nhà sách chuyển dần sang việc mua bán online thu lại nhiều hiệu 1.2 Mục đích chọn đề tài - Đưa sản phẩm lên website để khách hàng dễ dàng lựa chọn - Tăng hiệu kinh doanh dễ dàng quản lý liệu - Giúp khách hàng dễ dàng tìm địa sở kinh doanh - Tra cứu thông tin sản phẩm nhanh chóng - Nhanh chóng, tiện lợi cho người mua người bán BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Chương 2: Giới thiệu ngôn ngữ công cụ sử dụng 2.1 HTML 2.1.1 Định nghĩa - HTML (Hypertext Markup Language) chuẩn ngôn ngữ đánh dấu siêu văn cho phép hiển thị nội dung văn lên trình duyệt web - HTML tạo Tim Berners-Lee, nhà vật lý học trung tâm nghiên cứu CERN Thụy Sĩ Hiện nay, HTML trở thành chuẩn Internet tổ chức W3C (World Wide Web Consortium) vận hành phát triển Bạn tự tìm kiếm tình trạng HTML thời điểm Website W3C - Phiên HTML xuất năm 1991, gồm 18 tag HTML Phiên HTML 4.01 xuất năm 1999 Sau đó, nhà phát triển thay HTML XHTML vào năm 2000 - Đến năm 2014, HTML nâng cấp lên chuẩn HTML5 với nhiều tag thêm vào markup, mục đích để xác định rõ nội dung thuộc loại (ví dụ như: , , ,…) 2.1.2 Ưu điểm HTML sử dụng để tạo bố cục, cấu trúc trang web Nó có số ưu điểm sau: - Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vơ lớn - Có thể hoạt động mượt mà hầu hết trình duyệt - Học HTML đơn giản - Các markup sử dụng HTML thường ngắn gọn, có độ đồng cao - Sử dụng mã nguồn mở, hoàn toàn miễn phí - HTML chuẩn web vận hành W3C - Dễ dàng để tích hợp với loại ngơn ngữ backend (ví dụ như: PHP, Node.js,…) 2.1.3 Nhược điểm Bên cạnh ưu điểm, HTML có nhược điểm định Cụ thể sau: - Chỉ áp dụng chủ yếu cho web tĩnh Nếu muốn tạo tính động, lập trình viên phải dùng thêm JavaScript ngơn ngữ backend bên thứ (ví dụ như: PHP) - Mỗi trang HTML cần tạo riêng biệt, có có nhiều yếu tố trùng lặp header, footer 10 ... tiến hành xóa User 59 BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Danh mục từ viết tắt BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Danh mục bảng biểu BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Chương 1: Mở đầu 1.1... phân công công việc 60 Tài liệu tham khảo 61 BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Danh mục hình ảnh Hình Giao diện trang chủ: Header, Banner...BÁO CÁO “ĐỒ ÁN WEBSITE BÁN SÁCH” Bộ Giáo dục Đào tạo Trường Đại học Ngoại ngữ - Tin học TP Hồ Chí Minh ĐỒ ÁN: WEBSITE BÁN SÁCH Ngành: Cơng nghệ thơng tin Bộ mơn: Lập trình web Giảng