CHUONG 2: XAY DUNG WEBSITE BANG NGON NGU PHP
Cách kết nối cơ sở dữ liệu
2.3.1 M6 ta bang lu trữ dữ liệu a Bang lưu trữ thêm hình ảnh logo
Ho dienthoai setting 8 id : int(11) logo_ web : text
# number_product : int(11) b Bảng lưu trữ danh mục sản phâm
@ cat_id : int(11) 8 cat_name : varchar(255) title : varchar(50) c Bảng lưu trữ thông tin trên thanh title
@ Cart : varchar(50) © success : varchar(50) d Bang lưu trữ thông tin đặt hàng thành công
8 order _id : int(11) © full_name : varchar(50) | © email : text |
@ product_id : text | © total_product : text
# Status - smallint(6) e Báng lưu trữ bình luận của khách hàng
# prd_id : int(11) | ¡ comm_ name : varchar(255)
@ comm_mail : varchar(255) | Em comm date : datetime
@ comm_details : text j £ Bảng lưu trữ thông tin sản pham
@ prd_title : varchar(255) g Báng lưu trữ thông tin tài khoản đăng nhập admin
# user_level : int(1) h Bảng lưu trữ thông tm liên hệ và giới thiệu trang
Lá Jie oal IOOLE © logo_footer : varchar(100)
CHUONG 3: KET QUA DAT DUOC 3.1 Vé phan giao dién trang web
Giao diện menu động giúp người dùng dễ dàng điều hướng trên website, thanh tìm kiếm hỗ trợ tìm kiếm thông tin nhanh chóng Dòng chữ chạy và banner tăng thêm sự sinh động và bắt mắt, thu hút sự chú ý của người dùng.
Về sản phẩm: có đầy đủ các loại điện thoại được đưa lên trang web bán hàng a CHao diện trang chủ
Khi truy cập trang chủ VIETMY PHONE, khách hàng sẽ dễ dàng nhận thấy các thành phần chính gồm logo doanh nghiệp, thanh tìm kiếm và biểu tượng giỏ hàng hiển thị rõ ràng Thanh tìm kiếm giúp người dùng thuận tiện tìm kiếm sản phẩm mong muốn, trong khi giỏ hàng hiển thị số lượng sản phẩm hiện có, hỗ trợ khách hàng theo dõi và quản lý đơn hàng của mình.
Bên dưới thanh công cụ là thanh tile với các danh mục sản phâm khác nhau của cửa hàng
Banner ngang và hàng banner nhỏ bên phải màn hình được sắp xếp dễ nhìn hợp mắt
Tiếp theo là mục các sản phẩm nổi bật được nhà quản trị sắp xếp theo thứ tự tùy chỉnh Tiếp đến là mục sản phẩm mới nhất được cập nhật liên tục, đảm bảo khách hàng luôn nắm bắt được những sản phẩm mới nhất từ cửa hàng.
Bew on Ou @ @ô Oo Bom Bm Be Be Bon BE 9 @ rong nop wenn pos EY a ud OPPO | >>e | DEAL CHÁT GIÁ HỠI
Irúng Ngoy Hondo Vklon pa wz r3 ro -
Tình 3 1: Kết quả hiển thi trang chủ
Chân trang được thiết kế là vị trí để giới thiệu thông tin của cửa hàng Đề khách hàng dễ dàng liên hệ đến cửa hàng.
Eyed WN REV) §T*-'YY*rv4Y”."
GPPO Renso8 56 8GB 296GB Gia Ban: 12500.09) d
IPhone 13 12868 | Chinh hing Wnone 13 Pro Max 12868 Lhinh — Samsung Gabxy SZ2Ufa|ðG8 hàng VNIA 128GB) ór- 17.000.000 đ Giá lén, 25.006.009 ở Giả Bát 28.090.000 g1
Dia chi Dich vu Hotline ẹ VIETMYPHCNE ban cú nhữằg tải nghiệm xuyệt vẻ|!
Tình 3 2: Kết quả hiển thị trang chủ b Giao diện trang sản phẩm
Giao diện sản phâm với đầy đủ thông tin khi click vào 1 sản phẩm nào đó đầu tiên hình ảnh 2 hàng banner vẫn được giữ nguyên như trang chủ Thông tin về sản phẩm được cập nhật đầy đủ
Samsung Gdloxy iPhone 14 Pro Max 128GB | Chính hãng VNA
Tinh veng:New Macbook do Hanh Chinh Hang,
Banh gia vé iPhone 14 Pro Max 128G8 | Chinh hãng VN/A
IPhava 14 Pro tax 4x mẫu flagsNp née hạt nhất cũ cũng như về ngoài cao cân, seng chành hợp vớ: gu † ong sồn thị này có làm bạn thất
Tình 3 3: Kết quả hiển thị trang sản phẩm
Sau phân thông tin về sản phẩm là phần viết bình luận của khách hàng
Ea =< , ô Ê Đanh già về IPhona 14 Pro Max 128GB | Chinh hãng VN/A
BẢO HÀNH I NĂM CLĐỒILMÁY MỐI
His ct cb aS áo
Hinh 3 4: Két quả hiển thị trang chủ c Cao diện đăng nhập tài khoản admin
Giao diện đăng nhập admin giup admin dang nhập được vào trang quản lý hệ thống cửa hàng
Hình 3 5: Kết quả hiển thị trang đăng nhập trang quản lp admin d Giao diện trang giỏ hàng
Chọn vào trang giỏ hàng sẽ vẫn thấy hai hàng banner và thông tin các sản phẩm trong giỏ hàng Bên cạnh đó là nơi điền thông tin cá nhân đề khách hàng đặt hàng
Duy Nhat 3 Ngay bes 02-03-04 PW,
Théng tin sản phẩm Tủy chọn Phone Xr 2 Sim 64GB Yellow ie Phone 14 Pro Max 128GB | Chinh hang VN/A
Tình 3 6: Kết quả hiển thị trang giỏ hàng
Macbook Bảo Hanh Chinh Hang
—P emoabert A2 Wek e Giao dién trang dat hang thanh céng
Click vào nút mua ngay sau khi điền đầy đủ thông tin đặt hàng Màn hình sẽ hiển thị “Bạn đã đặt hàng thành công” g 5 ỚI
HOT SALE A6 BerRiodt DEAL CHAT GIA HOI a
BAN DA DAT HANG THANH CONG! l Chúng tôi sẽ sởm xử lý đơn hàng của bạn
Béo Harh Chinn Macbook Hang
Hinh 3 7: Két quả hiển thị trang đặt hàng thanh công
3.2 Kết quả các chức năng a Chức năng form đăng nhập tài khoán admim
Hinh 3 8: Kết quả hiện thị trang đăng nhập admin Đăng nhập vào web admin trên màn hình hiển thị form đăng nhập tài khoản admin
Nhập địa chỉ email và mật khẩu đã đăng ký sẵn vào biểu mẫu đăng nhập Để tiện cho những lần đăng nhập tiếp theo, hãy tích vào ô "Nhớ mật khẩu" Sau khi hoàn tất, nhấp vào nút đăng nhập để truy cập vào trang quản lý.
Tình 3 9: Kết quả hiển thị trang chủ quản lý admin b Chức năng tìm kiếm sản phâm
TRUNG NGAY CAP NHAN KIM CƯƠN ˆ — TRIGIA — ơ _ 60 TRIỆU ĐỒNG _,
Hinh 3 10: Két qua hiển thị trang chủ
Với mục đích tìm kiếm sản phẩm hiệu quả, trên thanh công cụ, bạn sẽ thấy lịch sử tìm kiếm gần đây Bạn chỉ cần nhập tên sản phẩm mong muốn vào thanh tìm kiếm Sau đó, nhấp vào nút tìm kiếm ngay bên cạnh để truy xuất danh sách kết quả.
Nếu sản phâm có trong database thì sẽ hiển thị các sản phẩm mình cần tìm và số lượng sản phẩm hiện đang có
YEE reno now cieredin nes cuowo 10460 TRIỆU ĐỒNG Galaxy J8
Kết quà tỡm lửờm với sản phẩm
Macbook Bào Hành Chính Hãng iPhone 14 Pro Max 128GB | Chính hang VN/A se
Hinh 3 11: Kết quả hiển thi trang tìm kiếm khi tim thấy sản phẩm
Nếu sản phẩm khách hàng tìm kiếm không có trong database thì trên màn hình sẽ hiển thị là “0 sản phẩm”
Kết quả tìm kiếm với sản phẩm
Macbook Bảo Hành Chính Hãng
Hình 3 12: Kết quả hién thi trang tìm kiếm kim không tìm thấy sản phẩm c Chức năng giỏ hàng
Khách hàng sẽ tìm sản phẩm họ quan tâm trên trang web, sau đó nhấp vào trang sản phẩm đó Tại đây, họ có thể thêm sản phẩm vào giỏ hàng hoặc mua ngay bằng cách nhấp vào các nút tương ứng.
Ban Hanh Chinh Hing Macbook mạ minh J sin a 5
Tình 3 13:: Kết quả hién thị trang sản phẩm
Sau khi nhấp vào nút "Thêm vào giỏ hàng", màn hình sẽ hiển thị trang giỏ hàng Tại đây, khách hàng có thể điều chỉnh số lượng sản phẩm và xem tổng giá trị đơn hàng sau khi nhấp vào nút "Cập nhật giỏ hàng".
Giỏ Hàng Í † OPPO Xhomi Viwos
HOT SALE TH DEAL CHẤT GIÁ HỜI
SAMSUNG GALAXY s-0EG5 824G Đo es r1
Xu khu Add T”ƠNG Hoáy c1 NAN KIM CUONG mmeu60 TRIỆU ĐỒNG
Thông tin sản phẩm Tủy chọn Giả L iPhone Xr 2 Sim 64GB Yellow 1 10.000.000 đ
Macbook Bảo Hành Chinh Hang Cập nhật giỗ hàng
Số điện thoại (bắt buộc, Email (bat budc) Địa chỉ nhã riêng ho q hoặc cơ quan (bắt buộc
Giao hàng tận nơi siêu tốc Vưi lông call (+84) 352 860 T01
Hình 3 14: Kết quả hiển thị trang giỏ hàng d Chức năng đặt hàng
Khi thêm sản phẩm vào giỏ hàng và chọn số lượng, khách hàng cần điền đầy đủ thông tin hiển thị trong mẫu đặt hàng Các thông tin bắt buộc bao gồm: Họ và tên (bắt buộc), Số điện thoại (bắt buộc) và Email (bắt buộc).
Mua ngay Tra gop Online Giao hàng tận nơi siêu t6c Vưi lòng call (+84) 352 860 701
Hình 3 15: Kết quả hiển thị trang giỏ hàng
Xong thao tác trên mà hình hiển thị bạn đã đặt hàng thành công Tức là bạn đã đặt hàng thành công
36 iPhone Samsung OPPO Xiaomi Vivos
H OT cs ALE S9: 14.990K DEAL CHẤT GIÁ HỜI
BẠN ĐÃ ĐẶT HÀNG THÀNH CÔNG ! Chung toi sé som xử lÿ đơn hang của bạn
Em Macbook Hình 3 16: Kết quả hiển thị trang đặt hàng thành công e Chức năng quản lý đơn hàng
Nhà quản lý trang web đã đăng nhập vào trang admin sẽ thấy được nút chức năng quản lý đơn hàng Ta click vào nút “Quản lý đơn hàng” thì màn hình hiện thị danh sách đơn hàng khách hàng đã đặt
Nếu đơn hàng đã được giao, bạn có thể bấm nút "xử lý" để chuyển đơn hàng đó thành trạng thái "Đã xử lý" Điều này sẽ giúp bạn dễ dàng quản lý các đơn hàng đã giao và chưa giao, giúp bạn nắm được tình trạng đơn hàng và dễ dàng theo dõi quá trình giao hàng.
Tình 3 17: Kết quả hiển thị trang quản lý don hang £ Chức năng quản lý bình luận
Trang quản trị cho phép nhà quản lý truy cập và quản lý dễ dàng bình luận của khách hàng trên trang sản phẩm Họ có thể xem tất cả bình luận đã được đăng tải và chủ động xóa những bình luận không phù hợp, góp phần duy trì sự chuyên nghiệp và chất lượng của nội dung trên trang web.
Tình 3 18: Kết quả hiển thị trang quản lý bình luận g Chức năng quản lý câu hình
Nhà quản ly trang web có thẻ thay đôi cầu hình của trang web sao cho phù hợp với thay đôi của cửa hàng
Tình 3 19: Kết quả hiển thị trang quản lý cầu hình
Nếu cửa hàng muốn thay đổi về các thông tin tại chân trang như địa chỉ hay hotline, Nhà quản trị dé dàng thay đối khi click chuột vào mục “Cầu hình chân trang”
Ta thay trên màn hình hiện tất cả nội dung ta thêm trức Ta click vào biểu tượng hình bút trên cột tác vụ đề sửa nội dung hoặc muốn xóa nội dung thì click vao biểu tương x mau do trong cét tac vu
Hình 3 20: Kết quả hiển thị trang nội dụng quản lý cấu hình thÌe
Nếu muốn thêm chân trang mới ta click vào “ Thêm chân trang” để thêm mới Ta có thê thêm mọi thứ mà mình muôn thêm như form cho trước
CHUONG 4; KET LUAN 4.1 Kết quả đạt được
Nhóm em đã hoàn thành các yêu cầu đặt ra cho bài tập lớn này, bao gồm:- Giao diện: Thiết kế trên Photoshop và sử dụng các tính năng slide cho trang chủ nhằm tăng tính thẩm mỹ.- Hiển thị nội dung sản phẩm khoa học, chi tiết.- Cho phép người dùng đặt hàng trực tuyến trên website đối với các sản phẩm đã chọn.- Quản trị: Cho phép chỉnh sửa giao diện, thêm mới, xóa, sửa các sản phẩm, quản lý đơn đặt hàng khoa học, hợp lý.- Phần mềm có thể triển khai tại cửa hàng bán điện thoại, giao diện dễ nhìn, thân thiện với người dùng.
Phiên bản đầu tiên của website bán điện thoại Việt Mỹ phone đã hoàn thiện, tuy nhiên vẫn còn một số thiếu sót và hạn chế nhất định, bao gồm: Chưa hỗ trợ thanh toán trực tuyến qua tài khoản ngân hàng và khả năng phân tích hệ thống còn hạn chế.
4.3 Định hướng phát triển trong tương lai Nhóm sẽ tiếp tục bổ sung những chức năng mà phần mềm chưa có để phần mềm có thê ứng dụng rộng rãi trong mọi của hàng (chức năng thanh toán online quan tài khoản ngân hàng.) và sẽ tiếp tục hoàn thiện chương trình hi vọng có thê đáp ứng được mọi nhu cầu của người sử dụng
LOL CAM ON
Qua quá trình thực hiện bài cuối môn, nhóm em đã tong hop lai duge cac kiến thức trong thời gian đã học tại trường Đồng thời, em đã tìm hiểu và nắm được quy trình xây dựng trang web bán hàng, nâng cao được kỹ năng lập trình, có thể chủ động trong việc tìm kiêm các thông tin dé phục vụ công việc
Sau khi hoàn thành bài tập cuối môn lập trình PHP-I, bài tập trung xử lí các kĩ thuật liên quan đến thương mại điện tử, trong đó, cho phép đặt yêu cầu dịch vụ trực tuyến Đây là một mặt hàng đặc biệt trong lĩnh vực thương mại điện tử mà các kỹ thuật về bán hàng trên mạng hiện có chưa đáp ửng được
Do trình độ có hạn, cũng như hạn chế về thời gian nên trong quá trình thực hiện đề tài này có thê mắc những sai xót Vì vậy, nhóm mong nhận được sự đóng góp của thầy cô, bạn bè đề đề tài của nhóm ngày càng hoàn thiện hơn
Cuối cùng, nhóm xin cảm ơn thầy Lê Thanh Phong, giảng viên môn lập trình PHP- 1 đã hướng dẫn nhóm em hoàn thành đề án này