báo cáo bài tập nhóm xây dựng website bán hàng mỹ phẩm

Hình ảnh chức năng sửa thông tin tài kho n .... Hình ảnh chức năng tìm kiếm sản ph m .... Hiệ ạn t i, doanh nghi p XYZ ệđang cung cấp một loạt các sản phẩm mỹ phẩm chất lượng cao, nhưng

BÁO CÁO BÀI T P NHÓM Ậ

H ọc ph n : L ầ ập trình Web v i PHP & MySQL ớ

Giảng viên hướ ng dẫn : ThS Tri ệu Thu Hương

Hà N 6/2024 ội

HỌC VIỆN NGÂN HÀNG KHOA CÔNG NGHỆ THÔNG TIN VÀ KINH TẾ SỐ

    

H C VI N NGÂN HÀNG Ọ Ệ

KHOA CÔNG NGH THÔNG TIN VÀ KINH T S Ệ Ế Ố

BÁO CÁO MÔN L P TRÌNH WEB V Ậ ỚI

PHP & MYSQL

Giảng viên hướ ng d ẫ ThS n: Triệu Thu Hương

Thông tin sinh viên thực hiện:

BẢNG PHÂN CÔNG NHIỆM VỤ

20%

3 Nguyễn Lê Anh

Dũng 24A4042431

Code danh mục sản phẩm, chtiết sản phẩm liên hệ, ppt., 20%

4

Trần Tiến Dũng 24A4040416

Giỏ hàng, thanh toán, trangchủ, tổng hợp code, đưa web lên môi trường mạng

NHẬN XÉT CỦA GIÁO VIÊN

LỜI CAM ĐOAN

Chúng tôi xin cam đoan kết quả đạt được trong báo cáo là sản phẩm nghiên cứu, tìm hiểu của riêng chúng tôi Trong toàn bộ nội dung của báo cáo, những điều được trình bày hoặc là của chúng tôi hoặc là được tổng hợp từ nhiều nguồn tài liệu Tất cả tài liệu tham khảo đều có xuất xứ rõ ràng và được trích dẫn hợp pháp

Chúng tôi xin hoàn toàn chịu trách nhiệm và chịu mọi hình thức kỷ luật theo quy định theo lời cam đoan của mình

SINH VIÊN THỰC HIỆN

Ngô Mạnh Thắng Dương Ngọc Cảnh Nguyễn Lê Anh Dũng Trần Tiến Dũng Nguyễn Tiến Minh Đức

Chúng em đã cố gắng hoàn thiện bài báo cáo với tất cả sự nỗ lực và cố gắng của

cả nhóm Tuy nhiên, do còn thiếu nhiều kinh nghiệm, chắc chắn bài báo cáo sẽ không tránh khỏi thiếu sót Vì vậy, chúng em rất mong nhận được sự quan tâm, những ý kiến đóng góp của cô để bài báo cáo của chúng em có thể hoàn thiện hơn

Chúng em xin chân thành cảm ơn!

MỤC LỤC

MỞ ĐẦU 1

CHƯƠNG 1: TỔNG QUAN 2

1.1 Lý do chọn đề tài 2

1.2 Mục tiêu đề tài 3

1.3 Yêu c u cầ ủa hệ thống 4

CHƯƠNG 2: PHÂN TÍCH YÊU CẦU BÀI TOÁN VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU 5

2.1 Phân tích yêu c u bài toán 5ầ 2.1.1 Giới thiệu v Website 5ề 2.1.2 Yêu c u chầ ức năng 5

2.2 Thiết kế cơ sở ữ liệ d u 7

2.2.2 Xây dựng cơ sở ữ liệ d u 8

CHƯƠNG 3: WEBSITE CỦA CỬA HÀNG BÁN MỸ PHẨM 13

3.1 Mô hình MVC 13

3.2 Giao diện người dùng 13

3.2.1 Trang ch 13ủ 3.2.2 C a hàng 16ử 3.2.3 Trang thanh toán 18

3.2.4 Giỏ hàng, thanh toán 22

3.2.5 Liên hệ 24

3.2.6 Trang chủ quản lý sản phẩm 25

3.2.7 Trang quản lý tài khoản 25

3.2.8 Trang quản lý sản phẩm 28

3.2.9 Trang quản lý loại sản phẩm 29

3.2.10 Trang xét duyệt hóa đơn 30

