bá o cá o đề tá i môn lập trình web đề tài bán quần áo

Trang 1

BÁ O CÁ O ĐỀ TÁ I

Môn: Lập trình web Đề tài: Bán Quần Áo

(Tham khảo website: vnclo.com )

Giáo viên: ThS Bùi Thị Thanh Tú

Mã số nhóm: 0601-G19

Trang 2

BÁ NG CHÁ M ĐIỀ M

Mã số nhóm: 0601-G19

MÃ THỊ THU HƯƠNG

TRẦN TUẤN KIỆT CLO 1+2+3

1 Giao diện chung

Mức độ tương đồng so với trang tham khảo 2

Thiết kế responsive 1

2 Các thành phần MVC

CRUD 1.5

Thống kê 1

Phân trang, Tìm kiếm 1

Khác (Pure UI, beautiful code, hosting….) 0.5

CLO 4 3 Đề tài có thể áp dụng thực tế

Mức độ khó của DB 0.5

Mức độ khó của website 0.5

CLO 5+6 4 Báo cáo và trình bày Báo cáo

Khả năng làm việc theo nhóm, lập kế hoạch và viết báo cáo 1.5

Năng lực giao tiếp và trình bày giải pháp kỹ thuật 0.5

Tổng 10

Trang 3

ĐÁ NH GIÁ CO NG VIỀ C THÁ NH VIỀ N

1 FrontEnd

Họ tên – MSSV Công việc được giao Mức độ hoàn thành Mức độ tích cực

LÊ QUỐC CƯỜNG Cart, MasterLayout, Thanh toán, trang category, trang login, logout, signup, thông tin khách hàng, ProductDetails, Home

TRẦN TUẤN KIỆT Product Detail 70% Phải giao việc 2 Database

LÊ QUỐC CƯỜNG Toàn bộ database 100% Chủ động

MÃ THỊ THU HƯƠNG Không có

TRẦN TUẤN KIỆT Không có 3 Backend

MÃ THỊ THU HƯƠNG Không có

TRẦN TUẤN KIỆT Không có 4 Báo cáo

Trang 4

4

Trang 5

6.1.7 Quản lý TÀI KHOẢN KHÁCH HÀNG 18

6.1.8 Quản lý MÃ KHUYẾN MÃI 18

Trang 7

8.4 SƠ ĐỒ ÁNH XẠ VIEW – CONTROLLER – MODEL 37

Trang 8

Các chức năng tham khảo theo trang web: vnclo.com

2 CẤU TRÚC WEBSITE 2.1 Phần ADMIN

2.2 Phần KHÁCH HÀNG

AdminDanh mục

Quản lí đơn hàng

Chi tiết

Thư viện ảnh

Xóa

Trang 10

3 3 GIAO DIỆN THAM KHẢO PHẦN KHÁCH HÀNG

3.1 Trang HOME

Trang 12

5

Trang 13

3.2 Trang DANH SÁCH SẢN PHẨM

Trang 14

7 3.3 Trang CHI TIẾT SẢN PHẨM

Trang 16

9 3.4 Trang GIỎ HÀNG

Trang 18

11 3.5 Trang THANH TOÁN

Trang 19

3.6 Trang XÁC NHẬN ĐƠN HÀNG

3.7 Trang LỊCH SỬ MUA HÀNG

Trang 20

13

Trang 21

3.8 ĐĂNG KÝ / ĐĂNG NHẬP

Trang 22

15 4 SƠ ĐỒ CƠ SỞ DỮ LIỆU

DỰA TRÊN VIỆC QUAN SÁT DATABASE TRÊN TRANG CHỦ, THÌ NHÓM ĐÃ RÚT RA ĐƯỢC CƠ SỞ DỮ LIỆU NHƯ SAU:

Trang 23

5 ENTITY DATA MODEL

Trang 24

17 6 PHÂN TÍCH LAYOUT VÀ CHỨC NĂNG

6.1 Phần ADMIN 6.1.1 Trang LAYOUT

Logo Menu Categories

Content Body

Footer

6.1.2 Quản lý DANH MỤC

Thông tin các category

Footer

6.1.3 Quản lý HÀNG HÓA

Thông tin các products

Footer

6.1.4 Quản lý CHI TIẾT SẢN PHẨM

