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ảngviên hướng dẫ ThSn: Triệu Thu HươngThông tin sinh viên thực hiện:

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

2 Dương Ngọc

Cảnh 24A4042426

Code trang quản lý sản phẩm, loại sản phẩm, xét duyệt hóa đơn, banner khuyến mại, ppt

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%

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

LỜI CẢM ƠN

Chúng em xin gửi lời cảm ơn chân thành tới cô Triệu Thu Hương Giảng viên - Khoa Công nghệ Thông tin và Kinh tế số, Học viện Ngân hàng Trong quá trình học tập và thực hiện bài báo cáo “XÂY DỰNG WEBSITE BÁN HÀNG MỸ PHẨM”, cô đã luôn tạo điều kiện, giúp đỡ để chúng em hoàn thành được bài báo cáo này

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!

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 27Hì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 30Hình 3.36 Hình ảnh trang hóa đơn đã duyệt 30Hình 3.37 Hình ảnh trang hóa đơn chưa duyệt 31Hì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 34Hình 3.47 Hình ảnh đăng nhập 35Hình 3.48 Hình ảnh tài kho n 35ảHình 3.49 Hình ảnh đổi m t khậ ẩu 36Hình 3.50 Hình ảnh đổi m t khậ ẩu 2 36Hì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 38Hình 3.54 Hình ảnh đẩy dữ liệu vào thư mục 38Hì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

MỞ ĐẦU

Trong thời đại công ngh 4.0, việ ệc ứng d ng công nghụ ệ thông tin vào các lĩnh vực kinh doanh đang trở nên phổ biến và cần thiết hơn bao giờ hết Trong số đó, ngành mỹph m không ch d ng lẩ ỉ ừ ại ở các c a hàng truy n th ng mà còn m r ng ra các n n t ng trử ề ố ở ộ ề ả ực tuyến, tạo điều ki n thu n l i cho vi c mua s m và kinh doanh Nhệ ậ ợ ệ ắ ằm đáp ứng nhu c u ầnày, vi c xây dệ ựng các trang web thương mại điện t chuyên v m ử ề ỹ phẩm là một xu hướng 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 hiện đại khác

Hy v ng r ng, v i s n l c và sáng tọ ằ ớ ự ỗ ự ạo, đề tài này s mang l i m t s n ph m h u ẽ ạ ộ ả ẩ ữích, không ch ph c v cho mỉ ụ ụ ục đích họ ậc t p mà còn có thể ứng d ng vào th c ti n, góp ụ ự ễph n vào s phát tri n cầ ự ể ủa ngành thương mại điệ ử trong lĩnh vựn t c m phỹ ẩm.

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 hoạt động bán hàng trực tuyến một cách hiệu qu ả

- 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 hồi về ả s n phẩm.

- Quản tr viênị (Admin): Là người qu n lý toàn b n i dung và hoả ộ ộ ạt động c a website, ủbao g m qu n lý s n phồ ả ả ẩm, đơn hàng, khách hàng, và phản h i Admin có th thêm, xóa, ồ ểhoặc chỉnh sửa nội dung trên website m t cách không giộ ới hạn

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

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 ị

- 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 ề

- DonGia: Đơn giá

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

Hình 2.5 Hình ảnh b ng chitiethoadon ả

d, Xây dựng b ng Banner ả- Id: Mã định danh - HinhAnh: Hình ảnh Banner Kết quả thu được như hình bên dưới:

Hình 2.6 Hình ảnh b ng banner ả

e, Xây dựng b ng Danh m c ả ụ-MaDM: Mã danh m c s n ph m ụ ả ẩ-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:

Hình 2.8 Hình ảnh b ng khuyenmai ả

g, Xây dựng b ng ả Loạ ải s n ph m ẩ- MaLSP: Mã lo i s n ph m ạ ả ẩ- TenLSP: Tên loạ ải s n ph m ẩ- HinhAnh: Hình nh s n ph m ả ả ẩ- Mota: Mô t s n ph m ả ả ẩ- MaDM: Mã danh mục ảs n ph m ẩKết quả thu được như hình bên dưới:

Hình 2.9 Hình ảnh b ng loaisanpham ả

h, Xây dựng b ng Phân quy n ả ề- MaQuyen: Mã Quy n ề- TenQuyen: Tên Quyền - ChiTietQuyen: Chi tiết quyền Kết quả thu được như hình bên dưới:

Hình 2.10 Hình ảnh b ng phanquyen ả

i, Xây dựng b ng S n ph m ả ả ẩ- MaSP: Mã s n ph m ả ẩ- MaLSP: Mã lo i s n ph m ạ ả ẩ- MaDM: Mã danh m c ụ- TenSP: Tên sản ph m ẩ

- DonGia: Đơn giá

- SoLuong: S ố lượng s n ph m ả ẩ- HinhAnh1: Hình nh s n ph m ả ả ẩ- HinhAnh2: Hình nh s n ph m ả ả ẩ- HinhAnh3: Hình nh s n ph m ả ả ẩ- MaKM: Mã khuy n mãi ế

- Hang: Hãng sản phẩm( nhãn hàng)- BaoHanh: B o hành s n ph m ả ả ẩ- KichThuoc: Kích thước sản ph m ẩ- HuongDan

- SoSao: Số sao- SoDanhGia: Số đánh giá- TrangThai: Trạng thái - Mota: Mô t s n ph m ả ả ẩ- ThoiGian: Thời gian

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

Hình 2.11 Hình ảnh b ng sanpham ả

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 ảủ