3.2.11 Trang quản lý danh mục sản phầm 32

3.2.12 Trang quản lý banner 33

3.2.13 Trang quản lý khuyến mại 33

3.2.14 Đăng nhập, đăng kí 34

3.3 Đưa website lên mạng 37

3.3.1 Đăng kí tên miền 37

3.3.2 Đưa mã nguồn lên 000webhost 38

CHƯƠNG 4 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 40

4.1 Kết luận 40

4.2 Hướng phát triển 41

DANH MỤC HÌNH ẢNH

Hình 2.1 Công cụ XAMPP 7Hình 2.2 CSDL được import vào MySQL 8Hình 2.3 Hình ảnh b ng nguoidung 9ảHình 2.4 Hình ảnh b ng hoadon 9ảHình 2.5 Hình ảnh b ng chitiethoadon 10ảHình 2.6 Hình ảnh b ng banner 10ảHình 2.7 Hình ảnh b ng danhmuc 10ảHình 2.8 Hình ảnh b ng khuyenmai 11ảHình 2.9 Hình ảnh b ng loaisanpham 11ảHình 2.10 Hình ảnh b ng phanquyen 11ảHình 2.11 Hình ảnh b ng sanpham 12ảHình 3.1 Hình ảnh trang ch 1 14ủHình 3.2 Hình ảnh trang ch 2 14ủHình 3.3 Hình ảnh trang ch 3 14ủHình 3.4 Hình ảnh trang ch 4 15ủHình 3.5 Hình ảnh trang ch 15ủHình 3.6 Hình ảnh trang ch 6 15ủHình 3.7 Hình ảnh trang cửa hàng 16Hình 3.8 Hình ảnh tìm đồ theo danh mục 17Hình 3.9 Hình ảnh tìm theo thương hiệu 17Hình 3.10 Hình ảnh tìm ki m theo giá 18ếHình 3.11 Hình ảnh trang thanh toán s ẽ hiển th ị hóa đơn và chi tiết hóa đơn 18Hình 3.12 Hình ảnh đơn đặt hàng 19Hình 3.13 Hình ảnh chi tiết sản ph m 19ầHình 3.14 Hình ảnh chi tiết sản ph m 20ẩHình 3.15 Hình ảnh mô t ả đặc điểm sản ph m 20ẩHình 3.16 Hình ảnh đánh giá từ khách hàng 21Hình 3.17 Hình ảnh s n phả ẩm tương 22Hình 3.18 Hình ảnh gi hàng 22ỏHình 3.19 Hình ảnh hóa đơn 23Hình 3.20 Hình ảnh đơn hàng đang xét duyệt 23

Hình 3.21 Hình ảnh thông tin liên h 24ệ Hình 3.22 Hình ảnh thông tin liên h qua m ng xã h i 24ệ ạ ộ Hình 3.23 Hình ảnh qu n lý s n ph m 25ả ả ẩ Hình 3.24 Hình ảnh trang qu n lý tài kho n 25ả ả Hình 3.25 Thêm mới tài kho n 26ả Hình 3.26 Hình ảnh xem thông tin tài kho n 26ả Hình 3.27 Hình ảnh chức năng sửa thông tin tài kho n 27ả Hình 3.28 Hình ảnh xóa tài kho n 27ả Hình 3.29 Hình ảnh chức năng tìm kiếm 27 Hình 3.30 Hình ảnh trang qu n lý s n ph m 28ả ả ẩ Hình 3.31 Hình ảnh chức năng thêm sửa xóa s n ph m 28ả ẩ Hình 3.32 Hình ảnh chức năng tìm kiếm sản ph m 28ẩ Hình 3.33 Hình ảnh trang loại sản ph m 29ẩ Hình 3.34 Hình ảnh chức năng thêm mới, tìm ki m và xem s a xóa loế ử ại sản ph m 29ẩ Hình 3.35 Hình ảnh trang xét duyệt hóa đơn 30 Hình 3.36 Hình ảnh trang hóa đơn đã duyệt 30 Hình 3.37 Hình ảnh trang hóa đơn chưa duyệt 31 Hình 3.38 Hình ảnh trang xem chi ti t 31ế Hình 3.39 Hình ảnh chức năng xóa, tìm kiếm và xem chi ti t 31ế Hình 3.40 Hình ảnh trang ch danh mủ ục sản ph m 32ầ Hình 3.41 Hình ảnh chức năng thêm, sửa, xóa, xem và tìm ki m danh mế ục sản ph m 32ẩ Hình 3.42 Hình ảnh trang ch qu n lý banner 33ủ ả Hình 3.43 Hình ảnh chức năng thêm, sửa, xóa, xem và tìm ki m banner 33ế Hình 3.44 Hình ảnh trang qu n lý khuy n m i 33ả ế ạ Hình 3.45 Hình ảnh chức năng thêm, sửa, xóa, xem và tìm ki m c a trang qu n lý khuyế ủ ả ến

