1. Trang chủ
  2. » Luận Văn - Báo Cáo

Xây dựng website bán hàng thời trang

57 3 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 57
Dung lượng 4,64 MB

Nội dung

ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU ĐẠI HỌC ĐÀ NẴNG TẠI KON TUM BÁO CÁO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG Kon Tum, tháng năm 2021 ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU ĐẠI HỌC ĐÀ NẴNG TẠI KON TUM BÁO CÁO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG SVTH MSSV LỚP GVHD : LÊ ĐỨC HẬU : 16152480201004 : K10TT : ThS LÊ THỊ BẢO YẾN Kon Tum, tháng năm 2021 LỜI CẢM ƠN Trước tiên em xin gửi lời cảm ơn chân thành sâu sắc tới thầy cô giáo trường Phân hiệu Đại học Đà Nẵng Kon Tum nói chung thầy giáo khoa Kĩ Thuật – Nơng nghiệp nói riêng tận tình giảng dạy, truyền đạt cho em kiến thức, kinh nghiệm quý báu suốt thời gian bốn năm học vừa qua Đặc biệt em xin gửi lời cảm ơn đến cô giáo Lê Thị Bảo Yến tận tình giúp đỡ, trực tiếp bảo, hướng dẫn em suốt trình thực học phần đồ án tốt nghiệp Trong thời gian làm việc, em không ngừng tiếp thu thêm nhiều kiến thức bổ ích mà học tập tinh thần học tập làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả, điều cần thiết cho em q trình học tập cơng tác sau Sau xin gửi lời cảm ơn chân thành tới gia đình, bạn bè động viên, đóng góp ý kiến giúp đỡ em trình học tập, nghiên cứu hoàn thành đồ án tốt nghiệp Một lần nữa, em xin chân thành cảm ơn! Sinh viên thực Lê Đức Hậu MỤC LỤC DANH MỤC HÌNH ẢNH III DANH MỤC BẢNG V DANH MỤC CÁC CỤM TỪ VIẾT TẮT VI CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 1.1 LÝ DO CHỌN ĐỀ TÀI 1.2 MỤC TIÊU NGHIÊN CỨU 1.3 PHẠM VI NGHIÊN CỨU 1.4 PHƯƠNG PHÁP NGHIÊN CỨU CHƯƠNG 2: CƠ SỞ LÝ LUẬN 2.1 THƯƠNG MẠI ĐIỆN TỬ 2.1.1 Khái niệm 2.1.2 Lợi ích thương mại điện tử 2.1.3 Các yêu cầu thương mai điện tử 2.1.4 Các mơ hình thương mại điện tử 2.3 HTML 2.4 CSS 2.5 JAVASCRIPT 2.6 BOOTSTRAP 2.7 PHP 2.8 CƠ SỞ DỮ LIỆU MYSQL 2.8.1 Tổng quan MySQL 2.8.2 Các thành phần MySQL 2.9 PHẦN MỀM SỬ DỤNG 2.9.1 Visual Studio Code 2.9.2 XAMPP 10 CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 12 3.1 CHỨC NĂNG CỦA CHƯƠNG TRÌNH 12 3.1.1 Khách hàng 12 3.1.2 Quản trị viên 12 3.2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 14 3.2.1 Sơ đồ tổng quát 14 3.2.2 Sơ đồ 15 3.2.3 Sơ đồ lớp 29 3.2.4 Lược đồ quan hệ sở liệu 32 3.4 CƠ SỞ DỮ LIỆU 32 3.4.1 Bảng admin 33 3.4.2 Bảng category 33 3.4.3 Bảng product 34 3.4.4 Bảng transaction 34 i C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 3.4.5 Bảng users 35 3.4.6 Bảng page 35 3.4.7 Bảng comment 35 3.5 KẾT QUẢ DEMO 36 3.5.1 Front-end 36 3.5.2 Back-end 39 CHƯƠNG 4: KẾT LUẬN 47 4.1 KẾT QUẢ ĐẠT ĐƯỢC 47 4.2 HẠN CHẾ 47 4.3 HƯỚNG PHÁT TRIỂN 47 TÀI LIỆU THAM KHẢOX ii Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an DANH MỤC HÌNH ẢNH Hình 3.1: Sơ đồ use case tổng quát 15 Hình 3.2: Biểu đồ chức đăng kí 16 Hình 3.3: Biểu đồ chức đăng nhập 17 Hình 3.4: Biểu đồ chức mua hàng 18 Hình 3.5: Biểu đồ chức xóa sản phẩm giỏ hàng 19 Hình 3.6: Sơ đồ chức thêm sản phẩm 20 Hình 3.7: Biểu đồ chức chỉnh sửa sản phẩm 21 Hình 3.8: Biểu đồ chức xóa sản phẩm 22 Hình 3.9: Biểu đồ chức tìm kiếm 23 Hình 3.10: Biểu đồ chức thêm danh mục 24 Hình 3.11: Biểu đồ chức xóa danh mục 25 Hình 3.12: Biểu đồ chức chỉnh sửa danh mục 26 Hình 3.13: Biểu đồ chức xóa khách hàng 27 Hình 3.14: Biểu đồ chức chỉnh sửa thông tin khách hàng 28 Hình 3.15: Biểu đồ chức thống kê 29 Hình 3.16: Sơ đồ lớp 31 Hình 3.17: Lượt đồ quan hệ sở liệu 32 Hình 3.18: Bảng sở liệu 32 Hình 3.19: Bảng admin 33 Hình 3.20: Bảng category 33 Hình 3.21: Bảng orders 34 Hình 3.22: Bảng product 34 Hình 3.23: Bảng transaction 34 Hình 3.24: Bảng users 35 Hình 3.25: Bảng page 35 Hình 3.26: Bảng comment 35 Hình 3.27: Giao diện trang chủ 36 Hình 3.28: Giao diện đăng nhập 36 Hình 3.29: Giao diện đăng kí 37 Hình 3.30: Giao diện sản phẩm 38 Hình 3.31: Giao diện chi tiết sản phẩm 38 Hình 3.32: Giao diện giỏ hàng 39 Hình 3.33: Giao diện đăng nhập admin 39 Hình 3.34: Giao diện trang quản trị admin 40 Hình 3.35: Giao diện quản lý danh mục 40 Hình 3.36: Giao diện quản lý sản phẩm 41 Hình 3.37: Giao diện quản lý admin 41 Hình 3.38: Giao diện quản lý user 42 Hình 3.39: Giao diện quản lý tổng đơn hàng 42 iii Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an Hình 3.40: Giao diện quản lý đơn hàng chưa xử lí 43 Hình 3.41: Giao diện quản lý đơn hàng xử lý 43 Hình 3.42: Giao diện quản lý đơn hàng hủy 44 Hình 3.43: Quản lý thống kê toán 44 Hình 3.44: Giao diện Quản lý sản phẩm hết 45 Hình 3.45: Giao diện quản lý sản phẩm bán chạy 45 Hình 3.46: Giao diện quản lý nhiều lượt xem 46 iv Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an DANH MỤC BẢNG Bảng Bảng chi tiết product 29 Bảng Bảng chi tiết admin 29 Bảng 3 Bảng chi tiết users 30 Bảng Bảng chi tiết page 30 Bảng Bảng chi tiết category 30 Bảng Bảng chi tiết transaction 30 Bảng Bảng chi tiết orders 30 Bảng Bảng chi tiết comment 31 v Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an DANH MỤC CÁC CỤM TỪ VIẾT TẮT STT DẠNG VIẾT TẮT CSDL DẠNG ĐẦY ĐỦ Cơ sở liệu TMĐT Thương mại điện tử WTO The World Trade Organization (Tổ chức thương mại giới) APEC Asia-Pacific Economic Cooperation (Diễn đàn Hợp tác Kinh tế châu Á - Thái Bình Dương) SQL Structured Query Language (Ngơn ngữ truy vấn có cấu trúc) PHP Hypertext Preprocessor HTML Hypertext Markup Language CSS Cascading Style Sheets CMS Content Management System (Hệ thống quản lý nội dung) 10 UML Unified Modeling Language ( ngôn ngữ dành cho việc đặc tả, hình dung, xây dựng làm tài liệu hệ thống phần mềm) vi Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 1.1 LÝ DO CHỌN ĐỀ TÀI Ngày việc sở hữu Website bán hàng khơng cịn điều xa lạ với chúng ta, chí số trường hợp tiêu chuẩn bắt buộc doanh nghiệp – công ty thời điểm cạnh tranh mang tính tốn tồn cầu Với bùng nổ Internet, ngày có hàng trăm triệu người truy cập internet với nhu cầu tìm tin tức, nhu cầu mua bán sản phẩm cách thuận tiện nhanh chóng Nhận tính thiết thực điều em chọn đề tài “Xây dựng Website bán hàng thời trang” tương tác với khách hàng lúc, nơi, khơng cịn giới hạn không gian hay thời gian Thông qua tiện ích website, khách hàng tương tác trực tiếp có tìm hiểu sản phẩm thơng qua website Dựa nhu cầu mua (của khách hàng), bán (của người bán) ngày tăng, nên việc quảng bá thương hiệu, đưa sản phẩm tiếp cận gần với khách hàng dễ dàn thuận tiện 1.2 MỤC TIÊU NGHIÊN CỨU - Về lý thuyết: Nắm bắt vững ngôn ngữ thiết kế web PHP, MySQL, HTML, jQuery, JavaScript, CSS, Bootstrap - Về giao diện: Website hiển thị sản phẩm đẹp, thu hút người dùng, giao diện đẹp, đơn giản, thân thiện, cung cấp đầy đủ thông tin mặt hàng sản phẩm - Về mặt chức năng: Xây dựng đầy chức quản lý đầy đủ thông tin sản phẩm, khách hàng, nhân viên, giỏ hàng, đơn hàng, … - Về công nghệ: Ứng dụng framework vào xây dựng trang web Website có khả tự tương thích, hiển thị tất thiết bị nâng cấp tương lai 1.3 PHẠM VI NGHIÊN CỨU - Vấn đề nghiên cứu: Nghiên cứu công nghệ kĩ thuật để xây dựng website với đầy đủ tính năng, đáp ứng nhu cầu website bán hàng trực tuyến - Về không gian: Đề tài nghiên cứu lĩnh vực bán hàng trực tuyến toàn quốc - Thời gian nghiên cứu: tháng 1.4 PHƯƠNG PHÁP NGHIÊN CỨU - Tiếp cận nghiệp vụ: Tìm hiểu quy trình cách xử lý nghiệp vụ cho quy trình thực tế để đảm bảo tính đắn Khảo sát thực tế yêu cầu khách hàng hệ thống để đưa giải pháp, ý tưởng cho việc xây dựng, thiết kế hệ thống website sau - Về mặt lí thuyết: Nắm vững lí thuyết xây bố cục website, sử dụng công cụ cơng nghệ để tạo website hồn chỉnh đầy đủ tính thân thiện với người dùng Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 3.4.2 Bảng orders Hình 3.21: Bảng orders Trong bảng có số trường sau: id (là khóa chính), name, slug, page_id, address, status, create_at, update_at 3.4.3 Bảng product Hình 3.22: Bảng product Bảng product chứa thông tin sản phẩm bảng có số trường sau: id (là khóa chính), name, slug, price, sale, number, category_id, content, chitietsp, view, comment, create_at, update_at 3.4.4 Bảng transaction Hình 3.23: Bảng transaction Trong bảng có số trường sau: id (là khóa chính), amount, users_id, status, create_at, update_at 34 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 3.4.5 Bảng users Hình 3.24: Bảng users Trong bảng có số trường sau: id (là khóa chính), account, name, email, phone, address, password, create_at, update_at 3.4.6 Bảng page Hình 3.25: Bảng page Trong bảng có số trường sau: id (là khóa chính), name, homepage, slug, create_at, update_at 3.4.7 Bảng comment Hình 3.26: Bảng comment Trong bảng có số trường sau: id (là khóa chính), content, product_id, users_id, admin_id, create_at, update_at 35 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an 3.5 KẾT QUẢ DEMO 3.5.1 Front-end a Giao diện trang web Hình 3.27: Giao diện trang chủ Đây giao diện trang website người dùng truy cập vào Giao diện trang chủ gồm có: Header, content, page footers - Header gồm có thành phần sau: site ID, home Link, Menu điều hướng, Search box, Giỏ hàng, slider, Banner - Content gồm có: Phần nội dung trang web, padding navigation (điều hướng phân trang), Thanh thông tin - Footers: Thông tin quyền, link liên kết, menu, thông tin liên hệ, … b Đăng nhập Hình 3.28: Giao diện đăng nhập Đây giao diện người muốn đăng nhập vào website người dùng có liệu tài khoản database - Login 36 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an  Khi click chọn đăng nhập điều hướng người dùng chuyển hướng đến trang đăng nhập  Sau đến trang đăng nhập website hiển thị form đăng nhập gồm username, password, button đăng nhập, button đăng kí, link quên mật  Người dùng điền đầy đủ thông tin bao gồm tên đăng nhập password click vào button đăng nhập  Nếu tài khoản password khơng xác thơng báo đăng nhập thất bại, người dùng phải bắt đăng nhập lại để login vào website  Nếu tài khoản password xác lên thơng báo thành cơng người dùng thành công login vào trang web c Đăng kí Hình 3.29: Giao diện đăng kí Đây giao diện người dùng phải đăng kí thành viên muốn đăng nhập vào website - Đăng kí thành viên  Khi Click chọn đăng kí điều hướng người dùng chuyển hướng đến trang đăng nhập  Sau đến trang đăng kí website hiển thị form đăng nhập gồm username, mật khẩu, nhập lại mật khẩu, email, số điện thoại, địa chỉ, button đăng kí  Người dùng điền đầy đủ thơng tin vào form đăng kí click button đăng kí  Nếu tài khoản có liệu database trang web thông báo tài khoản tồn tại, người dùng phải bắt buộc đăng nhập lại  Nếu đăng kí thành cơng lên thơng báo đăng kí thành cơng tài khoản lưu database  Đăng kí thành cơng người dùng đăng nhập vào trang web 37 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an d Giao diện sản phẩm Hình 3.30: Giao diện sản phẩm Đây giao diện sản phẩm click chọn mục page hay danh mục điều hướng hiển thị: hình ảnh, tên sản phẩm số tiền sản phẩm e Giao diện chi tiết sản phẩm Hình 3.31: Giao diện chi tiết sản phẩm Giao diện chi tiết sản phẩm gồm có: Hình ảnh, tình trạng kho hàng, thơng tin vận chuyển, giá tiền, lượt xem, button thêm vào giỏ hàng, mục sản phẩm tương tự, thông tin chi tiết sản phẩm, bình luận f Giao diện giỏ hàng 38 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an Hình 3.32: Giao diện giỏ hàng Giao diện giỏ hàng gồm có: tên sản phẩm, hình ảnh, số lượng, giá tiền, thao tác xóa cập nhật, thông tin đơn hàng, … 3.5.2 Back-end a Đăng nhập vào admin Hình 3.33: Giao diện đăng nhập admin Đây giao diện đăng nhập tài khoản admin - Đăng nhập vào admin  Khi truy cập đến trang admin hiển thị form đăng nhập admin gồm có username password, button đăng nhập, link quên mật  Bạn phải điền đầy đủ thông username password click chọn nút button  Nếu tài khoản mật khơng xác thơng báo đăng nhập không thành công bạn phải đăng nhập lại  Nếu đăng nhập thành cơng chuyển đến trang giao diện Admin 39 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an b Giao diện admin Hình 3.34: Giao diện trang quản trị admin Đây giao diện trang quản trị admin gồm có header content - Header: gồm menu điều hướng - Content: gồm phần trang, thống kê, thông tin, điều hướng c Trang quản lý danh mục Hình 3.35: Giao diện quản lý danh mục Đây giao diện quản lý danh mục người dùng click mục danh sách thư mục điều hướng, quản lý danh mục gồm có: id danh mục, tên, trang, trạng thái, tác vụ (chỉnh sửa, xóa) 40 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an d Giao diện quản lý sản phẩm Hình 3.36: Giao diện quản lý sản phẩm Đây giao diện quản lý sản phẩm người dùng click mục sản phẩm điều hướng, quản lý sản phẩm gồm có: button thêm sản phẩm id, tên, danh mục, slug, hình ảnh, mơ tả sản phẩm, tình trạng (giá, số lượng, giảm giá), tác vụ (chỉnh sửa, xóa) e Quản lý admin Hình 3.37: Giao diện quản lý admin Đây giao diện quản lý sản phẩm người dùng click mục admin điều hướng, quản lý admin gồm có: button thêm admin, id, tài khoản, họ tên, email, địa chỉ, password, phone, tác vụ (chỉnh sửa, xóa) 41 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an f Quản lý user Hình 3.38: Giao diện quản lý user Đây giao diện Quản lý user người dùng click mục user điều hướng, quản lý user gồm có: id, tài khoản, họ tên, email, địa chỉ, password, phone, tác vụ (chỉnh sửa, xóa) g Quản lý đơn hàng Hình 3.39: Giao diện quản lý tổng đơn hàng Đây giao diện quản lý đơn hàng người dùng click mục đơn hàng điều hướng, quản lý đơn hàng gồm mục: Danh sách đơn hàng, đơn hàng chưa xử lí, đơn hàng xử lí, đơn hàng hủy Khi người dùng click chọn danh sách đơn hàng điều hướng thị tất đơn hàng (Chưa xử lí, xử lí, hủy) mục danh sách đơn hàng gồm thành phần: id, trạng thái (chưa xử lí, xử lí), thơng tin liên hệ, ghi chú, thuế, tổng đơn hàng, hủy đơn, tác vụ (chi tiết, chỉnh sửa, xóa) 42 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an - Quản lý đơn hàng chưa xử lí Hình 3.40: Giao diện quản lý đơn hàng chưa xử lí Đây giao diện cho phép giúp admin quản lý đơn hàng chưa xử lí gồm: id, trạng thái, thơng tin liên hệ, ghi chú, thuế, tổng đơn hàng, tác vụ (chi tiết, chỉnh sửa, xóa) - Quản lý đơn hàng xử lí Hình 3.41: Giao diện quản lý đơn hàng xử lý Đây giao diện cho phép giúp admin quản lý đơn hàng xử lí gồm: id, trạng thái, thông tin liên hệ, ghi chú, thuế, tổng đơn hàng, tác vụ (chi tiết, chỉnh sửa, xóa) 43 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an - Quản lý đơn hàng hủy Hình 3.42: Giao diện quản lý đơn hàng hủy Đây giao diện cho phép giúp admin quản lý đơn hàng xử lí gồm: id, trạng thái, thông tin liên hệ, ghi chú, thuế, tổng đơn hàng, tác vụ (chi tiết, chỉnh sửa, xóa) h Quản lý thống kê tốn Hình 3.43: Quản lý thống kê toán Đây giao diện quản lý thống kê tốn người dùng click mục thống kê điều hướng, Quản lý thống kê toán gồm: id đơn hàng, tên khách hàng, ngày, chi tiết, tổng tiền, tổng tiền tất cả, page trang 44 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an i Quản lý kho - Quản lý danh sách sản phẩm hết Hình 3.44: Giao diện Quản lý sản phẩm hết Đây giao diện Quản lý sản phẩm hết gồm: số lượng sản phẩm, id, tên sản phẩm, danh mục, hình ảnh, mơ tả (chế độ bảo hành, trạng thái, giảm giá, khuyến mãi), tình trạng (Giá bán, số lượng ban đầu, bán, sản phẩm còn), page trang - Quản lý danh sách sản phẩm bán chạy Hình 3.45: Giao diện quản lý sản phẩm bán chạy Đây giao diện quản lý sản phẩm bán chạy gồm: số lượng sản phẩm, id, tên sản phẩm, danh mục, hình ảnh, mơ tả (chế độ bảo hành, trạng thái, giảm giá, khuyến mãi), tình trạng (Giá bán, số lượng ban đầu, bán, sản phẩm còn), page trang - Quản lý danh sách sản phẩm xem nhiều 45 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an Hình 3.46: Giao diện quản lý nhiều lượt xem Đây giao diện quản lý sản phẩm bán chạy gồm: số lượng sản phẩm, id, tên sản phẩm, danh mục, hình ảnh, mơ tả (chế độ bảo hành, trạng thái, giảm giá, khuyến mãi, lượt xem), tình trạng (Giá bán, số lượng ban đầu, bán, sản phẩm còn), page trang 46 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an CHƯƠNG 4: KẾT LUẬN 4.1 KẾT QUẢ ĐẠT ĐƯỢC Đề tài “Xây dựng website bán hàng thời trang” thật thực cần thiết thực tế ngày Với tốc độ với phát triển internet việc xây website khơng có q khó để đáp ứng yêu cầu khách hàng thật dễ Mặc dù cố gắng, tìm hiểu kiến thức học áp dụng công nghệ nên đồ án hoàn thành mức độ sau a Đối với người sử dụng, chương trình đưa - Các cách tìm kiếm, tra cứu theo từ chủ đề mục khác Kết hợp nhiều chủ đề theo ý khách hàng - Xem chi tiết thông tin sản phẩm thương mại trước mua sản phẩm - Kiểm tra tính hợp lệ khách hàng đăng nhập vào trang web - Cho phép khách hàng thực mua sản phẩm đăng nhập - Tạo đơn hàng - Cho phép khách hàng xem chi tiết đơn hàng hủy đơn hàng - Yêu cầu xuất hóa đơn - khách hàng bình luận sản phẩm b Đối với người quản trị, chương trình đưa - Xem thông tin đề mục cần quản lý như: Khách hàng, đơn đặt hàng, sản phẩm, … - Đưa form để nhập thêm mục, sửa đổi cập nhập liệu - Trong việc thêm sản phẩm chương trình tự động sinh mã sản phẩm, điều tiện lợi cho người quản trị liệu đồng - Xem thống kê mục - Các chức thực qua giao diện trang web 4.2 HẠN CHẾ - Cách thiết kế giao diện, màu sắc trang web chưa chuyên nghiệp, website chưa responsive - Khách hàng chưa thể phản hồi vào phần bình luận - Vẫn chưa cập nhập giỏ hàng mua sản phẩm - Khách hàng toán trực tuyến chưa - Khách hàng chưa thể gửi câu hỏi ý kiến tới admin 4.3 HƯỚNG PHÁT TRIỂN - Sử dụng Framework để thiết kế giao diện để trang web chuyên nghiệp giao diện đẹp mắt thân thiện với người dùng Áp dụng responsive lên giao diện website để website tương thích hiển thị thiết bị - Hoàn thiện chức giúp khách hàng: phản hồi vào phần bình luận, cập nhập giỏ hàng mua sản phẩm, toán trực tuyến, gửi câu hỏi ý kiến tới admin 47 Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn C.33.44.55.54.78.65.5.43.22.2.4 22.Tai lieu Luan 66.55.77.99 van Luan an.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.C.33.44.55.54.78.655.43.22.2.4.55.22 Do an.Tai lieu Luan van Luan an Do an.Tai lieu Luan van Luan an Do an Stt.010.Mssv.BKD002ac.email.ninhd 77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77.77.99.44.45.67.22.55.77.C.37.99.44.45.67.22.55.77t@edu.gmail.com.vn.bkc19134.hmu.edu.vn.Stt.010.Mssv.BKD002ac.email.ninhddtt@edu.gmail.com.vn.bkc19134.hmu.edu.vn

Ngày đăng: 21/08/2023, 00:56

w