Thông tin các detail products

Footer

6.1.5 Quản lý MÀU SẮC

Thông tin các màu sắc

Footer

Trang 25

6.1.6 Quản lý HÌNH ẢNH

Thông tin các hình ảnh

Footer

6.1.7 Quản lý TÀI KHOẢN KHÁCH HÀNG

Thông tin các tài khoản khách hàng

Footer

6.1.8 Quản lý MÃ KHUYẾN MÃI

Thông tin các mã khuyến mãi

Footer

6.1.9 Quản lý ĐƠN HÀNG

Thông tin các đơn đặt hàng

Footer

6.2 Phần KHÁCH HÀNG

6.2.1 Trang MASTER LAYOUT

6.2.1.1 Phân tích layout

Trang 26

19

6.2.1.2 Phân tích chức năng

View\Share Partial View Model

SALE SỐC 60% (1) ( lấy từ bảng product details theo mức khuyến mãi bằng 60%)

Trang 27

Các phần có đánh số sẽ được lấy từ Model lên, và sẽ được phân tích trong bảng dưới đây:

Controller View Partial View Model

Home Index.cshtml ProductCategoryPartialView.cshtml (1) Lấy từ bảng product details và lọc theo mức khuyến mãi bằng 60% MostSoldProductPtlView.cshtml (2) Lấy từ bảng product details theo số lượng bán nhiều nhất giảm dần

6.2.3 Trang DANH SÁCH SẢN PHẨM

Logo Menu Categories Login/ Logout/ Cart

VOUCHER LỌC SẢN PHẨM

In tất cả sản phẩm có trong database (1)

Controller View Model

ProductDetails ProductCategory.cshtml Lấy tất cả sản phẩm từ product details bỏ vào list và xuất lên màn hình

6.2.4 Trang CHI TIẾT SẢN PHẨM

Trang 28

21 Ảnh sản phẩm (1) Thông tin sản phẩm (2)

Sản phẩm cùng phân khúc (3) Sản phẩm cùng loại (4)

gallery

(2) Lấy thông tin chi tiết của sản phẩm từ bảng product details SamePriceProductPtlView.cshtml (3) Lấy từ bảng product details 5 sản phẩm có cùng giá tiền SameCateProductPtlView.cshtml (4) Lấy từ bảng

product details 5 sản phẩm có cùng danh mục hàng

Trang 29

6.2.5 Trang GIỎ HÀNG

Thông báo ưu đãi

Sản phẩm trong giỏ hàng hiện tại

(1)

Form chuyển hướng thanh toán

(2) Ghi chú

Có thể bạn sẽ thích (3)

tin sản phẩm hiện tại từ Model CartItem (2) CartItem

Trang 30

23 bán nhiều nhất giảm dần

6.2.6 Trang THANH TOÁN

Logo Menu Categories Login/ Signup/ Cart

Form nhập thông tin đơn đặt hàng (1) Thông tin giỏ hàng hiện tại (2)

tin user hiện tại gán cho giá trị input)

6.2.7 Trang XÁC NHẬN ĐƠN HÀNG

Trang 31

Form thông báo đặt hàng thành công (1)

Thông tin giỏ hàng hiện tại (2)

6.2.8 Trang LỊCH SỬ MUA HÀNG

Chào khách hàng menu tiện tích

Thông tin khách hàng (1)

Lịch sử đơn hàng đã đặt (2)

Trang 32

25

(2) Order (Các đơn hàng có id user trùng với user trong session hiện tại)

6.2.9 ĐĂNG KÝ / ĐĂNG NHẬP ĐĂNG KÝ

Hiển thị tên trang Form đăng ký (1)

Đăng nhập bằng google hoặc facebook

ĐĂNG NHẬP

Hiển thị tên trang Form đăng nhập (1)

Đăng nhập bằng google hoặc facebook

Footer

Trang 33

database không)

7 TỔNG KẾT CHỨC NĂNG THEO VAI TRÒ SỬ DỤNG

Action Method / Model

Create Edit Delete Index Detail

Customer (menu)

Admin

Customer (Product

Category, Home)

Admin (simple) Customer (Product Detail) Order

và Order Detail

Customer (đặt hàng)

Admin (Các đơn hàng đã xong)