m i 34ạ Hình 3.46 Hình ảnh đăng kí tài khoản 34 Hình 3.47 Hình ảnh đăng nhập 35 Hình 3.48 Hình ảnh tài kho n 35ả Hình 3.49 Hình ảnh đổi m t khậ ẩu 36 Hình 3.50 Hình ảnh đổi m t khậ ẩu 2 36 Hình 3.51 Hình ảnh đăng ký tên miền 37

Hình 3.52 Hình ảnh kích ho t tên mi n 37ạ ề Hình 3.53 Hình ảnh đưa mã nguồn lên 000webhost 38 Hình 3.54 Hình ảnh đẩy dữ liệu vào thư mục 38 Hình 3.55 Hình ảnh ch n PhpMyAdmin 39ọ Hình 3.56 Hình ảnh tạo và đẩy cơ sở ữ liệ d u 39

tất yếu và ngày càng phát tri n ể

Đề tài "Xây dựng website bán hàng mỹ phẩm" trong môn h c Lập trình web v i ọ ớPHP nh m mằ ục đích cung cấp m t n n t ng tr c tuy n chuyên nghi p, ti n l i và an toàn ộ ề ả ự ế ệ ệ ợcho người dùng trong vi c mua s m m ph m Trang web s không ch cung c p các thông ệ ắ ỹ ẩ ẽ ỉ ấtin chi ti t v s n ph m, mà còn tích h p các chế ề ả ẩ ợ ức năng quản lý đơn hàng, giỏ hàng, và thanh toán trực tuyến, giúp nâng cao trải nghiệm người dùng

Thông qua đề tài này, chúng em sẽ có cơ hội áp d ng kiụ ến thức đã học vào thực tế,

t vi c thi t k giao diừ ệ ế ế ện người dùng, xây dựng cơ sở ữ liệu đến lậ d p trình các chức năng chính c a website b ng ngôn ng PHP Bên củ ằ ữ ạnh đó, việc phát triển website m ph m còn ỹ ẩđòi hỏi sự hiểu biết về UX/UI, bảo mật web và khả năng làm việc với các công nghệ web

CHƯƠNG 1: TỔNG QUAN

1.1 Lý do chọn đề tài

Hiện nay, nhu cầu làm đẹp và chăm sóc da đang trở thành m t ph n không th thi u ộ ầ ể ếtrong cu c s ng c a nhiộ ố ủ ều người Đặc bi t, v i s phát tri n c a Internet, vi c mua sệ ớ ự ể ủ ệ ắm

trực tuy n các s n ph m m ph m tr nên d dàng và ti n lế ả ẩ ỹ ẩ ở ễ ệ ợi hơn bao giờ ế h t Trong thời

đại công nghệ s hiện nay, ố người tiêu dùng càng có xu hướng chuyển sang mua sắm trực tuyến nhiều hơn với nhi u s l a chề ự ự ọn đa dạng, giá cả hợp lí Chính vì th , vi c các doanh ế ệnghi p m phệ ỹ ẩm đầu tư vào một website bán hàng tr c tuy n là r t c n thi t Thi t k ự ế ấ ầ ế ế ếwebsite bán hàng mỹ phẩm không chỉ giúp doanh nghi p ti p cệ ế ận được lượng khách hàng tiềm năng lớn mà còn mang l i nhi u lạ ề ợi ích như:

- Tạo cơ hội cho khách hàng mua s m m ắ ỹ phẩm d dàng và nhanh chóng: ễ

M t website bán hàng chuyên nghi p giúp khách hàng có th d dàng tìm ki m, so sánh ộ ệ ể ễ ế

và mua các s n ph m m ph m phù h p mà không c n ph i ra ngoài ả ẩ ỹ ẩ ợ ầ ả

