Báo cáo chuyên đề học phần lập trình web nâng cao đề tài xây dựng website bán quần áo

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN QUẦN ÁO Sinh viên thực : NGUYỄN TRỌNG NGHĨA ĐẶNG VĂN DOANH Giảng viên hướng dẫn Chuyên Ngành : CẤN ĐỨC ĐIỆP Khoa : CƠNG NGHỆ THƠNG TIN Lớp : D15CNPM1 Khóa : 2020-2025 : CÔNG NGHỆ PHẦN MỀM Hà Nội, tháng 12 năm 2022 Sinh viên thực hiện: Họ tên PHIẾU CHẤM ĐIỂM Chữ ký Ghi Nguyễn Trọng Nghĩa Msv: 20810310499 Đặng Văn Doanh Msv: 20810340149 Giảng viên chấm: Họ tên Giảng viên chấm : Giảng viên chấm : Chữ ký Ghi LỜI CẢM ƠN MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG 1: GIỚI THIỆU DỰ ÁN QUẢN LÝ WEBSITE BÁN QUẦN ÁO 1.1 Giới thiệu đề tài 1.1.1 Đặt vấn đề 1.1.2 Giải pháp 1.1.3 Thực trạng website bán đồ quần áo .2 1.2 Mục đích đề tài 1.3 Phạm vi đề tài 1.3.1 Phạm vi chức 1.3.2 Phạm vi liệu CHƯƠNG 2: QUẢN LÝ DỰ ÁN 2.1 Ước lượng dự án 2.2 Phân tích tiến trình thực 11 CHƯƠNG 3: PHÂN TÍCH HỆ THỐNG 13 3.1 Phân tích yêu cầu xử lý hệ thống hành 13 3.1.1 Chức nghiệp vụ 13 3.1.1.1 Bộ phận kiểm duyệt: 13 3.1.1.2 Bộ phận tư vấn môi giới khách hàng: 13 3.1.1.3 Bộ phận chứng thực sản phẩm đăng lên: 13 3.1.1.4 Bộ phận quản lý giao dịch khách hàng: 13 3.1.2 Thông tin yêu cầu 13 3.1.2.1 Người sử dụng đăng ký tài khoản cá nhân đăng nhập vào hệ thống 13 3.1.2.2 Người sử dụng đăng thông tin sản phẩm điện tử 13 3.2 Biểu đồ Usecase 15 3.2.1 Usecase tổng quát 15 3.2.2 Mô tả tác nhân sơ đồ cụ thể 16 3.2.2.1 Actor Admin .16 3.2.2.2 Actor User 17 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao 3.2.3 Đặc tả Usecase 18 CHƯƠNG 4: THIẾT KẾ HỆ THỐNG .19 4.1 Thiết kế hệ thống hướng đối tượng 19 4.1.1 Cơ sở lý thuyết 19 4.1.2 Phần mềm sử dụng 19 4.2 Thiết kế lưu trữ 19 4.2.1 Database Diagram 20 4.2.2 Bảng NguoiDung .21 4.2.3 Bảng DanhMuc .21 4.2.4 Bảng SanPham 22 4.2.5 Bảng DonHang 22 4.3 Thiết kế giao diện .23 4.3.1 Giao diện trang chủ 23 4.3.2 Giao diện danh mục sản phẩm 24 4.3.3 Giao diện giỏ hàng 25 4.3.4 Giao diện đăng nhập .26 4.3.5 Giao diện admin 27 CHƯƠNG 5: CÀI ĐẶT 28 5.1 Giới thiệu Visual Studio .28 5.2 Công cụ hỗ trợ 29 5.3 Phần code chức 30 5.3.1 Code HomeController 30 5.3.2 Code SanPhamController 31 5.3.3 Code DonHangController 32 5.3.4 Code DanhMucController .33 KẾT LUẬN 34 TÀI LIỆU THAM KHẢO 35 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao LỜI CẢM ƠN Qua thời gian tìm hiểu thực đến đề tài “XÂY DỰNG WEBSITE BÁN QUẦN ÁO” hồn thành Trong suốt q trình thực đề tài, nhóm đề tài nhận nhiều giúp đỡ nhiệt tình thầy bạn Nhóm chúng em xin chân thành cảm ơn thầy cô trang bị kiến thức quý báu cho nhóm suốt q trình học tập trường Đại học Điện lực Đặc biệt thầy cô khoa Cơng nghệ thơng tin tận tình giảng dạy, bảo, trang bị cho nhóm kiến thức cần thiết suốt trình học tập nghiên cứu khoa, thầy cô tạo điều kiện thuận lợi giúp nhóm thực đề tài Trong học kỳ này, nhóm chúng em xin cảm ơn giáo viên hướng dẫn, thầy Cấn Đức Điệp tận tình hướng dẫn, bảo giúp đỡ nhóm suốt thời gian qua Nhờ vào giúp đỡ bảo thầy mà nhóm hồn thành đồ án Mặc dù nhóm cố gắng nỗ lực để thực để tài nhóm đề tài khơng thể tránh khỏi thiếu sót, kính mong đóng góp hướng dẫn thầy Nhóm đề tài xin chân thành cảm ơn! Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao LỜI MỞ ĐẦU Trong thời đại công nghệ thông tin phát triển nay, hầu hết tất ngành, lĩnh vực áp dụng công nghệ thông tin vào hệ thống Đặc biệt lĩnh vực kinh doanh mua, bán hàng online Vài năm trở lại đây, dịch COVID-19 diễn biến phức tạp bây giờ, mua bán hàng online phát triển nhanh mạnh mẽ, trang web bán hàng online liên tục tạo ra, mua bán đủ loại mặt hàng từ thiết yếu quần áo, đồ dùng cá nhân , thiết bị điện tử điện thoại, laptop, tivi ,thậm chí thú cưng chó, mèo , hay phương tiện di chuyển xe máy, ô tô Hầu hết thương hiệu lớn, đại lí bán hàng, siêu thị hay cửa hàng có quy mơ ngồi việc bn bán cửa hàng họ tạo trang web riêng để mua bán hàng online, ship đến tận tay khách hàng Dù khoản nhỏ tiền ship thuận tiện cho khách hàng Và thực tế, nhu cầu mua hàng online người ngày tăng cao Nhưng lại có q nhiều website bán hàng khơng uy tín, lừa đảo Đặc biệt website kinh doanh loại mặt hàng lỗi thời, không đảm bảo an tồn cho người sử dụng Vậy nên địi hỏi cần có website uy tín, chất lượng đảm bảo Từ yêu cầu thiết thực nhóm em xây dựng đề tài “Website bán quần áo” Vì thời gian nghiên cứu , xây dựng báo cáo khơng nhiều nên khơng thể tránh khỏi thiếu sót Nhóm em mong thầy khoa góp ý, cho lời khun để chúng em có thêm kinh nghiệm hồn thành tốt báo cáo sau Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao CHƯƠNG 1: GIỚI THIỆU DỰ ÁN QUẢN LÝ WEBSITE BÁN QUẦN ÁO 1.1 Giới thiệu đề tài 1.1.1 Đặt vấn đề - Trong bối cảnh thị trường bán hàng online ngày phát triển, nhu cầu bán, tìm mua, loại sản phẩm ngày lớn Khi triển khai kinh doanh bán quần áo, bán mua…, điều băn khoăn truyền tải thông tin đến với nhiều khách hàng có nhu cầu sử dụng thực - Ngược lại, khách hàng có nhu cầu mua, bán quần áo mong muốn tìm kiếm sản phẩm thời trang đẹp nhất, phù hợp với xu hướng Tuy nhiên, người có nhu cầu mua quần áo gặp nhiều khó khăn việc quảng cáo tìm kiếm thơng tin sản phẩm Làm để quảng cáo tìm kiếm thơng tin thời trang, tin cậy, xác, tiết kiệm thời gian, công sức, giúp cho việc mua bán trở nên dễ dàng, nhanh chóng, thuận tiện hiệu - Quan trọng hơn, khách có nhu cầu mua liên hệ trực tiếp với người bán, khơng phải thông qua trung gian Như vậy, người mua tránh phải mua hàng chất lượng không rõ suất sứ đội giá Ý tưởng xây dựng website bán quần áp đời với mong muốn trở thành nơi mua bán đáp ứng hồn tồn tiêu chí 1.1.2 Giải pháp Nhóm em đưa giải pháp xây dựng website bán quần áo mang đến lựa chọn tốt để xây dựng nơi mua bán trực tuyến phong phú thông tin, thuận tiện cho người sử dụng đem lại giá trị thiết thực cho đơn vị chủ quản khách hàng 1.1.3 Thực trạng website bán đồ quần áo Kinh doanh trực tuyến trở thành xu hướng, thị trường lớn đầy tiềm việc kinh doanh Chính lí mà nhiều người đổ xô vào kinh doanh đặc biệt giới trẻ nhằm kiếm thêm thu nhập, tăng suất doanh thu bán hàng Tuy nhiên năm gần kinh tế bước vào giai đoạn khó khăn thăm nhập ông chủ nước vào thị trường Việt Nam khiến cho cạnh tranh ngày gay gắt hết Bài tốn kinh doanh online từ trở thành nỗi băn khoăn lớn nhà kinh doanh Quản lý shop online bao gồm quản lý đơn hàng, cập nhật tồn kho, liệu khách hàng,… nỗi lo nhiều người bán Dù người bán chuyên nghiệp hay không chuyên đối mặt với nỗi sợ…đơng khách Hiện nay, Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao kênh bán hàng đa dạng tạo điều kiện để shop online tiếp cận nhiều với khách hàng Tuy nhiên, nhiều người bán cố gắng phân phối sản phẩm nhiều kênh khác lại khơng có kinh nghiệm quản lý đa kênh Chi phí logistics (chi phí kho bãi, quản lý kho bãi, xử lý đơn hàng, giao hàng, xử lý phát sinh sau mua,…) vấn đề hàng đầu chiếm tỉ trọng lớn tổng chi phí kinh doanh thương mại điện tử Nếu khơng tối ưu, khoản chi phí người bán giải theo nhiều cách khác nhau, chủ yếu cộng thêm vào giá thành sản phẩm Điều làm tăng giá bán sản phẩm lại tạo thêm áp lực cạnh tranh vô hình cho người bán Vì vậy, chi phí cần tối ưu để giảm thiếu áp lực cho người bán 1.2 Mục đích đề tài Tạo lập website để: - Giúp khách hàng có nhu cầu mua bán quần áo, tìm kiếm thơng tin lĩnh vực thương mại điện tử dễ dàng tìm mua, đăng bán hay đăng thơng tin hàng hố bán tra cứu thông tin tất thành viên để lựa chọn đưa định đắn cho - Trợ giúp thương nhân nhỏ, công ty vừa nhỏ doanh nghiệp kinh doanh quần áo có thêm lựa chọn cơng cụ bán hàng đại; nhanh chóng đưa sản phẩm tiếp cận với lượng khách hàng lớn, giảm chi phí bán hàng; tạo mối liên kết, chia sẻ thông tin, trao đổi với khách hàng; thúc đẩy tính chuyên nghiệp nâng cao lực cạnh tranh doanh nghiệp 1.3 Phạm vi đề tài 1.3.1 Phạm vi chức Website xây dựng với nhiều chức hợp lý, dễ dàng sử dụng nhằm đem lại cho khách hàng thuận tiện thao tác truy cập tìm kiếm thơng tin Các chức chính: * Admin: - Quản lý người dùng - Quản lý Danh mục sản phẩm - Quản lý sản phẩm * User: Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao - Trang chủ - Sản phẩm - Giỏ hàng - Thanh toán online qua VNPay/ZaloPay/Momo - Quản lý đơn hàng 1.3.2 Phạm vi liệu Nguồn liệu dùng cho hệ thống cập nhật từ nhiều nguồn khác nhau, nhiên điều kiện phạm vi đề tài phạm vi liệu website chủ yếu lấy từ nguồn sau: - Sản phẩm đăng từ ban quản trị hệ thống - Thông qua từ website khác Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao CHƯƠNG 2: QUẢN LÝ DỰ ÁN 2.1 Ước lượng dự án Giai đoạn Công việc Khảo sát yêu cầu dự án Khởi tạo dự án Quản lý dự án Lập kế hoạch phạm vi dự án Viết báo cáo tổng kết Rút kinh nghiệm Phân tích thiết kế hệ thống Đặc tả chi tiết yêu cầu từ khách hàng Mô tả Thu thập yêu cầu tổng quát dự án Thông báo triển khai dự án,lập project Lập kế hoạch phạm vi dự án Tổng kết lại tồn cơng việc thành báo cáo Rút kinh nghiệm cho đợt dự án sau Từ yêu cầu thu từ phần khảo sát, mô tả cụ Người tham gia người người người người người Thời gian Chi phí ngày 20$ ngày 100$ ngày 200$ Giai đoạn cuối dự án Giai đoạn cuối dự án ngày 300$ người Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao 4.2.2 Bảng NguoiDung Hình 4.2 Bảng NguoiDung 4.2.3 Bảng DanhMuc Hình 4.3 Bảng DanhMuc 21 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao 4.2.4 Bảng SanPham Hình 4.4 Bảng SanPham 4.2.5 Bảng DonHang Hình 4.5 Bảng DonHang 22 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao 4.3 Thiết kế giao diện 4.3.1 Giao diện trang chủ Hình 4.6 Giao diện trang chủ 23 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao 4.3.2 Giao diện danh mục sản phẩm Hình 4.7 Giao diện danh mục sản phẩm 24 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao 4.3.3 Giao diện giỏ hàng Hình 4.8 Giao diện giỏ hàng 25 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao 4.3.4 Giao diện đăng nhập Hình 4.9 Giao diện đăng nhập 26 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao 4.3.5 Giao diện admin Hình 4.10 Giao diện admin 27 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao CHƯƠNG 5: CÀI ĐẶT 5.1 Giới thiệu Visual Studio Microsoft Visual Studio mơi trường phát triển tích hợp (IDE) từ Microsoft Microsoft Visual Studio gọi "Trình soạn thảo mã nhiều người sử dụng giới ", dùng để lập trình C++ C# Nó sử dụng để phát triển chương trình máy tính cho Microsoft Windows, trang web, ứng dụng web dịch vụ web Visual Studio sử dụng tảng phát triển phần mềm Microsoft Windows API, Windows Forms, Windows Presentation Foundation, Windows Store Microsoft Silverlight Nó sản xuất hai ngôn ngữ máy mã số quản lý ASP.NET tảng ứng dụng web (web application framework) phát triển cung cấp Microsoft, cho phép người lập trình tạo trang web động, ứng dụng web dịch vụ web Lần đưa thị trường vào tháng năm 2002 với phiên 1.0 của.NET framework, công nghệ nối tiếp Microsoft's Active Server Pages(ASP) ASP.NET biên dịch dạng Common Language Runtime (CLR), cho phép người lập trình viết mã ASP.NET với ngôn ngữ hỗ trợ bởi.NET language Mơ hình MVC viết tắt cụm từ “Model-View-Controller“ Đây mơ hình thiết kế được sử dụng kỹ thuật phần mềm MVC mẫu kiến trúc phần mềm để tạo lập giao diện người dùng máy tính MVC chia thành ba phần kết nối với và mỗi thành phần đều có một nhiệm vụ riêng của nó và độc lập với các thành phần khác Tên gọi thành phần:  Model (dữ liệu): Quản lí xử lí các dữ liệu  View (giao diện): Nới hiển thị dữ liệu cho người dùng  Controller (bộ điều khiển): Điều khiển sự tương tác của hai thành phần Model và View Mơ hình MVC (MVC pattern) thường dùng để phát triển giao diện người dùng Nó cung cấp thành phần để thiết kế chương trình cho máy tính điện thoại di động, ứng dụng web Mơ hình MVC gồm loại thành phần bên thiếu áp dụng mơ hình này:  Model: Là phận có chức năng lưu trữ toàn liệu của ứng dụng cầu nối thành phần bên là View và Controller Một model liệu sử dụng chương trình Đây sở liệu, file 28 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao XML bình thường hay đối tượng đơn giản Chẳng hạn biểu tượng nhân vật game  View: Đây phần giao diện (theme) dành cho người sử dụng View phương tiện hiển thị đối tượng ứng dụng Chẳng hạn hiển thị cửa sổ, nút hay văn cửa sổ khác Nó bao gồm thứ mà người dùng nhìn thấy  Controller: Là phận có nhiệm vụ xử lý yêu cầu người dùng đưa đến thông qua View Một controller bao gồm cả Model lẫn View Nó nhận input thực update tương ứng 5.2 Công cụ hỗ trợ - Visual studio - SQL Server - Rational Rose 29 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao 5.3 Phần code chức 5.3.1 Code HomeController Hình 5.1 Code HomeController 30 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao 5.3.2 Code SanPhamController Hình 5.2 Code SanPhamController 31 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao 5.3.3 Code DonHangController Hình 5.3 Code DonHangController 32 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao 5.3.4 Code DanhMucController Hình 5.3 Code DanhMucController 33 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.d€.t€i.xay.dung.website.ban.quan.ao KẾT LUẬN Với kiến thức có mình, chúng em đẫ hoàn thành yêu cầu tiến hành thực đề tài “XÂY DỰNG WEBSITE BÁN QUẦN ÁO” Tuy nhiên, q trình làm khơng tránh khỏi thiếu sót, có chỗ cịn vướng mắc, vậy, chúng em mong góp ý giúp đỡ thầy giáo, để báo cáo hoàn thiện hơn! Chúng em xin gửi lời cảm ơn chân thành tới giảng viên Cấn Đức Điệp giảng viên giảng dạy mơn Lập trình Web nâng cao tận tình hướng dẫn chúng em hồn thành đề tài này! Chúng em xin chân thành cảm ơn! 34 Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao Bao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.aoBao.cao.chuyen.de.hoc.phan.lap.trinh.web.nang.cao.deÌ€.taÌ€i.xay.dung.website.ban.quan.ao