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

Phần KHÁCH HÀNG

Xóa Quản lí đơn hàng Xóa

Sửa Thư viện ảnh Thêm

Sửa Mã khuyến mãi Thêm

Trang danh mục hàng Trang chi tiết sản phẩm

Trang đăng nhập, đăng ký, tài khoản của tôi Trang thông báo đặt hàng thành công

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

Trang HOME

Trang DANH SÁCH SẢN PHẨM

Trang CHI TIẾT SẢN PHẨM

Trang GIỎ HÀNG

Trang THANH TOÁN

Trang LỊCH SỬ MUA HÀNG

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

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:

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

Phần ADMIN

Trang LAYOUT

Quản lý DANH MỤC

Quản lý HÀNG HÓA

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

Thông tin các detail products

Quản lý MÀU SẮC

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

Quản lý HÌNH ẢNH

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

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

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

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

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

Quản lý ĐƠN HÀNG

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

Phần KHÁCH HÀNG

Trang MASTER LAYOUT

Logo Menu Categories Login/ Signup/ Cart

View\Share Partial View Model

_MasterLayout.cshtml _CartPartial.cshtml CartItem

Trang HOME

Logo Menu Categories Login/ Logout/ Cart

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

HÀNG VỪA CẬP BẾN (2) (lấy từ bảng product details theo số lượng bán nhiều nhất giảm dần)

Các phần không đánh số, sẽ hiển thị dạng tĩnh trên trang Index.cshtml

20 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

Trang DANH SÁCH SẢN PHẨM

LỌC SẢN PHẨM In tất cả sản phẩm có trong database (1)

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

Trang CHI TIẾT SẢN PHẨM

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)

ProductDetails CustomerDetails.cshtml (1) Lấy ảnh từ bảng 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 GIỎ HÀNG

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

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

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

Cart GetCartInfo.cshtml (1) Hiển thị thông tin sản phẩm hiện tại từ Model CartItem (2) CartItem

MostSoldProductPtlView.cshtml (3) Lấy từ bảng product details theo số lượng

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

Trang THANH TOÁN

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

Cart ConfirmCart.cshtml (1) User ( Lấy thông tin user hiện tại gán cho giá trị input)

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

24 Form thông báo đặt hàng thành công

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

Trang LỊCH SỬ MUA HÀNG

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

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

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

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

Form đăng ký (1) Đăng nhập bằng google hoặc facebook

User Signup.cshtml (1) User ( Lưu thông tin input vào database) ĐĂNG NHẬP

Form đăng nhập (1) Đăng nhập bằng google hoặc facebook

User Login.cshtml (1) User (Kiểm tra thông tin có trùng với database không)

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

Create Edit Delete Index Detail

Category Admin Admin Admin Admin (all)

Product Admin Admin Admin Admin (all)

Customer (Product Detail) Order và

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

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

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

User User(đăng ký 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)

AdminUser Admin Admin Admin Admin Admin

8 MÔ TẢ CHI TIẾT ỨNG DỤNG THEO MÔ HÌNH MVC

MODELS

Cắt hình ảnh các lớp trong gói Models, và mô tả tóm tắt mục đích và các phương thức của từng Model

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

VIEWS

AdminUser

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

Index.cshtml x Trang đăng nhập dành cho admin

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

ConfirmCart.cshtml x Trang thanh toán

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

Index.cshtml x Giỏ hàng khi 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

Done.cshtml X Thông báo đặt hàng thành công

Gói Categories

Index.cshtml x Xem các danh mục hàng hiện có

Create.cshtml x Tạo mới danh mục hàng

Delete.cshtml x Xóa danh mục hàng

Edit.cshtml x Sửa danh mục hàng

Gói Colors

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

Create.cshtml x Tạo mới màu sắc

Delete.cshtml x Xóa màu sắc

Edit.cshtml x Sửa màu sắc

Gói Galleries

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

Create.cshtml x Tạo mới hình ảnh

Delete.cshtml x Xóa hình ảnh

Edit.cshtml x Sửa hình ảnh

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

Gói Home

Index.cshtml x Trang chủ của khách hàng

Gói Galleries

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

Create.cshtml x Tạo mới hình ảnh

Delete.cshtml x Xóa hình ảnh

Edit.cshtml x Sửa hình ảnh

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

Gói Orders

Index.cshtml x Xem danh sách đơn hàng