- Tăng doanh số bán hàng và mở rộng thị trường: Website bán hàng trực

tuyến giúp doanh nghi p ti p c n vệ ế ậ ới lượng khách hàng l n trên toàn quớ ốc, thậm chí quốc

t , t ế ừ đó tăng doanh số bán hàng và m r ng th ở ộ ị trường

- Tiết ki m chi phí v n hành: ệ ậ So v i vi c m c a hàng vớ ệ ở ử ật lý, đầu tư vào

m t website bán hàng tr c tuy n giúp ti t kiộ ự ế ế ệm chi phí như thuê mặt b ng, nhân viên bán ằhàng và các chi phí v n hành khác ậ

- Tăng cường hình ảnh và uy tín thương hiệu: Website giúp doanh nghiệp xây d ng hình nh chuyên nghi p, cung c p thông tin chi ti t v s n ph m và chính sách ự ả ệ ấ ế ề ả ẩbán hàng rõ ràng, t ừ đó nâng cao uy tín và sự tin tưởng c a khách hàng ủ

- Khai thác tối đa nguồn khách hàng trên Internet: Ngày càng nhiều người

s dử ụng Internet để tìm ki m và mua s m các s n ph m m ph m M t chiế ắ ả ẩ ỹ ẩ ộ ến lược kinh doanh tr c tuy n hi u qu s giúp doanh nghi p khai thác tự ế ệ ả ẽ ệ ối đa lượng khách hàng tiềm năng này

Nhóm nghiên c u nh n th y r ng vi c phát tri n m t website bán hàng tr c tuyứ ậ ấ ằ ệ ể ộ ự ến cho m ph m s giúp doanh nghi p m phỹ ẩ ẽ ệ ỹ ẩm Hana tiếp cận được nhiều khách hàng hơn, tăng cường doanh thu và phát tri n b n vể ề ững trong tương lai Hiệ ạn t i, doanh nghi p XYZ ệđang cung cấp một loạt các sản phẩm mỹ phẩm chất lượng cao, nhưng vẫn chưa có một website bán hàng chuyên nghiệp để mở rộng thị trường và chăm sóc khách hàng tốt hơn

Do đó, nhóm quyết định phát tri n m t website bán hàng m ể ộ ỹ phẩm cho doanh nghi p XYZ ệ

để giúp doanh nghiệp này tiếp cận đến nhiều người tiêu dùng hơn, nâng cao uy tín thương

hiệu và tăng doanh số bán hàng

1.2 Mục tiêu đề tài

Mục tiêu đề tài

- Xây d ng m t website bán hàng mự ộ ỹ phẩm v i giao di ớ ện đẹp và thân thiện:

Website phải dễ s d ng và hử ụ ấp dẫn để thu hút người dùng ngay t lừ ần đầu truy cập

- Phân tích và thi t k ế ế cơ sở d ữ liệu phù hợp: H ệ thống cơ sở dữ liệu phải đủ mạnh

để quản lý thông tin sản phẩm, khách hàng, đơn hàng và các nội dung liên quan

- Tối ưu hóa trải nghiệm người dùng và qu n lý:ả Website cần được thi t k sao ế ếcho người dùng dễ dàng tìm kiếm và mua sản phẩm, trong khi người quản lý có thể dễ dàng c p nhậ ật và điều hành các hoạt động bán hàng

Giới hạn và ph m vi c ạ ủa đề tài

- Xây d ng website bự ằng ngôn ng PHP, HTML và s d ng hữ ử ụ ệ quản tr ị cơ sở

dữ liệu MySQL: Đây là những công nghệ phổ biến, hiệu quả và phù hợp cho việc phát triển website bán hàng

- Website gi i thi u và bán các s n ph m mớ ệ ả ẩ ỹ phẩm : Website s cung c p thông ẽ ấtin chi ti t v các s n ph m, chia s ki n th c vế ề ả ẩ ẻ ế ứ ề chăm sóc da, và cung cấp các m o làm ẹđẹp hữu ích

- Người qu n tr có th ả ị ể quản lý thông tin s n ph ả ẩm, khách hàng, đơn hàng và phản h i: Website s có hồ ẽ ệ thống quản lý giúp người qu n trả ị theo dõi và điều hành các

- Tri n khai và th nghi m h ể ử ệ ệ thống trên Internet: Đưa website lên mạng để kiểm

