HỌC VIỆN KỸ THUẬT MẬT MÃ KHOA AN TOÀN THÔNG TIN BÁO CÁO CÔNG NGHỆ PHẦN MỀM Đề tài XÂY DỰNG WEBSITE QUẢN LÝ BÁN HÀNG ĐIỆN TỬ
HỌC VIỆN KỸ THUẬT MẬT MÃ KHOA AN TỒN THƠNG TIN BÁO CÁO CÔNG NGHỆ PHẦN MỀM Đề tài: XÂY DỰNG WEBSITE QUẢN LÝ BÁN HÀNG ĐIỆN TỬ Giảng viên giảng Th.S Trần Anh Tú dạy: Sinh hiện: viên thực Nguyễn AT160459 Văn Việt – Mai Văn Đủ – AT160710 Trương Văn Tâm – AT160 i Hà Nội, tháng 12 năm 2022 LỜI NÓI ĐẦU Ngày nay, với phát triển mạnh mẽ công nghệ thông tin ứng dụng đời sống Máy tính điện tử khơng cịn thứ phương tiện lạ lẫm người mà dần trở thành cơng cụ làm việc giải trí thơng dụng hữu ích chúng ta, khơng cơng sở mà cịn gia đình Trong kinh tế nay, với xu tồn cầu hố kinh tế giới, mặt đời sống xã hội ngày nâng cao, đặc biệt nhu cầu trao đổi hàng hoá người ngày tăng số lượng chất lượng.Hiện công ty tin học hàng đầu giới không ngừng đầu tư cải thiện giải pháp sản phẩm nhằm cho phép tiến hành thương mại hóa Internet Thơng qua sản phẩm cơng nghệ này, dễ dàng nhận tầm quan trọng tính tất yếu thương mại điện tử Với thao tác đơn giản máy có nối mạng Internet bạn có tận tay cần mà nhiều thời gian Bạn cần vào trang dịch vụ thương mại điện tử, làm theo hướng dẫn click vào bạn cần Các nhà dịch vụ mang đến tận nhà cho bạn Các ứng dụng Web ngày trở nên phổ biến Trước nhu cầu đó, với yêu cầu mơn học, nhóm chúng em định chọn đề tài Xây dựng Website bán hàng trực tuyến, cụ thể đồ điện tử máy tính ,camera,thiết bị mạng ,phụ kiện Chúng em xin chân thành cảm ơn ThS Trần Anh Tú – giảng viên trực tiếp hướng dẫn, bảo, tạo điều kiện thuận lợi giúp đỡ chúng em trình thực đề tài Tuy có nhiều cố gắng nỗ lực thành viên để hoàn thiện đề tài, đề tài “Xây dựng Website quản lý bán hàng điện tử” chúng em cịn nhiều thiếu sót Chúng em mong nhận góp ý từ thầy ii iii MỤC LỤC LỜI NÓI ĐẦU ii MỤC LỤC iii DANH MỤC HÌNH VẼ v DANH MỤC BẢNG BIỂU .vi Chương KHẢO SÁT, PHÂN TÍCH, THIẾT KẾ HỆ THỐNG QUẢN LÝ BÁN HÀNG 1.1 Khảo sát tốn thực tế, phân tích u cầu chức hệ thống 1.1.1 Khảo sát toán thực tế 1.1.2 Yêu cầu chức phía quản trị 10 1.1.3 Yêu cầu chức phía người dùng 1.2 Phân tích hệ thống 10 1.2.1 Biểu đồ Usecase .10 1.2.2 Biểu đồ kịch 17 1.3 Thiết kế hệ thống 31 1.3.1 Thiết kế sở liệu .31 1.3.2 Thiết kế giao diện hệ thống 41 Chương LỰA CHỌN CÔNG NGHỆ XÂY DỰNG HỆ THỐNG 47 2.1 Giới thiệu Javascript, HTML, CSS 47 2.2 Tổng quan NodeJS, ReactJS .47 2.2.1 Giới thiệu NodeJS 47 2.2.2 Frameword ExpressJS 48 2.2.3 Thư viện ReactJS 48 2.3 Giới thiệu MongoDB 49 iv 2.4 Những công nghệ, mã nguồn sử dụng để đảm bảo an toàn hệ thống .50 2.4.1 Bcrypt – Mã hóa liệu nhạy cảm 50 2.4.2 Xác thực người dùng sử dụng Json Web Token (JWT) 50 Chương TRIỂN KHAI HỆ THỐNG TRANG WEB QUẢN LÝ BÁN HÀNG 53 3.1 Mô tả hệ thống .53 3.2 Thiết lập môi trường phát triển hệ thống .53 3.2.1 Cài đặt IDE Visual Studio Code (VSC) 53 3.2.2 Cài đặt NodeJS, ExpressJS, ReactJS 54 3.2.3 Cài sở liệ MongoDB .54 KẾT LUẬN .55 Kết thu 55 3.3 Phương hướng phát triển .55 TÀI LIỆU THAM KHẢO 56 v DANH MỤC HÌNH VẼ Hình 1.1 Giao diện Viettel Store Hình 1.2 Giao diện CellphoneS Hình 1.3 Giao diện giới di dộng .8 Hình 1.4 Giao diện FTP Shop Hình 1.5 Usecase Tổng quát 11 Hình 1.6 Usecase Quản lý sản phẩm 12 Hình 1.7 Usecase Quản lý đơn hàng 13 Hình 1.8 Usecase Thanh toán 14 Hình 1.9 Usecase Thống kê 15 Hình 1.10 Usecase Quản lý thông tin 16 Hình 1.11 Usecase Tìm kiếm .17 Hình 1.12 Biểu đồ trình Đăng ký 18 Hình 1.13 Biểu đồ trình Đăng nhập .20 Hình 1.14 Biểu đồ trình Tìm kiếm 22 Hình 1.15 Biểu đồ trình Thanh toán 24 Hình 1.16 Biểu đồ trình Quản lý thông tin sản phẩm 26 Hình 1.17 Biểu đồ trình Thống kê 27 Hình 1.18 Biểu đồ Quản lý thơng tin khách hàng 30 Hình 1.19 Giao diện 41 Hình 1.20 Giao diện đăng nhập 41 Hình 1.21 Giao diện đăng ký .42 Hình 1.22 Giao diện admin 42 Hình 1.23 Giao diện quản lý sản phẩm 43 Hình 1.24 Giao diện trang chi tiết sản phẩm .43 Hình 1.25 Giao diện trang thêm sản phẩm 44 Hình 1.26 Giao diện trang danh sách sản phẩm 44 Hình 1.27 Giao diện trang quản lý đơn hàng 45 Hình 1.28 Giao diện trang tìm kiếm 45 Hình 1.29 Giao diện trang chi tiết đơn hàng 46 Hình 1.30 Giao diện trang giỏ hàng 46 vi DANH MỤC BẢNG BIỂU Bảng 1.1 Bảng tổng quát sở liệu .31 Bảng 1.2 Bảng Accessory .32 Bảng 1.3 Bảng PC 33 Bảng 1.4 Bảng Tablet 34 Bảng 1.5 Bảng Cart 35 Bảng 1.6 Bảng Swatch 35 Bảng 1.7 Bảng Smartphone 36 Bảng 1.8 Bảng Comment .37 Bảng 1.9 Bảng User 37 Bảng 1.10 Bảng Quantity .38 Bảng 1.11 Bảng History .38 Bảng 1.12 Bảng Homepage 39 Bảng 1.13 Bảng Accessorypage 40 vii Chương KHẢO SÁT, PHÂN TÍCH, THIẾT KẾ HỆ THỐNG QUẢN LÝ BÁN HÀNG 1.1 Khảo sát tốn thực tế, phân tích u cầu chức hệ thống 1.1.1 Khảo sát toán thực tế Website bán hàng trang Web cho phép doanh nghiệp khách hàng tiến hành việc mua bán sản phẩm/dịch vụ trực tuyến Cụ thể, truy cập vào Website này, bạn xem thơng tin sản phẩm, tìm kiếm sản phẩm cần mua, đặt hàng tốn nhanh chóng Dựa vào số website bán đồ điện tử như: CellphoneS, Viettel Store, Thegioididong, FPTshop… Hiểu nhu cầu người dân thấy Website hoạt động hiệu thay cho cửa hàng bán lẻ nhân viên bán hàng Khơng giới hạn vị trí địa lý hay thời gian ngày/ đêm Bạn mua sắm thứ nơi đâu với vài cú nhấp chuột Đặc biệt, mua sắm trực tuyến (Online Shopping) ngày trở nên phổ biến Việc doanh nghiệp tạo cho Web bán hàng trở thành điều quan trọng, phổ biến Dưới số thông tin khảo sát website bán đồ điện tử: Trang web Viettel Store (https://viettelstore.vn) bán laptop, phụ kiên kèm với laptop, … Hình 1.1 Giao diện Viettel Store Trang web CellphoneS (https://cellphones.com.vn/) chuyên bán đồ điện tử điện thoại, laptop, đồng hồ phụ kiện cơng nghệ Hình 1.2 Giao diện CellphoneS Trang web Thế Giới Di Động FPT Shop (https://www.thegioididong.com/) (https://fptshop.com.vn/) bán đồ cơng nghệ Hình 1.3 Giao diện giới di dộng 10