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

BÁ O CÁ O ĐỀ TÀ I Mơn: Lập trình web Đề tài: [tên đề tài] (Tham khảo website: ) Giáo viên: ThS Bùi Thị Thanh Tú Mã số nhóm: Tên thành viên Mã số sinh viên BẢ NG CHẤ M ĐIỂ M Mã số nhóm: Tên thành viên CĐR CLO 1+2+3               CLO     CLO 5+6       Nội Diễn giải dung Giao diện chung   Mức độ tương đồng so với trang tham khảo   Thiết kế responsive Các thành phần MVC   CRUD   Thống kê   Phân trang, Tìm kiếm   Khác (Pure UI, beautiful code, hosting….) Đề tài áp dụng thực tế   Mức độ khó DB   Mức độ khó website  Báo cáo trình bày Báo cáo   Khả làm việc theo nhóm, lập kế hoạch viết báo cáo   Năng lực giao tiếp trình bày giải pháp kỹ thuật     Tổng Mã số sinh viên Thang Tên SV1 điểm       Tên SV2 Tên SV3             1.5       0.5                              0.5    0.5       1.5                       0.5         10               ĐÁ NH GIÁ CÔ NG VIỆ C THÀ NH VIÊ N FrontEnd Họ tên – MSSV Cơng việc giao Mức độ hồn thành Mức độ tích cực Cơng việc giao Mức độ hồn thành Mức độ tích cực Cơng việc giao Mức độ hồn thành Mức độ tích cực Cơng việc giao Mức độ hồn thành Mức độ tích cực Database Họ tên – MSSV Backend Họ tên – MSSV Báo cáo Họ tên – MSSV Báo cáo đồ án lập trình web MỤ C LỤ C MÔ TẢ ĐỀ TÀI CẤU TRÚC WEBSITE .1 2.1 Phần ADMIN 2.2 Phần KHÁCH HÀNG GIAO DIỆN THAM KHẢO PHẦN KHÁCH HÀNG .3 3.1 Trang HOME 3.2 Trang DANH SÁCH SẢN PHẨM .4 3.3 Trang CHI TIẾT SẢN PHẨM 3.4 Trang GIỎ HÀNG 3.5 Trang THANH TOÁN .4 3.6 Trang XÁC NHẬN ĐƠN HÀNG .4 3.7 Trang LỊCH SỬ MUA HÀNG 3.8 ĐĂNG KÝ / ĐĂNG NHẬP .4 SƠ ĐỒ CƠ SỞ DỮ LIỆU ENTITY DATA MODEL PHÂN TÍCH LAYOUT VÀ CHỨC NĂNG 6.1 Phần ADMIN 6.1.1 Trang LAYOUT 6.1.2 Quản lý … .5 6.2 Phần KHÁCH HÀNG 6.2.1 Trang MASTER LAYOUT 6.2.2 Trang HOME 6.2.3 Trang DANH SÁCH SẢN PHẨM .7 6.2.4 Trang CHI TIẾT SẢN PHẨM 6.2.5 Trang GIỎ HÀNG 6.2.6 Trang THANH TOÁN .8 6.2.7 Trang XÁC NHẬN ĐƠN HÀNG .8 i Báo cáo đồ án lập trình web 6.2.8 Trang LỊCH SỬ MUA HÀNG 6.2.9 ĐĂNG KÝ / ĐĂNG NHẬP .8 TỔNG KẾT CHỨC NĂNG THEO VAI TRÒ SỬ DỤNG .8 MÔ TẢ CHI TIẾT ỨNG DỤNG THEO MƠ HÌNH MVC 8.1 MODELS .9 8.2 VIEWS 10 8.2.1 Gói Categories 10 8.2.2 Gói Colors 10 8.3 CONTROLLERS 11 8.3.1 8.4 11 SƠ ĐỒ ÁNH XẠ VIEW – CONTROLLER – MODEL 11 ii Báo cáo đồ án lập trình web NỘ I DUNG BÁ O CÁ O MÔ TẢ ĐỀ TÀI Trang web bán sản phẩm gì? Gồm chức nào? Xem ví dụ mô tả đây: Thiết kế trang web bán điện thoại di động, bao gồm chức sau: Trang HOME Quản lý người dùng: đăng ký, đăng nhập Quản lý danh mục hàng hóa Quản lý giỏ hàng Thanh tốn Phân trang Các chức tham khảo theo trang web: Fptshop.com.vn | Điện thoại, Laptop, Tablet, Phụ kiện hãng giá tốt CẤU TRÚC WEBSITE 2.1 Phần ADMIN Homepage Danh mục hàng Thêm Sửa Xóa Xem danh sách Báo cáo đồ án lập trình web 2.2 Phần KHÁCH HÀNG Trang HOME Trang CHI TIẾT SẢN PHẨM Trang GIỎ HÀNG Trang TÀI KHOẢN CỦA TÔI Detail Product Trang MUA NGAY Trang HỒN TẤT ĐẶT Trang THƠNG BÁO ĐẶT HÀNG HÀNG THÀNH CÔNG Báo cáo đồ án lập trình web GIAO DIỆN THAM KHẢO PHẦN KHÁCH HÀNG 3.1 Trang HOME Báo cáo đồ án lập trình web 3.2 Trang DANH SÁCH SẢN PHẨM 3.3 Trang CHI TIẾT SẢN PHẨM 3.4 Trang GIỎ HÀNG 3.5 Trang THANH TOÁN 3.6 Trang XÁC NHẬN ĐƠN HÀNG 3.7 Trang LỊCH SỬ MUA HÀNG 3.8 ĐĂNG KÝ / ĐĂNG NHẬP SƠ ĐỒ CƠ SỞ DỮ LIỆU Báo cáo đồ án lập trình web ENTITY DATA MODEL PHÂN TÍCH LAYOUT VÀ CHỨC NĂNG 6.1 Phần ADMIN 6.1.1 Trang LAYOUT Logo Content Body Footer 6.1.2 Quản lý … 6.2 Phần KHÁCH HÀNG 6.2.1 Trang MASTER LAYOUT 6.2.1.1 Logo Phân tích layout Thanh Search (1) Giỏ hàng/ Đăng nhập (2) Báo cáo đồ án lập trình web Content Body Footer 6.2.1.2 Phân tích chức View\Share Partial View Model _MasterLayout.cshtml _PartialSearch.cshtml Product _PartialNavBar.cshtml 6.2.2 Trang HOME 6.2.2.1 Phân tích layout Logo Thanh Search (1) Menu dọc (theo Category) (3) Giỏ hàng/ Đăng nhập (2) Banner (4- PartialView – lấy từ bảng Banner) Sản phẩm bạn quan tâm (5- PartialView- lấy từ bảng Product Detail theo Discount lấy từ bảng Product theo Voucher) Sản phẩm bán chạy (6 – theo SoldQuantity) Bạn thích (7-theo Rating) Nổi bật (phân loại theo khối bên phải) Thương hiệu bật (8-theo Brand) Đi chợ ngày (9- theo Recommend) Giá tốt hôm (10 – theo Price) Gợi ý hôm (11 – theo Sp moi) Footer 6.2.2.2 Phân tích chức Các phần khơng đánh số, hiển thị dạng tĩnh trang Index.cshtml Các phần có đánh số lấy từ Model lên, phân tích bảng đây: Controller View Partial View Model Home Index.cshtml _PartialCategory.cshtml Category, Product, Product Detail _PartialBanner.cshtml Banner, Product _PartialMostFavorists.cshtml lấy từ bảng Product Detail theo Discount lấy từ bảng Product theo Voucher Báo cáo đồ án lập trình web _PartialBestSellers.cshtml Product Detail: lấy theo trường Sold Quantity Lấy qua Product lấy theo Total Sold Quantity _PartialSuggestions.cshtml Product: lấy theo trường Rating Product Detail: lấy theo trường View Quantity _PartialBestBrands.cshtml Thương hiệu bật (8- lấy Top 20 Brand có số lượng bán nhiều _PartialRecommends.cshtml Đi chợ ngày (9- theo Recommend) _PartialBestPrices.cshtml Giá tốt hôm (10 – lấy từ bảng Product Details theo Discounted Price) _PartialNewProducts.cshtml Gợi ý hôm (11 – lấy từ Product theo Created Date) 6.2.3 Trang DANH SÁCH SẢN PHẨM 6.2.4 Trang CHI TIẾT SẢN PHẨM 6.2.5 Trang GIỎ HÀNG 6.2.6 Trang THANH TOÁN 6.2.7 Trang XÁC NHẬN ĐƠN HÀNG 6.2.8 Trang LỊCH SỬ MUA HÀNG Báo cáo đồ án lập trình web 6.2.9 ĐĂNG KÝ / ĐĂNG NHẬP TỔNG KẾT CHỨC NĂNG THEO VAI TRÒ SỬ DỤNG Action Create Edit Delete Index Detail Admin Admin Admin Admin (all) Admin Method / Model Category Customer (menu) Product Order Admin Admin Admin Customer Customer (hủy Admin (các (đặt hàng) đơn, tăng giảm đơn hàng số lượng) cũ) Order Admin (cập Detail Admin (all) Admin (simple) Customer Customer (Product (Product Category, Home) Detail) Admin (all) Admin (all) Customer (lịch sử Customer (đơn đặt hàng cá hàng cá nhân) nhân) nhật trạng thái đơn hàng: giao, chờ giao, …) Customer Customer Customer Admin (xóa (đăng ký tài (chỉnh sửa tài khoản khoản, thông thông tin cá inactive) tin giao nhân) hàng) Admin Admin (all) Customer (thông tin tài khoản cá Admin (cập nhân) nhật trạng thái active/inactive tài khoản khách hàng) User Admin (tạo Admin Admin Admin Admin tài khoản Admin) Báo cáo đồ án lập trình web MƠ TẢ CHI TIẾT ỨNG DỤNG THEO MƠ HÌNH MVC 8.1 MODELS Cắt hình ảnh lớp gói Models, mơ tả tóm tắt mục đích phương thức Model Model Class Mục đích Gen từ DB Tự tạo thêm Metadata.cs X PartialClasses.cs x Cart.cs X Category.cs Lưu thông tin chủng loại sản phẩm x Báo cáo đồ án lập trình web 8.2 VIEWS 8.2.1 Gói Categories Các file View View Index.cshtml x Partial View Mục đích 8.2.2 Gói Colors Các file View View Partial View Index.cshtml x Mục đích 8.3 CONTROLLERS 8.3.1 Action Method Mục đích View/Partial View liên quan 10 Báo cáo đồ án lập trình web 8.3.2 Action Method Mục đích View/Partial View liên quan 8.4 SƠ ĐỒ ÁNH XẠ VIEW – CONTROLLER – MODEL Model Controller View Partial View 11