tra và đánh giá hoạt động của nó

1.3 Yêu cầu của hệ thống

Tìm hiểu ho ạ ộ t đ ng chung c a m t website bán hàng m phủ ộ ỹ ẩm:

- Phân lo i danh m c s n phạ ụ ả ẩm: Website cần có các danh mục chính như Trang chủ,

S n phả ẩm, Blog làm đẹp, Gi i thi u, Liên h ớ ệ ệ để người dùng d dàng tìm ki m và truy cễ ế ập thông tin

- Hiển th thông tin chi ti ị ết về ả s n phẩm: Mỗi sản phẩm mỹ ph m phẩ ải được hiển th ịchi tiết về thành ph n, công d ng, cách s d ng, giá cầ ụ ử ụ ả và hình nh ả

- Chức năng tìm kiếm nhanh chóng: Người dùng có thể dễ dàng tìm kiếm các sản

phẩm mỹ phẩm cụ thể thông qua chức năng tìm kiếm

Hai đ i tư ố ợng chính tham gia vào quá trình tương tác với website:

- Người dùng: Là những người có nhu c u tìm ki m và mua các s n ph m m phầ ế ả ẩ ỹ ẩm trên website H c n các chọ ầ ức năng như tìm kiếm, đặt hàng, thanh toán, và liên h ệ để phản

- Nâng c p và b o trì d dàng:ấ ả ễ Hệ thống ph i d dàng nâng c p và bả ễ ấ ảo trì để

đảm bảo hoạt đ ng ộ ổn định và hiệu quả

- Tốc độ truy c p nhanh và thông tin chính xácậ : Website cần đảm b o tả ốc độtruy cập nhanh và cung c p thông tin s n phấ ả ẩm chính xác, đáng tin cậy

- Bảo mật cao và phân quyền hợp lý: H ệ thống phải có các biện pháp bảo mật

tốt và phân quyền hợp lý để ả b o v d u và quy n l i cệ ữ liệ ề ợ ủa người dùng

- Khả năng lưu trữ và x lý thông tin l n ử ớ : Website ph i có kh ả ả năng lưu trữ và

x ử lý một lượng l n thông tin mà không t n nhiớ ố ều dung lượng trên máy ch ủ

CHƯƠNG 2: PHÂN TÍCH YÊU CẦU BÀI TOÁN VÀ THIẾT

KẾ CƠ SỞ DỮ LIỆU

2.1 Phân tích yêu cầu bài toán

2.1.1 Giới thi u v Website ệ ề

- M c tiêu c a website: Website c a hàng m ph m cung c p n n t ng trụ ủ ử ỹ ẩ ấ ề ả ực tuyến cho khách hàng mua s m các s n phắ ả ẩm làm đẹp như mỹ phẩm, chăm sóc da, chăm sóc tóc, và nhi u s n ph m khác Tề ả ẩ ạo điều ki n thu n lệ ậ ợi cho người dùng tìm ki m, so ếsánh, và mua s m s n ph m m t cách nhanh chóng và d dàng Cung c p thông tin chi tiắ ả ẩ ộ ễ ấ ết

v s n phề ả ẩm, đánh giá của khách hàng, và hỗ trợ khách hàng thông qua các tính năng như chat tr c tiự ếp và phản hồi qua email

- Đối tượng người dùng: Khách hàng cá nhân muốn mua các sản phẩm làm

đẹp trực tuyến Quản tr viên quản lý n i dung, sản phị ộ ẩm, đơn hàng, và khách hàng

- Các tính năng chính của website: Quản lý s n ph m: thêm, s a, xóa, và xem ả ẩ ửdanh sách s n ph m Qu n lý danh m c s n ph m: thêm, s a, xóa, và xem danh sách danh ả ẩ ả ụ ả ẩ ử

mục Quản lý khách hàng: đăng ký, đăng nhập, c p nhậ ật thông tin cá nhân, và xem lịch sửmua s m Gi hàng: thêm s n ph m vào gi hàng, c p nh t s ắ ỏ ả ẩ ỏ ậ ậ ố lượng, và xóa s n ph m khả ẩ ỏi

gi hàng Thanh toán: th c hi n quá trình thanh toán tr c tuy n an toàn và ti n l i Quỏ ự ệ ự ế ệ ợ ản