Admin (all) Customer (lịch sử đặt hàng cá nhân)

Admin (all) Customer (đơn hàng cá nhân)

tài khoản, thông tin giao hàng)

User(chỉnh sửa thông tin cá nhân)

User(thông tin tài khoản cá nhân)

Trang 34

27

Model Class Mục đích Gen từ DB Tự tạo thêm

CartItem.cs Lưu trữ các thông tin liên quan tới giỏ hàng X

Category.cs Lưu thông tin các chủng loại sản phẩm X

AdminUser.cs Lưu thông tin tài khoản admin X

Color.cs Lưu thông tin các loại màu X

Gallery.cs Lưu thư viện ảnh sản phẩm X

Order.cs Lưu thông tin đơn đặt hàng X

Order_Details.cs Lưu thông tin chi tiết của từng đơn hàng X

Product.cs Lưu thông tin các sản phẩm X

ProductDetails.cs Lưu thông tin chi tiết cho từng sản phẩm X

Size.cs Lưu thông tin các kích cỡ sản phẩm X

User.cs Lưu thông tin tài khoản khách hàng X

voucher.cs Lưu thông tin các mã khuyến mãi X

Trang 35

8.2 VIEWS

8.2.1 AdminUser

Các file View View Partial View Mục đích

8.2.2 Cart

CartPartial.cshtml x Hiển thị số lượng sản phẩm trong giỏ hàng hiện tại và tạo đường dẫn tới giỏ hàng ở thanh header của masterlayout

GetCartInfo.cshtml x Giỏ hàng hiện tại khi giỏ không rỗng

Order_DetailsPartial.cshtml X Hiển thị thông tin giỏ hàng hiện tại vào trang thanh toán

Trang 36

29

8.2.4 Gói Colors

Index.cshtml x Xem các màu sắc hiện có

8.2.5 Gói Galleries

Index.cshtml x Xem danh sách ảnh hiện tại

Details.cshtml x Xem thông tin hình ảnh

8.2.6 Gói Home

Index.cshtml x Trang chủ của khách hàng 8.2.7 Gói Galleries

Index.cshtml x Xem danh sách ảnh hiện tại

Trang 37

Details.cshtml x Xem thông tin hình ảnh 8.2.8 Gói Orders

Details.cshtml x Xem thông tin chi tiết đơn hàng

CheckDonHang.cshtml x Kiểm tra tình trạng đơn hàng

8.2.9 Gói ProductDetails

Các file View View Partial View

Mục đích

ProductCategory.cshtml x Trang danh mục sản phẩm của khách hàng

CustomerDetails.cshtml X Trang chi tiết sản phẩm của khách hàng

MostSoldProductPtlView.cshtml X Lấy những sản phẩm có số lượng bán cao nhất

Trang 38

Index.cshtml x Xem danh sách sản phẩm hiện tại

Details.cshtml x Xem thông tin sản phẩm

8.2.11 Gói Shared

_MasterLayout.cshtml x Layout cho trang khách hàng

CategoriesPartialView.cshtml x Chia megamenu của masterlayout ra thành từng danh mục riêng

8.2.12 Gói Users

Login.cshtml x Trang đăng nhập cho khách hàng

MyUser.cshtml x Trang xem thông tin tài khoản cho khách hàng

Signup.cshtml x Trang đăng ký cho khách hàng

Trang 39

8.2.13 Gói vouchers

Index.cshtml x Xem danh sách mã khuyến mãi

Create.cshtml x Tạo mới mã khuyến mãi

Details.cshtml x Xem thông tin mã khuyến mãi

8.3 CONTROLLERS

8.3.1 <AdminUserController>

Action Method Mục đích View/Partial View liên quan

Index Tạo trang login cho admin Index.cshtml

Trang 40

33 8.3.2 <CartController>

Index Tạo trang giỏ hàng rỗng Index.cshtml

CartPartial Tạo Partial View giỏ hàng ở MasterLayout

GetTotalPrice Tính tổng giá tiền sản phẩm

GetCartInfo Hiển thị giỏ hàng hiện tại GetCartInfo.cshtml

DeleteCartItem Bỏ một sản phẩm ra khỏi giỏ hàng hiện tại

GetCartInfo.cshtml

UpdateCartItem Tăng giảm số lượng sản phẩm ở trang giỏ hàng

