Bài 8
Xây dựng website thương mại điện tử - P2
Cách xây dựng trang index
Xây dựng phần backend
Xâ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
Mỗi thư mục tương ứng với 1 chức năng website
Mỗi thư mục cần có 1 trang index.php
Nhiệ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
Xây dựng trang index
Bài 8 - Xây dựng website thương mại điện tử - P2 4
Ứ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
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:
Account
Category
Product
Order
Xây dựng phần backend
Bài 8 - Xây dựng website thương mại điện tử - P2 6
Trong mỗi thư mục sẽ
có index riêng để xác
định action gọi
Mỗi file .php sẽ thiết lập
các xử lý tương ứng
Các hàm xử lý được lưu
trong 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
Phần model sẽ chứa
các hàm xử lý trên
từng bảng dữ liệu.
Thông thường trong
CSDL có bao nhiêu
bảng ta sẽ phải viết
bấ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
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
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
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
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
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
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
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
Trong ứng dụng
thương mại điện tử,
cần thiết chúng ta
phải tạo giỏ hàng
(cart)
Ta cần tạo 2 thư mục
là
Product_catalog: Trình
bày các sản phẩm
Product_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
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
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
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
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
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
Cart: Xác định các
hà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
Errors: Trình bày các
lỗ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
Model: Định nghĩa
kết nối CSDL và định
nghĩ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
View: Trình bày các
header, footer và các
phầ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
Index.php: Xác định
action
Main.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
Index dùng để xác định action.
Mỗi thư mục sẽ tương ứng với 1 chức năng của
website
Mỗi thư mục sẽ chứa 1 index
Model chứa các file định nghĩa các hàm xử lý
cho từng bảng dữ liệu
Control là các thư mục chức năng
View 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

Web3012 slide 8

  • 1.
    Bài 8 Xây dựngwebsite thương mại điện tử - P2
  • 2.
    Cách xây dựngtrang index Xây dựng phần backend Xâ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
  • 3.
    Mỗi thư mụctương ứng với 1 chức năng website Mỗi thư mục cần có 1 trang index.php Nhiệ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
  • 4.
    Xây dựng trangindex Bài 8 - Xây dựng website thương mại điện tử - P2 4
  • 5.
    Ứng với mỗiaction, 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
  • 6.
    Phần backend củatrang web thương mại điện tử thường dùng để quản lý các phần sau: Account Category Product Order Xây dựng phần backend Bài 8 - Xây dựng website thương mại điện tử - P2 6
  • 7.
    Trong mỗi thưmục sẽ có index riêng để xác định action gọi Mỗi file .php sẽ thiết lập các xử lý tương ứng Các hàm xử lý được lưu trong 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
  • 8.
    Phần model sẽchứa các hàm xử lý trên từng bảng dữ liệu. Thông thường trong CSDL có bao nhiêu bảng ta sẽ phải viết bấ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
  • 9.
    Model database.php Xây dựngphần backend Bài 8 - Xây dựng website thương mại điện tử - P2 9
  • 10.
    Model category_db.php: Địnhnghĩ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
  • 11.
    Model category_db.php Xây dựngphần backend Bài 8 - Xây dựng website thương mại điện tử - P2 11
  • 12.
    Model category_db.php Xây dựngphần backend Bài 8 - Xây dựng website thương mại điện tử - P2 12
  • 13.
    Model category_db.php Xây dựngphần backend Bài 8 - Xây dựng website thương mại điện tử - P2 13
  • 14.
    Model category_db.php Xây dựngphần backend Bài 8 - Xây dựng website thương mại điện tử - P2 14
  • 15.
    Model category_db.php Xây dựngphần backend Bài 8 - Xây dựng website thương mại điện tử - P2 15
  • 16.
    Trong ứng dụng thươngmại điện tử, cần thiết chúng ta phải tạo giỏ hàng (cart) Ta cần tạo 2 thư mục là Product_catalog: Trình bày các sản phẩm Product_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
  • 17.
    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
  • 18.
    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
  • 19.
    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
  • 20.
    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
  • 21.
    Cấu trúc tổngthể của ứng dụng MVC Bài 8 - Xây dựng website thương mại điện tử - P2 21
  • 22.
    Cart: Xác địnhcác hà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
  • 23.
    Errors: Trình bàycác lỗ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
  • 24.
    Model: Định nghĩa kếtnối CSDL và định nghĩ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
  • 25.
    View: Trình bàycác header, footer và các phầ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
  • 26.
    Index.php: Xác định action Main.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
  • 27.
    Index dùng đểxác định action. Mỗi thư mục sẽ tương ứng với 1 chức năng của website Mỗi thư mục sẽ chứa 1 index Model chứa các file định nghĩa các hàm xử lý cho từng bảng dữ liệu Control là các thư mục chức năng View 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