lý đơn hàng: theo dõi và quản lý trạng thái đơn hàng từ khi đặt hàng đến khi giao hàng Đánh giá và bình luận: khách hàng có thể đánh giá và bình luận về sản phẩm đã mua Tìm

kiếm và lọc s n ph m: tìm ki m theo t khóa, lả ẩ ế ừ ọc theo danh mục, giá cả, thương ệhi u 2.1.2 Yêu c u chầ ức năng

5 Xem chi ti t s n phế ả ẩm: Hiển th thông tin chi ti t v s n ph m: tên s n phị ế ề ả ẩ ả ẩm, giá, mô t , hình ả ảnh, đánh giá của khách hàng, v.v

6 Thêm s n ph m vào gi hàng: Khách hàng có th thêm s n ph m vào gi hàng ả ẩ ỏ ể ả ẩ ỏ

t ừ trang chi tiế ảt s n phẩm hoặc kết qu tìm kiả ếm

7 Qu n lý gi hàng: Xem danh sách s n ph m trong gi hàng C p nh t sả ỏ ả ẩ ỏ ậ ậ ố lượng

s n ph m Xóa s n phả ẩ ả ẩm khỏi giỏ hàng

8 Thanh toán: Chọn phương thức thanh toán (th tín d ng, chuy n kho n ngân ẻ ụ ể ảhàng, thanh toán khi nh n hàng) Nh p thông tin thanh toán và xác nhậ ậ ận đơn hàng

9 Theo dõi đơn hàng: Xem trạng thái đơn hàng (đang xử lý, đã giao hàng, đã hủy, v.v.) Xem chi tiết đơn hàng và lịch s ử mua sắm

10 Đánh giá và bình luận sản phẩm: Khách hàng có thể để lại đánh giá và bình luận v s n phề ả ẩm đã mua Hiển th ị đánh giá và bình luận c a các khách hàng khác ủ

viên:

Chức năng dành cho quản trị

1 Qu n lý s n phả ả ẩm: Thêm, s a, xóa s n ph m Qu n lý thông tin s n ph m: tên, ử ả ẩ ả ả ẩgiá, mô t , hình nh, danh mả ả ục, thương hiệu, t n kho, v.v ồ

2 Qu n lý danh m c s n phả ụ ả ẩm: Thêm, s a, xóa danh m c s n ph m Qu n lý cử ụ ả ẩ ả ấu trúc danh mục và hiển th ị

3 Qu n lý khách hàng: Xem danh sách khách hàng, chi ti t thông tin khách hàng ả ếQuản lý tài kho n khách hàng (kích ho t, khóa tài kho n) ả ạ ả

4 Quản lý đơn hàng: Xem danh sách đơn hàng và chi tiết đơn hàng Cập nh t tr ng ậ ạthái đơn hàng (đang xử lý, đã giao, đã hủy) Quản lý giao hàng và thông tin vận chuyển

5 Quản lý đánh giá và bình luận: Xem, duyệt, xóa đánh giá và bình luận c a khách ủhàng

6 Báo cáo và th ng kê: Xem báo cáo doanh thu, s ố ố lượng bán ra, lượng khách truy cập, v.v Th ng kê số ản phẩm bán chạy, sản phẩm tồn kho, v.v

Chức năng khác:

1 Giao diện người dùng thân thiện: Thiế ế t k giao diện người dùng đơn giản, d s ễ ử

dụng, và tương thích với nhiều thiết bị (máy tính, điện tho i, máy tính b ng) ạ ả

2 B o m ả ật: Đảm b o an toàn thông tin khách hàng và dả ữ liệu giao d ch S d ng ị ử ụSSL để mã hóa dữ liệu truy n t i giữề ả a người dùng và máy ch ủ

3 SEO (Tối ưu hóa công cụ tìm kiếm): Tối ưu hóa cấu trúc URL, tiêu đề trang, t ừkhóa, và nội dung để ải thiệ c n th h ng trên các công c tìm kiứ ạ ụ ếm

4 Hỗ trợ khách hàng: Tích hợp tính năng chat trực ti p, email hế ỗ trợ, và các phương tiện liên hệ khác để hỗ trợ khách hàng nhanh chóng và hiệu quả

2.2 Thiết kế cơ sở dữ liệu

Để chạy được PHP chúng ta ph i thi t lả ế ập môi trường web Server Tuy nhiên, không