GetCartInfo.cshtml

ConfirmCart Trang thanh toán ConfirmCart.cshtml

Order_DetailsPartial Hiển thị giỏ hàng hiện tại vào trang thanh toán

Edit Sửa thông tin danh mục hàng Edit.cshtml

Trang 41

8.3.4 <ColorsController>

8.3.5 <GalleriesController>

Details Xem chi tiết hình ảnh Details.cshtml 8.3.6 <HomeController>

Index Tạo view trang chủ cho khách hàng

Index.cshtml

8.3.7 <OrdersControlller>

CheckDonHang Xem đơn hàng đã đặt CheckDonHang.cshtml

Trang 42

35 8.3.8 <ProductDetailsController>

Index Xem danh sách chi tiết sản phẩm

Index.cshtml

Delete Xóa chi tiết sản phẩm Delete.cshtml

Create Tạo mới chi tiết sản phẩm Create.cshtml

Edit Sửa thông tin chi tiết sản phẩm

Edit.cshtml

Details Thông tin chi tiết sản phẩm Details.cshtml

ProductCategory Hiển thị trang category cho khách hàng

ProductCategory.cshtml

GetProductsByCategory Hiển thị sản phẩm theo danh mục

_MasterLayout.cshtml/ CategoriesPartialView.cshtml

GetProductsByCateId Lọc sản phẩm dựa trên id danh mục

ProductCategory.cshtml

GetProductsDiscount Lọc sản phẩm và in ra dựa trên mức khuyến mãi

Index.cshtml (HomeController)/ ProductCategoryPartialView.cshtml

SamePriceProductPtlView Hiển thị các sản phẩm có cùng mức giá với sản phẩm hiện tại

CustomerDetails.cshtml/

SamePriceProductPtlView.cshtml

SameCateProductPtlView Hiển thị các sản phẩm thuộc cùng danh mục với sản phẩm hiện tại

CustomerDetails.cshtml/

SameCateProductPtlView.cshtml

MostSoldProductPtlView Hiển thị các sản phẩm có số lượng bán nhiều nhất theo thứ tự giảm dần

Index.cshtml (HomeController) MostSoldProductPtlView.cshtml

Trang 43

8.3.9 <ProductsController>

Index Xem danh sách sản phẩm Index.cshtml

8.3.10 <vouchersController>

Index Xem danh sách mã giảm giá Index.cshtml

Edit Sửa thông tin mã giảm giá Edit.cshtml

Details Thông tin mã giảm giá Details.cshtml

8.3.11 <UsersController>

Login Kiểm tra thông tin người dùng nhập vào để đăng nhập

Trang 44

37 8.4 SƠ ĐỒ ÁNH XẠ VIEW – CONTROLLER – MODEL

Model Controller View Partial View

CartItem CartController ConfirmCart.cshtml Done.cshtml GetCartInfo.cshtml Index.cshtml

CartPartial.cshtml

Order_DetailsPartial.cshtml

AdminUser AdminUserController Index.cshtml

Category CategoriesController Index.cshtml Create.cshtml Edit.cshtml Delete.cshtml

CategoriesPartialView.cshtml

Color ColorsController Index.cshtml Create.cshtml Edit.cshtml Delete.cshtml

Gallery GalleriesController Index.cshtml Create.cshtml Edit.cshtml Delete.cshtml Details.cshtml

Order OrdersController Index.cshtml Edit.cshtml Delete.cshtml Details.cshtml MyUser.cshtml

ProductDetails

ProductDetailsController

Index.cshtml Create.cshtml Edit.cshtml Delete.cshtml

MostSoldProductPtlView.cshtml SameCateProductPtlView.cshtml SamePriceProductPtlView.cshtml

Trang 45

Model Controller View Partial View

Details.cshtml ProductCategory.cshtml

CustomerDetails.cshtml

ProductCategoryPartialView.cshtml

Product ProductsController Index.cshtml Create.cshtml Edit.cshtml Delete.cshtml Details.cshtml

User UsersController Login.cshtml Signup.cshtml MyUser.cshtml

Voucher VouchersController Index.cshtml Create.cshtml Edit.cshtml Delete.cshtml Details.cshtml

Order_Details

CheckDonHang.cshtml

Size