Môn học phát tri n mã ngu n m ể ồ ở xây d ng website ự thương mại điện tử, điện máy

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC PHÁT TRIỂN MÃ NGUỒN MỞ XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ, ĐIỆN MÁY GVHD: TH.S NGUYỄN HỮU VĨNH SVTH: LÊ TRUNG LONG MSSV: 1724801030072 LỚP: D17PM02 Bình Dương – 12/2020 i 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC PHÁT TRIỂN MÃ NGUỒN MỞ XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ, ĐIỆN MÁY GVHD: TH.S NGUYỄN HỮU VĨNH SVTH: LÊ TRUNG LONG MSSV: 1724801030072 LỚP: D17PM02 Bình Dương – 12/2020 ii 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ, ĐIỆN MÁY Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) ThS Nguyễn Hữu Vĩnh 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may MỤC LỤC I Giới thiệu Khách hàng II Kiến trúc hệ thống III Sơ đồ Use Case Danh sách use case Use case hệ thống .10 Biểu đồ Use Case trang giỏ hàng 11 Biểu đồ quản lý đơn hàng 11 Use case quản lí sản phẩm 11 Use case quản lý danh mục 12 Đặc tả Use Case .13 7.1 Đăng nhập 13 7.2 Đặc tả Use Case quản lí giỏ hàng .13 7.3 Đặc tả Use Case quản lí sản phẩm .15 7.4 Đặc tả Use Case xác nhận đơn hàng 17 7.5 Đặc tả Use Case toán: 18 7.6 Đặc tả Use Case xem lịch sử đơn hàng .19 Phân quyền 19 IV Class Diagram .21 V Biểu đồ chức hệ thống .22 Đăng nhập 22 Biểu đồ quản lí giỏ hàng 23 2.1 Xem giỏ hàng 23 2.2 Xóa giỏ hàng .24 Biểu đồ quản lí sản phẩm 3.1 Xem sản phẩm .25 3.2 Cập nhật sản phẩm 26 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may 3.3 Thêm sản phẩm 27 VI Thiết Kế sở liệu 27 Sơ đồ quan hệ 27 Lược đồ hệ thống 28 2.1 Bảng NguoiDung 28 2.2 Bảng kiểu người dùng 29 2.3 Bảng SanPham 29 2.4 Bảng DanhMucSanPham 30 2.5 Bảng GioHang 31 2.6 Bảng DonHang 31 2.7 Bảng ChiTietDonHang 32 2.8 Bảng ThongKeTruyCap 32 2.9 Bảng TinhTrangDonHang 33 2.10 Bảng HinhSanPham .33 VII Thiết kế giao diện 33 Giao diện trang chủ 33 Giao diện trang đăng nhập 34 Giao diện trang đăng ký .35 Giao diện trang sản phẩm 36 Giao diện trang đơn hàng 36 Giao diện trang giỏ hàng 36 Giao diện đăng nhập trang quản trị 37 Giao diện trang sản phẩm trang quản trị 38 Giao diện trang thêm sản phẩm trang quản trị 38 10 Giao diện trang sửa sản phẩm trang quản trị 39 11 Giao diện trang danh mục 40 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may DANH SÁCH HÌNH ẢNH Hình 2: Use case hệ thống Hình 3: Use case Giỏ hàng Hình 4: Use case quản lí đơn hàng Hình 5: Use case Quản lí sản phẩm Hình 6: Use Case Quản lí danh mục Hình 7: Class Diagram Hình 8: Sơ đồ đăng nhập Hình 9: Sơ đồ trang xem giỏ hàng Hình 10: Biểu đồ trang xóa giỏ hàng Hình 11: Biểu đồ trang xem sản phẩm Hình 12: Biểu đồ trang cập nhật sản phẩm Hình 13: Sơ đồ trang thêm sản phẩm Hình 14: Sơ đồ quan hệ Hình 15: Giao diện trang chủ Hình 16: Giao dện trang đăng nhập Hình 17: Giao diện trang đăng kí Hình 18: Giao diện trang sản phẩm Hình 19 : Giao diện trang đơn hàng Hình 20: Giao diện trang giỏ hàng Hình 21: Giao diện trang quản trị Hình 22: Giao diện trang sản phẩm trang quản trị Hình 23: Giao diện trang thêm sản phẩm Hình 24: Giao diện trang sửa sản phẩm Hình 25: Giao diện trang danh mục Hình 26: Giao diện sửa danh mục 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may 10 11 11 12 12 21 22 23 24 25 26 27 28 34 35 35 36 36 37 38 38 39 40 41 41 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may DANH MỤC BẢNG Bảng 1:Mô tả Use Case 10 Bảng 2: Phân quyền hệ thống 20 Bảng 3: Bảng Người Dùng 29 Bảng 4: Kiểu người dùng 29 Bảng 5: Bảng sản phẩm 30 Bảng 6: Danh mục sản phẩm 30 Bảng 7: Bảng giỏ hàng .31 Bảng 8: Bảng đơn hàng 32 Bảng 9: Bảng chi tiết đơn hàng 32 Bảng 10: Thống kê truy cập .33 Bảng 11: Tình trạng đơn hàng 33 Bảng 12: Hình sản phẩm 33 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may I Giới thiệu Tiêu đề trang web Long Center – Luxury and Technology Tóm tắt đồ án Long Center Đồ án nhằm tạo website thương mại điện tử, điện máy để bán thiết bị điện tử Là trang web tìm kiếm sản phẩm muốn mua theo nhu cầu s thích cuả khách hàng lọc danh sách sản phẩm theo danh mục ngồi website cịn có tính xem chi tiết sản phẩm để khách hàng dễ dàng biết thơng tin hàng muốn mua, Nhưng để đặt hàng khách hàng phải tạo tài khoản gồm thông tin cá nhân khách hàng để đặt hàng chọn vào giỏ hàng để kiểm tra sản phẩm chọn trước xuất đơn hàng, hình thức tốn tiền mặt hay qua thẻ tín dụng, sau đặt hàng khách hàng khách hàng nhận thông tin xác nhận đơn hàng qua email Người quản trị có quyền quản lí thơng tin sản phẩm chỉnh sửa sản phầm hay thêm sản phẩm hay sản phẩm cửa hàng khuyến Chức dự án Đối với thành viên đăng kí ( người dùng khách hàng, ngườ i quản trị) Mỗi loại người dùng s ẽ có tính riêng có quyền hạn khác người quản trị làm chức mà người dùng khơng thể Khách hàng + Đăng ký tài khoản + Đăng nhập vào website + Xem danh mục sản phẩm + Xem danh sách sản phẩm + Xem chi tiết sản phẩm + Chọn sản phẩm để thêm vào giỏ hàng + Chọn sản phẩm để xóa khỏi giỏ hàng + Thanh tốn ( từ giỏ hành chuyển thành hóa đơn) + Hiển thị đơn hàng 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Người quản trị + Đăng nhập vào trang quản trị website + Thêm sản phẩm theo danh mục + Sửa sản phẩm + Cập nhật thơng tin s ản phẩm + Xóa sản phẩm II Kiến trúc hệ thống Xây dựng website ngơn ngữ lập trình mã nguồn mở PHP ( Hypertext Preprocessor ) Thường viết tắt thành PHP ngơn ngữ lập trình ngơn ngữ kịch đặc biệt phù hợp để lập trình web Ban đầu tạo lập trình viên người Canada gốc Đan Mạch Rasmus Lerdorf năm 1994 The PHP reference implementation is now produced by The PHP Group III Sơ đồ Use Case Danh sách use case STT Usecase Mô tả Actor Đăng ký Tạo tài khoản Khách hàng Đăng nhập Đăng nhập vào hệ thống Khách hàng, Admin Xem sản phẩm Xem chi tiết sản Khách hàng, phẩm Admin Tìm sản phẩm Tìm kiếm sản phẩm Khách hàng, Admin Đặt hàng Đặt hàng Khách hàng Thanh Toán Thanh toán Khách hàng tiền mặt nhận hàng Đổi mật Đổi mật 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Khách hàng Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Xem lịch sử đơn Xem chi tiết lịch Khách hàng hàng,Admin sử đơn hàng Manage Product + Create Admin + Edit + Delete + Search 10 Manage Order + View Details + Chuyển hàng Bảng 1:Mô tả Use Case Use case hệ thống Hình 1: Use case hệ thống 10 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Admin Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may TenDangNhap Nvarchar 50 Lưu trữ tên đăng nhập khách hàng MatKhau Nvarchar 50 Lưu trữ mật KH DiaChi Nvarchar 50 Lưu trữ địa KH SoDienThoai Nvarchar 50 Lưu trữ số điện thoại SoFax Nvarchar 50 Lưu trữ số mã điện thư khách hàng Email Nvarchar 50 Lưu trữ Email người dùng 10 MaDienThoai Nvarchar Lưu trữ mã điện thoại 50 Bảng 3: Bảng Người Dùng 2.2 Bảng kiểu người dùng Field name Type idKieuNguoiDu Int Max length Lưu trự mã loại ng Description Khách hàng TenKieuNguoi Nvarchar 50 Dung Lưu trữ tên kiểu người dùng Bảng 4: Kiểu người dùng 2.3 Bảng SanPham 29 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Field name Type Max length Description IdSanPham Int Lưu trự mã sản phẩm IdDanhMucSan Int Lưu trữ mã danh mục sản phẩm Pham IdHinhSanPha Lưu trữ mã hình sản Int m phẩm TenSanPham Nvarchar 50 Lưu trữ tên sản phẩm MoTaSanPham Nvarchar 50 Lưu trữ chi tiết sản phẩm GiaSanPham Lưu giá sản phẩm Int Bảng 5: Bảng sản phẩm 2.4 Bảng DanhMucSanPham Field name Type IdDanhMucSan Int Max length Description Lưu trự mã danh mục Pham TenDanhMucSa Nvarchar 50 Lưu trữ tên danh mục sản phẩm nPham Bảng 6: Danh mục sản phẩm 30 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may 2.5 Bảng GioHang Field name Type Max length IdGioHang Int CartGuid Nvarchar Description Lưu trự mã giỏ hàng 50 Lưu trữ hướng dẫn giỏ hàng IdSanPham Int Lưu trữ mã sản phẩm SoLuong Int Lưu trữ số lượng giỏ hàng Lưu trữ ngày tạo giỏ NgayTaoGioHa Smalldate ng hàng Bảng 7: Bảng giỏ hàng 2.6 Bảng DonHang Field name Type Max length Description IdDonHang Int Lưu trự mã đơn hàng idNguoiDung Int Lưu trữ mã người dùng IdTinhTrangdo Lưu mã tình trạng đơn Int nhang idGiaodich hàng Lưu mã giao dịch Int 31 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Lưu trữ ngày tạo đơn NgayTaoDonH Smalldate ang hàng Lưu ngày xử lý đơn NgayXuLiDon Smalldate Hang hàng TrackingNumbe Nvarchar 50 Lưu số để theo dõi đơn r hàng Bảng 8: Bảng đơn hàng 2.7 Bảng ChiTietDonHang Field name Type Max length Description IdSanPham Int Lưu trự mã sản phẩm IdChiTietDonH Int Lưu chi tiết đơn hàng Int Lưu mã đơn hàng ang IdDonHang Lưu trữ ngày tạo giỏ NgayTaoGioHa Smalldate hàng ng Bảng 9: Bảng chi tiết đơn hàng 2.8 Bảng ThongKeTruyCap Field name Type Max length 32 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Description Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may TongSoTruyCa Lưu số lượng truy cập Int p trang web Bảng 10: Thống kê truy cập 2.9 Bảng TinhTrangDonHang Field name Type IdTinhTrangDo Int Max length Description Lưu trữ mã tình trạng đơn hàng nHang TenTinhTrangD Nvarchar Lưu trữ tên tình 50 trạng đơn hàng onHang Bảng 11: Tình trạng đơn hàng 2.10 Bảng HinhSanPham Field name Type Max length Description IdHinhSanPha Int Lưu mã hình sản phẩm Image Lưu hình sản phẩm m DuLieuHinhSan Pham Bảng 12: Hình sản phẩm VII Thiết kế giao diện Giao diện trang chủ 33 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Hình 14: Giao diện trang chủ Giao diện trang đăng nhập 34 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Hình 15: Giao dện trang đăng nhập Giao diện trang đăng ký Hình 16: Giao diện trang đăng kí 35 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Giao diện trang sản phẩm Hình 17: Giao diện trang sản phẩm Giao diện trang đơn hàng Hình 18 : Giao diện trang đơn hàng Giao diện trang giỏ hàng 36 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Hình 19: Giao diện trang giỏ hàng Giao diện đăng nhập trang quản trị 37 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Hình 20: Giao diện trang quản trị Giao diện trang sản phẩm trang quản trị Hình 21: Giao diện trang sản phẩm trang quản trị Giao diện trang thêm sản phẩm trang quản trị 38 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Hình 22: Giao diện trang thêm sản phẩm 10 Giao diện trang sửa sản phẩm trang quản trị 39 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Hình 23: Giao diện trang sửa sản phẩm 11 Giao diện trang danh mục 40 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Hình 24: Giao diện trang danh mục Hình 25: Giao diện sửa danh mục 41 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may KẾT LUẬN Kết đạt Hoàn thành xong Website thương mại điện tử, điện máy Có kinh nghiệm PHP thưc xong project Nắm luồng kiện cấu trúc PHP Hướng phát triển đề tài Mở rộng thêm chức đánh giá sản phẩm bình luận trang web Mở rộng thêm hình thức tốn khác Visa,master card, Payal, thẻ ATM hay QR code, 42 0 Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may Mon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.mayMon.hoc.phat.tri.n.ma.ngu.n.m.e.o.o.xay.d.ng.website.u.thuong.mai.dien.tu dien.may