phải lúc nào chúng ta cũng đủ kinh phí để mua m t Server v ph c v cho vi c hộ ề ụ ụ ệ ọc Điều này vô cùng t n kém và không c n thi t V y làm thố ầ ế ậ ế nào để ta có thể chạy được PHP? Trong bài t p nhóm này, chúng em tìm hi u v m t công c giúp gi i quyậ ể ề ộ ụ ả ết được vấn đềtrên, đó chính là XAMPP

XAMPP là m t công c tích hộ ụ ợp đầy đủ các thành bao gồm Apache, Mysql, PHP, Perl Giúp chúng ta tạo ra môi trường web server trên máy tính của mình, để có thể chạy được k ch bản PHP ị

Hình 2.1 Công c XAMPP ụ

My SQL là một hệ qu n trả ị cơ sở ữ liệ d u mi n phí phát tri n theo chu n mã nguễ ể ẩ ồn

m ở được dùng cho các ng d ng web có quy mô vứ ụ ừa và nhỏ

- Có trình giao diện trên Windows hay Linux cho phép người dùng có th ể thaotác đến CSDL

- Nhanh và mạnh

- Cải tiến liên tục

- Cho phép kết nố ạo cơ sở ữ liệi, t d u, quản lý người dùng, phân quyền s d ng, ử ụ

thiết kế b ng và x lý d ả ử ữ ệu li

- Có th s d ng trình qu n lý dể ử ụ ả ạng đồ h a ho c dòng lọ ặ ệnh để ử ụ s d ng các phát biếu hay thao tác trên CSDL

2.2.2 Xây dựng cơ sở ữ liệ d u

CSDL là n n móng c a m t trang web, m t trang web gi i thi u v các s n phề ủ ộ ộ ớ ệ ề ả ẩm

s ch không thạ ể thiếu đi CSDL vì đó chính là thông tin mà nhà quản trị muốn hi n th cho ể ịngười truy cập thấy, cập nhật những bài viết m i nhấ ếớ t đ n với người xem Các chức năng

ph n qu n tr ẩ ả ị được nhóm xây dựng: đọc thông tin, thêm, sửa, xóa, tìm kiếm dữ liệu,…

Hình 2.2 CSDL được import vào MySQL

a, Xây dựng bảng người dùng

- MaND: Mã người dùng

- Ho: Họ ủ c a người dùng

- Ten: Tên của người dùng

- GioiTinh: Giới tính của người dùng

- SDT: Số điện thoại của người dùng

- DiaChi: Địa chỉ ủa người dùng c

- TaiKhoan: Tài Khoản của người dùng

- MatKhau: Mật khẩu của người dùng

- MaQuyen: Mã quy n truy c p vào website ề ậ

- TrangThai: Trạng thái của tài khoản

Kết quả thu được như hình bên dưới:

Hình 2.3 Hình ảnh b ng nguoidung ả

b, Xây ựd ng b ng ả Hóa đơn

- MaHD: Mã hóa đơn

- MaND: Mã người dùng

- NgayLap: Ngày lập hóa đơn

- NguoiNhan: Người nh n ậ

- SDT: Số điện thoại người nhận

- DiaChi: Địa chỉ người nhận

- PhuongThucTT: Phương thức thanh toán

- TongTien: Tổng ti n ề

- TrangThai: Trạng thái

Kết quả thu được như hình bên dưới:

Hình 2.4 Hình ảnh b ng hoadon ả

c, Xây dựng b ng ả chi tiết hóa đơn

- MaHD: Mã hóa đơn

- MaSP: Mã s n ph m ả ẩ

- SoLuong: S ố lượng s n ph m ả ẩ

- DonGia: Đơn giá

Kết quả thu được như hình bên dưới:

-TenDM: Tên danh mục sản phẩm

Kết quả thu được như hình bên dưới:

nh b ng danhmuc

Hình 2.7 Hình ả ả

f, Xây dựng b ng khuy n m i ả ế ạ

- MaKM: Mã khuy n mãi ế

- TenKM: Tên khuy n mãi ế

- LoaiKM: Loại khuy n mãi ế

- GiaTriKM: Giá tr khuy n mãi ị ế

- NgayBD: Ngày bắ ầt đu khuy n mãi ế

- TrangThai: Trạng thái

Kết quả thu được như hình bên dưới:

- TenQuyen: Tên Quyền

- ChiTietQuyen: Chi tiết quyền

