27
Bài 8 Xây dựng website thương mại điện tử - P2

Web3012 slide 8

Embed Size (px)

DESCRIPTION

Lập Trình Web PHP Nâng Cao - Giáo Trình FPT

Citation preview

Page 1: Web3012   slide 8

Bài 8Xây dựng website thương mại điện tử - P2

Page 2: Web3012   slide 8

Cách xây dựng trang indexXây dựng phần backendXây dựng phần frontend

Mục tiêu

Bài 8 - Xây dựng website thương mại điện tử 2

Page 3: Web3012   slide 8

Mỗi thư mục tương ứng với 1 chức năng websiteMỗi thư mục cần có 1 trang index.phpNhiệm vụ của trang index.php ở mỗi thư mục làxác định hành động (action) nào được gọi đến

Xây dựng trang index

Bài 8 - Xây dựng website thương mại điện tử - P2 3

Page 4: Web3012   slide 8

Xây dựng trang index

Bài 8 - Xây dựng website thương mại điện tử - P2 4

Page 5: Web3012   slide 8

Ứng với mỗi action, ta gọi đến các trang tươngứng

Xây dựng trang index

Bài 8 - Xây dựng website thương mại điện tử - P2 5

Page 6: Web3012   slide 8

Phần backend của trang web thương mại điện tửthường dùng để quản lý các phần sau:

AccountCategoryProductOrder

Xây dựng phần backend

Bài 8 - Xây dựng website thương mại điện tử - P2 6

Page 7: Web3012   slide 8

Trong mỗi thư mục sẽcó index riêng để xácđịnh action gọiMỗi file .php sẽ thiết lậpcác xử lý tương ứngCác hàm xử lý được lưutrong phần Model

Xây dựng phần backend

Bài 8 - Xây dựng website thương mại điện tử - P2 7

Page 8: Web3012   slide 8

Phần model sẽ chứacác hàm xử lý trêntừng bảng dữ liệu.Thông thường trongCSDL có bao nhiêubảng ta sẽ phải viếtbấy nhiêu file model

Xây dựng phần backend

Bài 8 - Xây dựng website thương mại điện tử - P2 8

Page 9: Web3012   slide 8

Model database.php

Xây dựng phần backend

Bài 8 - Xây dựng website thương mại điện tử - P2 9

Page 10: Web3012   slide 8

Model category_db.php: Định nghĩa các hàm xửlý như:

Get_categories()Get_category_by_id()Add_category()Update_category()Delete_category()…

Xây dựng phần backend

Bài 8 - Xây dựng website thương mại điện tử - P2 10

Page 11: Web3012   slide 8

Model category_db.php

Xây dựng phần backend

Bài 8 - Xây dựng website thương mại điện tử - P2 11

Page 12: Web3012   slide 8

Model category_db.php

Xây dựng phần backend

Bài 8 - Xây dựng website thương mại điện tử - P2 12

Page 13: Web3012   slide 8

Model category_db.php

Xây dựng phần backend

Bài 8 - Xây dựng website thương mại điện tử - P2 13

Page 14: Web3012   slide 8

Model category_db.php

Xây dựng phần backend

Bài 8 - Xây dựng website thương mại điện tử - P2 14

Page 15: Web3012   slide 8

Model category_db.php

Xây dựng phần backend

Bài 8 - Xây dựng website thương mại điện tử - P2 15

Page 16: Web3012   slide 8

Trong ứng dụngthương mại điện tử, cần thiết chúng taphải tạo giỏ hàng(cart)Ta cần tạo 2 thư mụclà

Product_catalog: Trìnhbày các sản phẩmProduct_manager: Quản lý giỏ hàng

Xây dựng phần frontend

Bài 8 - Xây dựng website thương mại điện tử - P2 16

Page 17: Web3012   slide 8

Trang product_list.php – (Product_catalog)

Xây dựng phần frontend

Bài 8 - Xây dựng website thương mại điện tử - P2 17

Page 18: Web3012   slide 8

Trang product_view.php – (Product_catalog)

Xây dựng phần frontend

Bài 8 - Xây dựng website thương mại điện tử - P2 18

Page 19: Web3012   slide 8

Trang product_add.php – (Product_manager)

Xây dựng phần frontend

Bài 8 - Xây dựng website thương mại điện tử - P2 19

Page 20: Web3012   slide 8

Trang product_list.php – (Product_manager)

Xây dựng phần frontend

Bài 8 - Xây dựng website thương mại điện tử - P2 20

Page 21: Web3012   slide 8

Cấu trúc tổng thể của ứng dụng MVC

Bài 8 - Xây dựng website thương mại điện tử - P2 21

Page 22: Web3012   slide 8

Cart: Xác định cáchành động có thể cóliên quan đến giỏhàng

Cấu trúc tổng thể của ứng dụng MVC

Bài 8 - Xây dựng website thương mại điện tử - P2 22

Page 23: Web3012   slide 8

Errors: Trình bày cáclỗi liên quan đến DB và các lỗi khác

Cấu trúc tổng thể của ứng dụng MVC

Bài 8 - Xây dựng website thương mại điện tử - P2 23

Page 24: Web3012   slide 8

Model: Định nghĩakết nối CSDL và địnhnghĩa các hàm xử lýđối với từng bảng dữliệu

Cấu trúc tổng thể của ứng dụng MVC

Bài 8 - Xây dựng website thương mại điện tử - P2 24

Page 25: Web3012   slide 8

View: Trình bày cácheader, footer và cácphần cần hiển thị

Cấu trúc tổng thể của ứng dụng MVC

Bài 8 - Xây dựng website thương mại điện tử - P2 25

Page 26: Web3012   slide 8

Index.php: Xác địnhactionMain.css: Viết CSS cho ứng dụng

Cấu trúc tổng thể của ứng dụng MVC

Bài 8 - Xây dựng website thương mại điện tử - P2 26

Page 27: Web3012   slide 8

Index dùng để xác định action. Mỗi thư mục sẽ tương ứng với 1 chức năng củawebsiteMỗi thư mục sẽ chứa 1 indexModel chứa các file định nghĩa các hàm xử lýcho từng bảng dữ liệuControl là các thư mục chức năngView là phần hiển thị kết quả cho người dùng

Tổng kết bài học

Bài 8 - Xây dựng website thương mại điện tử 27