Bài tập lớn lập trình php 1 đề tài xây dựng website bán hàng điện thoại việt mỹ phone bằng php

BỘ LAO ĐỘNG THƯƠNG BINH VÀ XÃ HỘI TRƯỜNG CAO ĐẲNG VIỆT MỸ HÀ NỘI BÀI TẬP LỚN TÊN HỌC PHẦN: LẬP TRÌNH PHP-1 ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN HÀNG ĐIỆN THOẠI VIỆT MỸ PHONE BẰNG PHP Giảng viên hướng dẫn: ThS.Lê Thanh Phong Sinh viên thực hiện: Đào Linh Chi Hà Thị Giang Đỗ Hữu Mạnh Hà Nội, 2023 BỘ LAO ĐỘNG THƯƠNG BINH VÀ XÃ HỘI TRƯỜNG CAO ĐẲNG VIỆT MỸ HÀ NỘI BÀI TẬP LỚN TÊN HỌC PHẦN: LẬP TRÌNH PHP-1 ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN HÀNG ĐIỆN THOẠI VIỆT MỸ PHONE BẰNG PHP STT Mã sinh viên Họ tên Ngày sinh Điểm Bằng chữ 521210204 Đào Linh Chi 19/10/2003 521210088 Hà Thị Giang 20/01/2003 521210215 Đỗ Hữu Mạnh 17/10/2003 Bằng số Cán chấm thi Cán chấm thi Hà Nội, 2023 LỜI NÓI ĐẦU Trong năm trở lại đây, thương mại điện tử ngày phát triển giới nói chung Việt nam nói riêng Và với phát triển thương mại điện tử, đời ngơn ngữ lập trình cho phép bạn thiết kể xây dựng ứng dụng thương mại điện tử nhiều hình thức khác Và đặc biệt với hỗ trợ loại sở liệu quan hệ, bạn kết hợp chúng với kịch trình chủ HTML, CSS, Javascrip, PHP, bạn xây dựng triển khai nhiều ứng dụng với nhiều mục đích khác Hiện nay, thương mại điện tử ngày ứng dụng rộng rãi nước ta nhiều hình thức khác Và ứng dụng thương mại điện tử nước ta dịch vụ bán hàng qua mạng internet Tuy nhiên, thị trường có số cơng ty thực dịch vụ Vì lạ người tiêu dùng nước ta, đặc biệt người kiến thức tin học nói chung thương mại điện tử nói riêng Tuy nhiên, với đầu tư nhà nước vào ngành công nghệ thơng tin, số người biết tin học nhiều đặc biệt tầng lớp trí thức học sinh, sinh viên Đã có nhiều người biết đến internet thương mại điện tử Chính vậy, em đề tài xây dựng website bán hàng điện thoại Việt Mỹ phone php Đây ứng dụng sử dụng kịch trinh chủ PHP sở liệu MySQL, giúp cho người truy nhập vào trang web thực giao dịch cách thuận tiện dễ dàng Mặc dù có nhiều cố gắng để hồn thành cơng việc, xong thời gian có hạn, kiến thức kinh nghiệm chưa nhiều nên việc phân tích thiết kế, xây dựng trang web cịn nhiều thiếu xót, chưa giải Do vậy, em mong nhận ý kiến đóng góp thầy cô bạn bè để đề tài ngày hoàn thiện Cuối cùng, em xin chân thành cảm ơn thầy Lê Thanh Phong, giảng viên môn Lập trình PHP-1 tận tình bảo hướng dẫn nhóm thực đề tài Mục lục LỜI NÓI ĐẦU DANH MỤC HÌNH ẢNH CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tổng quan lập trình Web 1.2 Ngôn ngữ HTML, CSS, PHP 1.2.1 Ngôn ngữ HTML 1.2.2 Ngôn ngữ CSS 1.2.3 Ngôn ngữ Java Script 10 1.2.4 Ngôn ngữ PHP 11 1.3 Cơ sở liệu 12 1.4 Công cụ Xây dựng trang web dung Visual Studio Code XAMPP Control Panel .14 1.4.1 Visual Studio Code 14 1.4.2 XAMPP Control Panel 15 CHƯƠNG 2: XÂY DỰNG WEBSITE BẰNG NGƠN NGỮ PHP 17 2.1 Trình bày cách xây dựng giao diện .17 2.1.1 Mô tả trang web 17 2.1.2 Sơ đồ luồng liệu 17 2.1.3 Các yêu cầu trang web .17 2.1.4 Thiết kế giao diện 17 2.2 Các chức trang Web 22 2.2.1 Chức form đăng nhập tài khoản admin 22 2.2.2 Chức tìm kiếm sản phẩm 22 2.2.3 Chức giỏ hàng 23 2.2.4 Chức đặt hàng 23 2.2.5 Chức quản lý danh mục sản phẩm 23 2.2.6 Chức quản lý đơn hàng 23 2.2.7 Chức quản lý bình luận 24 2.2.8 Chức quản lý cấu hình 24 2.3 Cách kết nối sở liệu 24 2.3.1 Mô tả bảng lưu trữ liệu 24 CHƯƠNG 3: KẾT QUẢ ĐẠT ĐƯỢC 28 3.1 Về phần giao diện trang web 28 3.2 Kết chức 32 CHƯƠNG 4: KẾT LUẬN 41 4.1 Kết đạt 41 4.2 Kết chưa đạt 41 4.3 Định hướng phát triển tương lai .41 LỜI CẢM ƠN 42 TÀI LIỆU THAM KHẢO 43 DANH MỤC HÌNH ẢNH Hình 1 Cách web server xử lý trang web động với php Hình 2: Bố cục HTML trang web Hình 1.3: Style CSS Internal Hình 4: Style CSS Inline Hình 5:Inported Styles Hình 6: Linked Style 10 Hình 7: Ví dụ đoạn code js 11 Hình 8: Mơ hình hoạt động PHP 12 Hình 9: Thực câu lệnh PHP 12 Hình 10: Mơ hình client-server 13 Hình 11: Cách vận hành mơi trường MySQL .14 Hình 12: Phần mềm Visual Studio Code 15 Hình 13: Trang chủ XAMPP Control Panal 16 Hình 1: Giao diện trang chủ 18 Hình 2: Giao diện trang sản phẩm 18 Hình 3: Giao diện trang đăng nhập admin .19 Hình 4: Giao diện trang giỏ hàng 19 Hình 5: Giao diện trang đặt hàng thành công .20 Hình 6: Giao diện trang tìm kiếm 21 Hình 7: Giao diện trang chủ quản lý 21 Hình 8: Giao diện trang quản lý .22 Hình 1: Kết hiển thị trang chủ 28 Hình 2: Kết hiển thị trang chủ 29 Hình 3: Kết hiển thị trang sản phẩm 30 Hình 4: Kết hiển thị trang chủ 30 Hình 5: Kết hiển thị trang đăng nhập trang quản lý admin .31 Hình 6: Kết hiển thị trang giỏ hàng 31 Hình 7: Kết hiển thị trang đặt hàng cơng .32 Hình Hình Hình Hình 3 3 8: Kết thị trang đăng nhập admin 32 9: Kết hiển thị trang chủ quản lý admin 33 10: Kết hiển thị trang chủ .33 11: Kết hiển thị trang tìm kiếm tìm thấy sản phẩm 34 Hình 12: Kết hiển thị trang tìm kiếm khơng tìm thấy sản phẩm .34 Hình 13:: Kết hiển thị trang sản phẩm 35 Hình 14: Kết hiển thị trang giỏ hàng .36 Hình 15: Kết hiển thị trang giỏ hàng .36 Hình 16: Kết hiển thị trang đặt hàng thành công 37 Hình 17: Kết hiển thị trang quản lý đơn hàng 37 Hình 18: Kết hiển thị trang quản lý bình luận 38 Hình 19: Kết hiển thị trang quản lý cấu hình 38 Hình 20: Kết hiển thị trang nội dung quản lý cấu hình title 39 Hình 21: Kết hiển thị trang thêm nội dung 39 Hình 22: Kết hiển thị trang quản lý danh mục sản phẩm thêm sản phẩm 40 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tổng quan lập trình Web Bước vào cách mạng công nghệ 4.0, trước bùng nổ Internet toàn cầu, kinh doanh Online dần trở thành xu hướng quan tâm lúc Từ doanh nghiệp cá nhân khơng ngại đầu tư hồnh tráng cho kênh bán hàng Web hệ thống văn có mối siêu liên kết bên với (interlinked hypertext documents) truy xuất thông qua hệ thống Internet Webpage trang thông tin chứa văn (text), hình ảnh (images), phim (videos) đa phương tiện khác có mối siêu liên kết với (hyperlinks) Một trang web tập tin HTML XHTML truy xuất thông qua giao thức HTTP Website tập hợp trang web nằm tên miền tên miền phụ WWW hệ thống mạng Internet Trong thực tế, ứng dụng web tồn hại hai loại gồm trang web tĩnh trang web động Trang web tĩnh thông thường trang web không kết nối với sở liệu, chủ yếu giới thiệu thông tin Ngược lại, trang web động thương trang kết nối truy cập sở liệu có tương tác với người dùng Điều có nghĩa tạo trang web động liệu trình bày trang web đọc từ sở liệu Để hiểu cấu trúc sở liệu cho trang web, hình ảnh cho thấy cách web server xử lý trang web động với PHP Hình 1 Cách web server xử lý trang web động với php 1.2 Ngôn ngữ HTML, CSS, PHP 1.2.1 Ngôn ngữ HTML HTML viết tắt HyperText Markup Language (Ngôn ngữ đánh dấu siêu văn bản) nhà khoa học Mỹ - Tim Berners Lee định nghĩa năm 1989 HTML kết hợp Hypertext Markup, hay cịn gọi ngơn ngữ siêu văn HTML có chức giúp người dùng xây dựng cấu trúc phần trang web ứng dụng, thường sử dụng phân chia đoạn văn, heading, link, blockquotes, … HyperText – Văn kết nối đến văn khác Sử dụng “thẻ” để “đánh dấu” văn bản, giúp trình duyệt xác định cách biểu diễn trang web đến người sử dụng Một tập tin HTML tập tin văn có chứa thẻ định dạng (các thẻ giúp trình duyệt Web xác định cách trình bày trang Web) Một tập tin HTML phải có mở rộng htm html Một tập tin HTML viết trình soạn thảo văn đơn giản Các thẻ HTML xác định nằm cặp ngoặc góc nhọn ‘’ Các thẻ HTML thường theo cặp không phân biệt chữ thường hay chữ hoa: • Thẻ mở (thẻ bắt đầu): • Thẻ đóng (thẻ kết thúc) : Hình 2: Bố cục HTML trang web 1.2.2 Ngôn ngữ CSS CSS ngôn ngữ phức tạp, lần đề xuất Håkon Wium Lie vào ngày 10 tháng 10 năm 1994 CSS chữ viết tắt Cascading Style Sheets Một ngơn ngữ sử dụng để tìm định dạng lại phần tử tạo ngôn ngữ đánh dấu (ví dụ HTML) hay cịn biết đến tảng thiết kế phát triển web Nó cho phép thêm bố cục thiết kế vào trang cho phép chia sẻ từ phần tử trang đến phần tử trang khác Khi có ngơn ngữ CSS cho trang Web tổ chức gọn gàng hơn, trật tự Nội dung trang web tách bạch việc định dạng hiển thị Từ đó, q trình cập nhập nội dung dễ dàng hạn chế tối thiểu làm rối cho mã HTML Sử dụng CSS giúp không cần thực lặp lại mô tả cho thành phần CSS cung cấp thuộc tính chi tiết HTML để định nghĩa giao diện trang web CSS giúp người dùng nhiều styles trang web HTML nên khả điều chỉnh trang bạn trở nên vơ hạn Có loại style CSS chính: • Style CSS Internal: Các thuộc tính style cho thẻ (tag) khai báo trước phần tag trang trước sử dụng Hình 1.3: Style CSS Internal • Style CSS Inline: Các thuộc tính style nhúng trực tiếp thẻ (tag) sử dụng Hình 4: Style CSS Inline • External style: Các thuộc tính style cho thẻ (tag) nhúng từ tập tin *.css bên ngồi vào trang Hình 5:Inported Styles