Kết quả thu được như hình bên dưới:

- DonGia: Đơn giá

CHƯƠNG 3: WEBSITE CỦA CỬA HÀNG BÁN MỸ PHẨM

3.1 Mô hình MVC

Mô hình MVC (Model-View-Controller) là m t ki n trúc ph n m m ph bi n dùng ộ ế ầ ề ổ ế

để phát triển các ứng d ng web Nó chia ứng d ng thành ba phần riêng biệt, giúp quản lý ụ ụ

mã ngu n d ồ ễ dàng hơn, đồng thời tăng tính bảo trì và kh ả năng mở r ng cộ ủa ứng d ng Các ụ

ph n chính c a mô hình MVC bao g m: Model, View, và Controller ầ ủ ồ

Với đặc thù c a m t website bán m ph m, vi c s d ng mô hình MVC giúp chúng ủ ộ ỹ ẩ ệ ử ụtôi tổ chức mã ngu n m t cách rõ ràng, d dàng b o trì và phát triồ ộ ễ ả ển trong tương lai Các

ph n chính c a mô hình MVC trong ng d ng qu n lý m ph m bao gầ ủ ứ ụ ả ỹ ẩ ồm:

+ Model (M): Qu n lý dả ữ liệu s n ph m m ph m, thông tin khách hàng, và các ả ẩ ỹ ẩđơn đặt hàng Các Model này tương tác với cơ sở dữ liệu để thực hiện các thao tác như thêm, sửa, xóa, và l y thông tin s n phấ ả ẩm

+ View (V): Hi n th giao diể ị ện người dùng, bao gồm các trang như danh sách sản

ph m, chi ti t s n ph m, gi hàng, và trang thanh toán View nh n d ẩ ế ả ẩ ỏ ậ ữ liệu t Controller và ừ

hi n th chúng m t cách trể ị ộ ực quan và hấp d n ẫ

Controller (C): Xử lý các yêu c u tầ ừ người dùng, gọi các Model để ấ l y ho c c p ặ ậ

nh t dậ ữ liệu, và chọn View để ể hi n th dị ữ liệu đó Controller đóng vai trò trung gian giữa Model và View, đảm bảo lu ng dồ ữ li u và logic nghiệệ p v ụ được thực hi n chính xác ệ

Mô hình MVC là m t cách ti p c n m nh m và hi u qu ộ ế ậ ạ ẽ ệ ả để phát tri n các ể ứng dụng web Chính vì thế mà chúng tôi đã lựa chọn MVC để làm bài t p l n này Vi c s d ng ậ ớ ệ ử ụMVC giúp chúng tôi qu n lý mã ngu n d ả ồ ễ dàng hơn, tăng khả năng bảo trì và m r ng ở ộ ứng

dụng, đồng th i giúp các thành viên trong nhóm làm vi c hi u qu ờ ệ ệ ả hơn

3.2 Giao diện người dùng

3.2.1 Trang chủ

Trang chủ là nơi hiển th các bài vi t m i nh t v m ph m, cung c p thông tin chi ị ế ớ ấ ề ỹ ẩ ấtiết v các s n ph m m i nh t t shop, bao g m c nh ng dòng s n phề ả ẩ ớ ấ ừ ồ ả ữ ả ẩm đang hot và được yêu thích Ngoài ra, trang ch còn c p nhủ ậ ật các chương trình khuyến mãi đặc bi t, giúp ệkhách hàng không b l b t kỏ ỡ ấ ỳ ưu đãi hấp d n nào T t c các thông tin vẫ ấ ả ề địa ch cỉ ửa hàng, s ố điện thoại và các phương thức liên h ệ đều được trình bày rõ ràng, giúp khách hàng

d dàng liên l c khi c n Bên cễ ạ ầ ạnh đó, trang chủ còn tích h p form liên h , cho phép khách ợ ệhàng gửi phản hồi hoặc đặt câu hỏi m t cách nhanh chóng và ti n l ộ ệ ợi

Hình 3.1 Hình nh trang ch 1 ả ủ

Hình 3.2 Hình nh trang ch 2 ả ủ

Hình 3.3 Hình nh trang ch 3 ả ủ

Hình 3.4 Hình nh trang ch 4 ả ủ

Hình 3.5 Hình nh trang ch ả ủ

Hình 3.6 Hình nh trang ch 6 ả ủ