Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
2.5. Biểu đồ lớp
Hình 18. Biểu đồ lớp
2.6. Thiết kế cơ sở dữ liệu
2.6.1. Xác định các thực thể - Danh mục sản phẩm - Ảnh - Size - Hàng - Đơn giao vận - Hóa đơn bán - Nhân viên - Tài khoản 1. Xác định quan hệ giữa các thực thể
Hóa đơn bán Có Đơn giao vận
Nhân viên Tạo Đơn giao vận
Nhân viên Tạo Hóa đơn Bán
Nhân viên Dùng Tài khoản
Khóa luận tốt nghiệp Xây dựng và phát triên website thương mại điện tử tại cửa hàng thời trang Bích Lụa
Hình 19. Bảng quan hệ giữa các thực thể
2.6.2. Xác định thuộc tính của các thực thể
- DANH MỤC SẢN PHẨM (Mã danh mục, Tên danh mục) - ẢNH (Mã ảnh, Loại ảnh, Đường dẫn ảnh)
- SIZE (Mã size, Cỡ size)
- HÀNG (Mã hàng, Tên hàng, Giá, Mô tả, Trạng thái, Màu)
- ĐƠN GIAO VẬN (Mã đơn giao vận, Ngày giao, Địa chỉ, Tình trạng)
- HĨA ĐƠN BÁN (Mã hóa đơn bán, Tình trạng, Ngày lập, Địa chỉ, Tên khách, Giảm giá, SĐT, Email, Ghi chú)
- NHÂN VIÊN (Mã NV, Tên, SĐT, Email, Địa chỉ, Ngày sinh, Chức vụ, Tình trạng)
-TÀI KHOẢN (Username, Password)
Tên ca sử dụng Gợi ý sản phẩm___________________________________
_______Tác nhân_______Khách hàng______________________________________
Điều kiện đầu vào Khách hàng lựa chọn vào trang chi tiết sản phẩm_________
Các luồng sự kiện Các luồng sự kiện chính:
- Khách hàng vào trang chi tiết sản phẩm
Ket quả trả về Sản phẩm được gợi ý trong trang chi tiết sản phẩm________
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
2.7. Thiết kế mơ hình đề xuất sản phẩm 2.7.1. Bài toán đề xuất
Bài toán đề xuất được đưa ra sẽ cần giải quyết các yếu tố sau: - Đề xuất theo màu của hàng
- Đề xuất theo size của hàng
- Đề xuất theo khoảng giá của hàng - Đề xuất theo hàng bán chạy - Đề xuất theo hàng mới
Đối với một hệ thống xây dựng dựa trên PHP và MySQL thì các đề xuất này cần phải xoay quanh chính dữ liệu của cửa hàng và các thông tin phản hồi đến từ người tiêu dùng. Các cách tiếp cận với hệ thống đề xuất ở đây có thể là:
- Trong quá trình người mua chọn vào chi tiết hàng muốn mua, cần hiện các sản phẩm đề xuất có màu tương tự.
- Trong quá trình người mua chọn size muốn mua thì cần hiển thị đề xuất các mặt hàng có size tương đồng với mặt hàng trên.
- Hiển thị đề xuất dựa trên số lượng hàng bán chạy dựa trên số hóa đơn và số lượng
người mua từng mua trong quá khứ
- Hiển thị đề xuất các hàng mới ra và có thể sẽ trở thành xu hướng trong tương lai - Từ rating của người mua đối với mặt hàng để hiển thị các mặt hàng.
2.7.2. Biểu đồ ca sử dụng quy trình gợi ý sản phẩm
Hình 21. Biểu đồ ca sử dụng quy trình gợi ý sản phẩm
Khóa luận tốt nghiệp Xây dựng và phát triên website thương mại điện tử tại cửa hàng thời trang Bích Lụa
Khóa luận tốt nghiệp Xây dựng và phát triên website thương mại điện tử tại cửa hàng thời trang Bích Lụa
CHƯƠNG 3: XÂY DỰNG, TRIỂN KHAI VÀ ĐÁNH GIÁ
3.1. Xây dựng CSDL
3.1.1. Xây dựng CSDL mức logic3.1.1.1. Liên kết các bảng 3.1.1.1. Liên kết các bảng
- DANH MỤC SẢN PHẨM (Mã danh mục, Tên danh mục) - ẢNH (Mã ảnh, Loại ảnh, Đường dẫn ảnh, Mã hàng) - SIZE (Mã size, Cỡ size)
- HÀNG (Mã hàng, Tên hàng, Giá, Mô tả, Trạng thái, Màu, Mã danh mục)
- ĐƠN GIAO VẬN (Mã đơn giao vận, Ngày giao, Địa chỉ, Tình trạng, Mã hóa đơn bán, Mã nhân viên)
- HÓA ĐƠN BÁN (Mã hóa đơn bán, Tình trạng, Ngày lập, Địa chỉ, Tên khách, Giảm giá, SĐT, Email, Ghi chú, Mã nhân viên)
- NHÂN VIÊN (Mã NV, Tên, SĐT, Email, Địa chỉ, Ngày sinh, Chức vụ, Tình Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa
hàng thời trang Bích Lụa
Hình 24. Biểu đồ tuần tự quy trình gợi ý sản phẩm theo màu sắc, size và khoảng giá
Khóa luận tốt nghiệp Xây dựng và phát triên website thương mại điện tử tại cửa hàng thời trang Bích Lụa
- Chun quan hệ HĨA ĐƠN BÁN - gồm - HÀNG
- CHI TIẾT HĨA ĐƠN BÁN (Mã hóa đơn bán, Mã hàng, Mã size, số lượng, giá)
# Name Type Collation Attributes Null Default Comments Extra Action
1 ma_nhan_vien P int<30) N
o None AUTOJNCREMENT ⅛? Change ©Drop ▼
More
2 ten_nhan_vien varchar(50) Utf8_unicod e_
_ c i
N
o None 6z Change -⅛3 Drop M
ore
3 Sdt varchar(15) utf8_unicode_ _c
i
N
o None ti7 Change *⅛i Drop ■VMore
4 email varchar(50) utf8unicode ci o N None 0z, Change >⅛J Drop rMore7
5 dia~chi varchar(50) utf8_unicode _
_ c i
N
o None 6? Change ⅛⅛ Drop V
More
6 ngay_sinh datetime o N None ⅛z Change Drop VMore
7 chuc_vu varchar(50) utf8_unicode _
_ c i
N
o None ^z Change Drop V
More
8 CreatedJime datetime N
o
CURRENT-TIMESTAMP 6z Change -⅛3 Drop M
ore
9 trangjhai varchar(50) utf8_unicode_ _c i
N
o còn làm việc ti7 Change *⅛i Drop ■VMore
1
0 created_by ) varchar(300 utf8unicode c
i es Y NULL 0z Change >⅛J Drop rMoreτr
1
1 m OdifiedJi me datetime es Y NULL a? Change Drop —More
1 2 modified-by varchar(300 ) utf8_unicode _ C
i es Y NULL ⅛z Change Drop V
More
1
3 m OdifiedJog OO)Varchar(IO utf8_unicode_ _c es Y NULL ^z Change Drop VMore
# Name
Type Collation Attributes
Null Default Comments Extra Action
□ 1 username utf8_unicode_ciVarchar(IOO) o N None 4/ Change Q Drop V More
□ 2 password ci varchar(100) UtfS unicode o N None ip Change φ Drop ■>? More
□ 3 manhan Vien int(30) o N None Change Q Drop V More
□ 1 ma_dm 7 int(30) o N None AUTO-INCREMENT Change φ Drop 1 FMor
e □ 2 ten_dm varchar(50) utf8_unicode_ci N
o None ⅛z Change ⅛f> Drop F
Mor e □ 3 trang_thai varchar(20) utf8_unicode_ci N
o đang bán l⅛z Change @ Drop 1 FMor
e
□ 4 CreatedJime datetime N
o CURRENT-TIMESTAMP l⅛z Change <⅛ Drop 1 FMor e
□ 5 created_by Varchar(IOO) Utf8_vietnamese_ci Y
es NULL i⅛z Change @ Drop F
Mor e
□ 0 modifiedjime datetime Y
es NULL l⅛z Change <⅛ Drop 1 F
Mor e
O 7 modified-by Varchar(IOO) utf8_unicode_ci Y
es NULL i⅛z Change @ Drop F
Mor e □ 8 ITiodifiedJog varchar(300) utf8_unicode_ci Y
es NULL l⅛z Change <⅛ Drop 1 F
Mor
# Name Type Collation Attributes Null Default Comments Extra Action □1
ma_anh P int(30) o N None AUTOJNCREME
NT ^Change
~ More
□2
IoaLanh varchar(20) utf8_unicode_ci o N None 0/ Change ⅛⅞ Drop -7More
□3
ten_anh varchar(500) utf8_unicode_ci o N None ⅛z Change '⅛s Drop oreM
□4
majιang varchar(30) utf8_uriicode_ci o N None Change Drop "F More
□5 created-time datetime N
o CURRENT—TIMESTAMP J⅛? Change Drop
V
More
□6
CreatedJjy varchar(300) utf8_unicode_ci es Y NULL ⅛z Change Drop rMore7 □7
modified-time datetime es Y NULL ⅛z Change '⅛s Drop r7
More
□8 modified-by varchar(300) UtfSunicodeci Y
es NULL ⅛? Change ⅛l Drop 77
More
□9
modified-log Varchar(IOOO) utf8_unicode_ci es Y NULL ⅛? Change Drop V
More
# Name Type Collation Attributes Null Default Comments Extra Action □1 ma_hang ⅛ varchar(30) utf8_unicode
_
. c i
N
o None Change @ Drop 1 F
More □2 te∏-hang Varchar(IOO) UtfSunicode ci o N None ⅛z Change '⅛ Drop FMore
□3 gia float o N None 0z Change Drop 1 FMore
□4 mθ-ta ) varchar(3000 utf8_unicode_ -C
i
N
o None ⅛? Change <⅛ Drop 1 FMore
□5 ma_danh_mu
c int(30)
N
o None Change @ Drop F
More
□6 trang_thai Varchar(IOO) utf8_unicode_ _c
i
N
o đang bán 0/ Change Drop 1 FMore
□7 mau varchar(15) LitfSunicode ci o N None ⅛/ Change ⅛⅛ Drop FMore
□8 created-time datetime o N CURRENT-
TIMESTAMP ⅛z Change @ Drop 1
F More □9 created-by varchar(100) utf8_unicode
_
- C i
Y
es NULL l⅛∕ Change @ Drop 1 F
More □1
0 modified-time datetime es Y NULL Change Drop , F
More
□1
1 modified-by Varchar(IOO) utf8_unicode_ _c
i
Y
es NULL ijj Change Drop , F
More □1
2 modified-log varchar(300) UtfSunicode ci es Y NULL ⅛z Change '⅛ Drop FMore
□1
3 Iike-COLint int(11) o N 0 0z Change Drop 1 FMore
Hình 25. Bảng Nhân viên
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
Hình 26. Bảng Tài khoản
# Name Type Collation Attributes Null Default Comments Extra Action
Hình 27. Bảng Danh mục sản phẩm
# Name Type Collation Attributes Null
Default Comments Extra Action
□1 ma_size int(3□) N
o None AUTOJNCREMENT /Change φDrop V M
or e
□2 CO-Size varchar(10} Utf8_unicode_ci N
o None ^Change ⅛Drop M
or e □3 CreatedJime datetime N o CURRENTTIMESTAM P $ Change @ Drop V M or e □4 created_by Varchar(IOO
) UtfSunicodeci es Y NULL ^Change ⅛⅛Drop V Mor
e
□5 modified Ji
me datetime
Y
es NULL $ Change @ Drop V Mor
e
□6 modified-by Varchar(IOO
) Utf8_unicode_ci
Y
es NULL Change Drop V Mor
e
□7
modifiedjog Varchar(IOOO) utf8_unicode_d
Y
es NULL $ Change ỹ Drop
V M or
□ 1 ma.size P int(30) No None / Change Drop ▼ More
□ 2 majιang --jlp varchar(30) UtiS unicode d N o
None t/ Change Drop V More
□ 3 SO-Iuong int(30) No 0 /Change Drop T More
□ 1 ma_hoa_don varchar(100) ut
fδ _unicode_ci
N
o None ⅛? Change @ Drop ' F
More □ 2 t FangJhai varchar(100) ut f8 Unico de -Ci N o chờ xác nhận s⅛z Change (⅛) Drop ' F More □ 3 CreatedJime datetime N
o CURRENT-TIMESTAMP Change @ Drop ’ F
More
□ 4 dia-chi varchar(300) I∣ tf8 -
- Unico de.
-Ci o N None ⅛z Change i⅛J Drop ’ FMore
□ 5 ten-khach varchar(300) ut fδ
- Unico de.
-Ci o N None Change φ Drop , F
More
□ 6 giam_gia int(30) N
o None ⅛? Change ⅛J Drop ' F
More □ 7 sdt varchar(30) ut f8 Unico de -Ci N
o None Change >⅛) Drop ' F
More
□ 8 email varchar(30) LItfS
-
- Unico de.
-Ci o N None ⅛z Change ® Drop ’ FMore
□ 9 ghi~chu varchar(300) Utf8
-
- Unico de.
-Ci o N None sjrz Change @ Drop 1 F
More
□ 1
0 ma_nhan_vien íẳ i int(30) N
o None ⅛/ Change φ Drop ' F
More □ 1 1 CreatedJty varchar(300) ut f8 Unico de -Ci Y
es NULL Change Drop ' F
More
□ 1
2 modified Jime datetime es Y NULL ¢/ Change ® Drop ’ FMore
□ 1 3 modified-by varchar(300) UtfS - - Unico de.
-Ci es Y NULL ⅛z Change @ Drop ’ FMore
□ 1
4 modifiedjog Varchar(IOOO) utf8_ -Unico de.
-Ci es Y NULL si∕ Change φ Drop 1 F
More
# Name Type Collation Attributes
Null Default Comments Extra Action
□ 1 ma_hoa_don UtfBunicoded o N None /Change φ Drop ▼ More □ 2 ma-hang 30}varchar( UtfBunicodeci o N None ip Change Drop ▼ More
□ 3 ma-size int(30) o N None ip Change φ Drop ▼ More
□ 4 SO-Iuong int(30) o N None ip Change Ộ Drop ▼ More
□ 5 gia double o N None P? Change φ Drop ▼ More
Hình 29. Bảng Hàng
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
Hình 30. Bảng Size
# Name Type Collation Attributes Null Default Comments Extra Action
Hình 31. Bảng size-sản phẩm
# Name Type Collation Attributes Null Default Comments Extra Action
# Name Type Collation Attributes Null Default Comments Extra Action
□1 ma_don_giao_van gP varchar(30) Utf8mb4_unicode_ci o N None Change Drop ▼
More
□2 ngay_giao_van datetime o N None 6J Change @ Drop ZZ
More
H3 dia_chi_giao varchar(30) Utf8mb4_unicode_ci N
o None ^Change Drop V
More
□4 tinhtranggiao varchar(30) Utf8mb4_unicode_ci o N chưa giao 6/ Change ∣⅛) Drop `v'More
□5 ma_don_hang varchar(30) Utf8mb4_unicode_ci o N None tJ, Change Drop ZZMore
□6 ma_nhan_vien int(30) o N None Change @ Drop VMore
□7 Createdtime datetime o N CURRENTTIMESTAMP Drop Change <⅛⅛> `v'More
□8 created_by ) varchar(300 utfBmb4_unicode_ci es Y NULL tJ, Change Drop ZZMore
a 9 modifìed_time datetime Y
es NULL Change Drop ▼
More □1 0 ITiodifledby varchar(300 ) UtfBm b4_unicode_ci Y
es NULL iJ, Change Drop ~
More
a 1
1 mod IfiedJog OO)Varchar(IO Utf8mb4_unicode_ci es Y NULL tJ, Change Drop ZZMore
Hình 33. Bảng Chi tiết đơn hàng
Khóa luận tơt nghiệp Xây dựng và phát triên website thương mại điện tử tại cửa hàng thời trang Bích Lụa
Hình 34. Đơn giao vận
3.1. Xây dựng giao diện 3.2.1. Sitemap
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
3.2.2. Xây dựng trang bán hàng
- Giao diện trang chủ
Đây là trang sẽ xuất hiện mặc định mỗi khi khách hàng truy cập vào website. Ở trên cùng là thanh navigation đã được cố định, bao gồm các thành phần như tên cửa hàng, tên các mục sản phẩm, giỏ hàng và khung tìm kiếm dựa trên từ khóa. Ở dưới là phần nội dung của trang chủ bao gồm danh sách thời trang mới nhất và danh sách thời trang bán chạy được tự động cập nhật theo cơ sở dữ liệu trên server.
Hình 36. Giao diện trang chủ
- Giao diện trang mua hàng
Trang mua hàng bao gồm hai bộ phận đó là bộ lọc tìm kiếm ở bên trái và phần hiển thị nội dung sản phẩm ở bên phải. Phần nội dung sản phẩm được hiển thị dựa trên danh mục mà người dùng đã lựa chọn ở trên thanh navigation. Mỗi một trang sẽ hiển thị 8 sản phẩm. Ở bên trái là thanh bộ lọc tìm kiếm. Các tiêu chí được sử dụng để lọc đó là dựa trên size, màu và khoảng giá.
Có hàng trong giỏ hàng.
QUẦN LỬNG BÒ MS 24B7134
Đen -
⅜h Size S/ 1 X 950.000 VNĐ
n □
GIÀY TÂY ĐEN G104 đen -Size 32/1
X 695.000 VNĐ
□
Tổng tiền: 1.645.000 VNĐ Thanh Tốn
n QUẢN LỬNG BỊ MS 24B7134 Màu Đen - Size S 950.000 VNĐ 950.000
VNĐ □
⅛
,
GIÀY TÂY ĐEN G104 Màu đen - Size 32 695.000 VNĐ VNĐ 695.000
□
Thịng tin liên hệ giao hàng Thơng tin giao hàng
Tên khách hãng Địa chì giao háng
Email Khơng bat buộc
Số điện thoại
Ghi chú Khơng bắt buộc
/í
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
Hình 37. Giao diện trang mua hàng
- Giao diện giỏ hàng
Giỏ hàng sẽ hiện lên khi khách hàng trỏ chuột vào biểu tượng giỏ hàng. Thông tin giỏ hàng bao gồm các mặt hàng mà khách hàng đã chọn cùng thông tin của chúng như số lượng và giá cả. Neu khách hàng muốn thanh tốn thì nhấn vào button “Thanh tốn” ở dưới cùng của giỏ hàng.
Khóa luận tốt nghiệp Xây dựng và phát triên website thương mại điện tử tại cửa hàng thời trang Bích Lụa
Hình 38. Giỏ hàng
- Giao diện trang thanh toán
Trang thanh tốn hiên thị các thơng tin về sản phẩm mà khách hàng đang chọn, đồng thời yêu cầu khách hàng điền đầy đủ các thông tin về tên tuổi, địa chỉ và số điện thoại trước khi đặt hàng. Neu một trong các thông tin chưa được điền đầy đủ hệ thống sẽ hiện thông báo đê khách hàng sửa lại. Khi khách hàng đặt hàng xong sẽ có thơng báo đặt hàng thành cơng hiện lên và các sản phẩm trong giỏ hàng sẽ được xóa.
Thanh tốn
Giỏ hàng của bạn
. . . „ . . ..X
Tên hàng Phân loại Đơn giá , Thành tiên
■ lượng
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
- Footer
Footer sẽ hiển thị tên cửa hàng, các trang đường dẫn, và một form để khách hàng có thể nhận email thơng báo khi có khuyến mại.
Bich Lua Thai trang Viet
Trợ giúp vã tư vãn
• Liên hệ
• Cách chọn size quền
ão
• Câu hỏi 1hu⅛ng gặp
• Chính sách giao
Đăng ký nhận email khuyến mại
Email của bạn
Đăng ký
Copyright © Thiết kẽ và phát triển bởl Cao Thành Luân.
Hình 40. Footer
3.2.3. Xây dựng trang quản trị
- Trang đăng nhập
Đây là trang mặc định xuất hiện khi người quản trị muốn truy cập vào trang quản trị. Người dùng sẽ nhập tài khoản và mật khẩu của mình sau đó tích vào ơ Login. Nếu thơng tin đăng nhập đúng, hệ thống sẽ tự động di chuyển đến trang quản trị, nếu thông tin sai, 2 textbox Username và Password sẽ được xóa trắng để người dùng nhập lại.
Hình 28: Trang đăng nhập
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
Hình 41. Giao diện trang chủ
- Trang quản lý sản phẩm:
Trang quản lý sản phẩm sẽ hiển thị các danh sách hàng hóa đang được bán trên web bán hàng theo dạng cột. Người dùng có thể thực hiện các thao tác thêm, sửa, ẩn và xem chi tiết sản phẩm thông qua các button trên mỗi hàng sản phẩm. Người dùng có thể tùy chọn các mặt hàng đang kinh doanh hay đã ngừng kinh doanh thông qua 2 button “Đang kinh doanh” và “Đã ẩn”. Khung search giúp cho người dùng có thể tìm kiếm sản phẩm nhanh hơn(có thể tìm kiếm theo tên hoặc mã sản phẩm).
- Trang thêm mới sản phẩm
Khi thêm mới sản phẩm người dùng cần phải điền đầy đủ các thông tin tên hàng,
giá, đồng thời phải chọn danh mục hàng và phân loại hàng(size, màu, số lượng). Neu không điền đầy đủ sẽ hiện thông báo lỗi. Người quản trị cũng có thể up nhiều ảnh cho 1