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

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.59 MB, 45 trang )

Trang 1<div class="page_container" data-page="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

</div>Trang 2<div class="page_container" data-page="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

</div>Trang 3<div class="page_container" data-page="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 độ hồ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

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

LÊ QUỐC CƯỜNG Tồ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

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

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

TRẦN TUẤN KIỆT Khơng có

4 Báo cáo

</div>Trang 4<div class="page_container" data-page="4">

</div>Trang 5<div class="page_container" data-page="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

</div>Trang 7<div class="page_container" data-page="7">

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

</div>Trang 8<div class="page_container" data-page="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

</div>Trang 10<div class="page_container" data-page="10">

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

3.1 Trang HOME

</div>Trang 12<div class="page_container" data-page="12">

</div>Trang 13<div class="page_container" data-page="13">

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

</div>Trang 14<div class="page_container" data-page="14">

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

</div>Trang 16<div class="page_container" data-page="16">

3.4 Trang GIỎ HÀNG

</div>Trang 18<div class="page_container" data-page="18">

3.5 Trang THANH TOÁN

</div>Trang 19<div class="page_container" data-page="19">

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

3.7 Trang LỊCH SỬ MUA HÀNG

</div>Trang 20<div class="page_container" data-page="20">

</div>Trang 21<div class="page_container" data-page="21">

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

</div>Trang 22<div class="page_container" data-page="22">

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:

</div>Trang 23<div class="page_container" data-page="23">

5 ENTITY DATA MODEL

</div>Trang 24<div class="page_container" data-page="24">

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

Logo Menu Categories

Thông tin các category

Footer

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

Logo Menu Categories

Thông tin các products

Footer

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

Logo Menu Categories

Thông tin các detail products

Footer

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

Logo Menu Categories

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

Footer

</div>Trang 25<div class="page_container" data-page="25">

6.1.6 Quản lý HÌNH ẢNH

Logo Menu Categories

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

Footer

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

Logo Menu Categories

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

Logo Menu Categories

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

Footer

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

Logo Menu Categories

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

</div>Trang 26<div class="page_container" data-page="26">

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%)

</div>Trang 27<div class="page_container" data-page="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

Logo Menu Categories Login/ Logout/ Cart

</div>Trang 28<div class="page_container" data-page="28">

Ả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)

Controller View Partial View Model

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

</div>Trang 29<div class="page_container" data-page="29">

6.2.5 Trang GIỎ HÀNG

Logo Menu Categories Login/ Logout/ Cart

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 tốn

(2) Ghi chú

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

Controller View Partial View Model

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

(2) CartItem

</div>Trang 30<div class="page_container" data-page="30">

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)

Controller View Partial View Model

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

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

Logo Menu Categories Login/ Signup/ Cart

</div>Trang 31<div class="page_container" data-page="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)

Controller View Partial View Model

6.2.8 Trang LỊCH SỬ MUA HÀNG

Logo Menu Categories Login/ Signup/ Cart

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)

</div>Trang 32<div class="page_container" data-page="32">

Controller View Model

(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Ý

Logo Menu Categories Login/ Logout/ Cart

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

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

Controller View Model

ĐĂNG NHẬP

Logo Menu Categories Login/ Logout/ Cart

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

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

Footer

</div>Trang 33<div class="page_container" data-page="33">

Controller View Model

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)

</div>Trang 34<div class="page_container" data-page="34">

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

</div>Trang 35<div class="page_container" data-page="35">

8.2 VIEWS

8.2.1 AdminUser

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

8.2.2 Cart

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

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

</div>Trang 36<div class="page_container" data-page="36">

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

8.2.4 Gói Colors

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

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

8.2.5 Gói Galleries

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

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

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

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

8.2.7 Gói Galleries

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

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

</div>Trang 37<div class="page_container" data-page="37">

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

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

8.2.8 Gói Orders

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

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

</div>Trang 38<div class="page_container" data-page="38">

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

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

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

_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

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

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

</div>Trang 39<div class="page_container" data-page="39">

8.2.13 Gói vouchers

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

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

</div>Trang 40<div class="page_container" data-page="40">

8.3.2 <CartController>

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

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 tốn

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

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

</div>Trang 41<div class="page_container" data-page="41">

8.3.4 <ColorsController>

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

8.3.5 <GalleriesController>

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

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

8.3.6 <HomeController>

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

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

Index.cshtml

8.3.7 <OrdersControlller>

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

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

</div>Trang 42<div class="page_container" data-page="42">

8.3.8 <ProductDetailsController>

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

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

</div>Trang 43<div class="page_container" data-page="43">

8.3.9 <ProductsController>

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

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

8.3.10 <vouchersController>

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

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>

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

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

</div>Trang 44<div class="page_container" data-page="44">

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

</div>Trang 45<div class="page_container" data-page="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

</div>

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