Delete.cshtml x Xóa đơn hàng đã xong

Edit.cshtml x Sửa tình trạng đơn hàng

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

Gói ProductDetails

Các file View View Partial

Index.cshtml x Xem các chi tiết sản phẩm hiện tại

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

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

Edit.cshtml x Sửa chi tiết sản phẩm

Details.cshtml x Xem chi tiết một sản phẩm

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

ProductCategoryPartialView.cshtml X Lấy những sản phẩm lọc theo nhu cầu

ProductDeView.cshtml X In ra chi tiết sản phẩm dạng đơn giản cho trang admin

Các file View View Partial

SameCateProductPtlView.cshtml X Lấy ra những sản phẩm có cùng danh mục hàng khác với sản phẩm hiện tại

SamePriceProductPtlView.cshtml X Lấy ra những sản phẩm có cùng giá tiền hàng khác với sản phẩm hiện tại

Gói Products

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

Create.cshtml x Tạo mới sản phẩm

Delete.cshtml x Xóa sản phẩm

Edit.cshtml x Sửa sản phẩm

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

Gói Shared

_Layout.cshtml x Layout cho trang admin

_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

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

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

Delete.cshtml x Xóa mã khuyến mãi

Edit.cshtml x Sửa mã khuyến mãi

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

CONTROLLERS

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

Index Tạo trang login cho admin Index.cshtml

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

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

GetCart Tạo ra danh sách giỏ hàng và lưu vào session

AddToCart Thêm sản phẩm vào giỏ hàng GetCartInfo.cshtml

GetTotalNumber Tính tổng số lượng sản phẩm

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

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

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

XacNhanOrder Lưu thông tin đặt hàng vào database

Done Thông báo đặt hàng thành công Done.cshtml

Index Xem danh mục hàng Index.cshtml

Delete Xóa danh mục hàng Delete.cshtml

Create Tạo mới danh mục hàng Create.cshtml

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

Index Xem danh sách màu Index.cshtml

Delete Xóa màu Delete.cshtml

Create Tạo mới màu Create.cshtml

Edit Sửa thông tin màu Edit.cshtml

Index Xem danh sách hình ảnh Index.cshtml

Delete Xóa hình ảnh Delete.cshtml

Create Tạo mới hình ảnh Create.cshtml

Edit Sửa thông tin hình ảnh Edit.cshtml

Details Xem chi tiết hình ảnh Details.cshtml

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

Index Xem danh sách đơn hàng Index.cshtml

Delete Xóa đơn hàng đã xong Delete.cshtml

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

Edit Sửa thông tin hình ảnh Edit.cshtml

Details Xem chi tiết hình ảnh Details.cshtml

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

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

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

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

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

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

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

CustomerDetails Hiển thị thông tin chi tiết của một sản phẩm

ProductCategoryPartialView Hiển thị sản phẩm có mức khuyến mãi bằng 60%

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

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

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

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

Delete Xóa sản phẩm Delete.cshtml

Create Tạo mới sản phẩm Create.cshtml

Edit Sửa thông tin sản phẩm Edit.cshtml

Details Thông tin sản phẩm Details.cshtml

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

Delete Xóa mã giảm giá Delete.cshtml

Create Tạo mới mã giảm giá Create.cshtml

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

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

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

Signup Lưu thông tin người dùng đã đăng ký vào database

MyUser Tạo trang xem thông tin tài khoản của khách hàng

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

Model Controller View Partial View

Done.cshtml GetCartInfo.cshtml Index.cshtml

CartPartial.cshtml Order_DetailsPartial.cshtml

Create.cshtml Edit.cshtml Delete.cshtml

Create.cshtml Edit.cshtml Delete.cshtml Details.cshtml

Edit.cshtml Delete.cshtml Details.cshtml MyUser.cshtml

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

MostSoldProductPtlView.cshtml SameCateProductPtlView.cshtml SamePriceProductPtlView.cshtm l

Tiêu đề	Bán Quần Áo
Tác giả	Lê Quốc Cường, Mã Thị Thu Hương, Trần Tuấn Kiệt
Người hướng dẫn	ThS. Bùi Thị Thanh Tú
Trường học	Cao đẳng
Chuyên ngành	Lập trình web
Thể loại	báo cáo đồ án

Định dạng
Số trang	45
Dung lượng	1,59 MB