Đồ án môn học lập trình web tên đề tài thiết kế và xây dựng website bán hàng online

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB TÊN ĐỀ TÀI THIẾT KẾ VÀ XÂY DỰNG WEBSITE BÁN HÀNG ONLINE Giảng viên giảng dạy: Sinh viên thực : MSSV : Chuyên ngành : Kỹ thuật phần mềm Khóa : 2019 Tp.HCM, tháng 12/2021 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB TÊN ĐỀ TÀI THIẾT KẾ VÀ XÂY DỰNG WEBSITE BÁN HÀNG ONLINE Giảng viên giảng dạy: Sinh viên thực : MSSV : Chuyên ngành : Kỹ thuật phần mềm Khóa : 2019 Tp.HCM, tháng 12/2021 TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH KHOA CÔNG NGHỆ THÔNG TIN    CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc    NHIỆM VỤ ĐỒ ÁN MÔN HỌC (Sinh viên phải đóng tờ vào báo cáo) Họ tên: MSSV: Họ tên: MSSV: Chuyên ngành: Kỹ thuật phần mềm Lớp:20DTH2A Email: Email: Tên đề tài: THIẾT KẾ VÀ XÂY DỰNG WEBSITE BÁN HÀNG ONLINE Giảng viên giảng dạy: ThS Vương Xuân Chí Thời gian thực hiện: 15/10/2021 đến 30/12/2021 Tp.HCM, ngày 30 tháng 12 năm 2021 TRƯỞNG BỘ MÔN (Ký ghi rõ họ tên) GIẢNG VIÊN GIẢNG DẠY (Ký ghi rõ họ tên) ThS.Phạm Văn Đăng ThS.Vương Xuân Chí LỜI CẢM ƠN Đầu tiên, em xin gửi lời cảm ơn chân thành đến Trường Đại học Nguyễn Tất Thành đưa mơn lập trình Website vào trương trình giảng dạy Đặc biệt, chúng em xin gửi lời cảm ơn sâu sắc đến giảng viên mơn – Thầy Vương Xn Chí dạy dỗ, truyền đạt kiến thức quý báu cho chúng em suốt thời gian học tập vừa qua Bộ môn lập trình Website mơn học thú vị, vơ bổ ích có tính thực tế cao Đảm bảo cung cấp đủ kiến thức, gắn liền với nhu cầu thực tiễn sinh viên Tuy nhiên, vốn kiến thức nhiều hạn chế khả tiếp thu thực tế nhiều bỡ ngỡ Mặc dù chúng em cố gắng chắn tiểu luận khó tránh khỏi thiếu sót nhiều chỗ cịn chưa xác, kính mong thầy xem xét góp ý để tiểu luận chúng em hoàn thiện Em xin chân thành cảm ơn!” LỜI MỞ ĐẦU Công nghệ thông tin giai đoạn có bước phát triển vũ bão lĩnh vực hoạt động khắp nơi toàn giới, điều xảy Việt Nam vòng vài năm vừa qua đầu tư ạt vào công nghệ Tin học vấn đề thiếu cá nhân, tổ chức, công ty Cùng với sư phát triển cơng nghệ thơng tin, mạng máy tính phát triển rộng rãi có đóng góp to lớn cho nghiệp phát triển người Trong lĩnh vực lĩnh vực bn bán hàng hóa xem phổ biến nhất, việc bán hàng trực tuyến mạng internet phát triển mạnh mẽ dần thay cho phương thức buôn bán truyền thống với tiện ích nhanh chóng khơng tốn nhiều thời gian Nhận thấy tầm quan trọng nhóm em vận dụng kiến thức học mơn lập trình web để bắt tay vào thiết kế xây dựng website bán hàng trực tuyến cụ thể trang web bán quần áo thời trang trực tuyến Trang web xây dựng công nghệ ASP.NET MVC sử dụng công cụ Visual Studio NHẬN XÉT CỦA GIẢNG VIÊN ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… ………………………………………………………………………… Điểm đồ án:                                                       TPHCM, Ngày …… tháng …… năm                Giáo viên hướng dẫn                                                                                  (Ký tên, đóng dấu) DANH MỤC BẢNG HÌNH Hình 1: Sơ đồ MVC Hình 2: HTML Helpers Hình 3: Overview of Entity Framework Hình 4: Sơ đồ LinQ Hình 5: Trang chủ (Index.aspx) Hình 6: Trang sản phẩm (Products.aspx) Hình 7: Trang chi tiết sản phẩm (Single.aspx) Hình 8: Trang giỏ hàng (Check_Out.aspx) Hình 9  : Trang viết (Blog.aspx) Hình 10: Trang chi tiết viết (Blog_Single.aspx) Hình 11: Trang đăng nhập tài khoản (Login.aspx) Hình 12: Trang tạo tài khoản (Register.aspx) Hình 13: Trang liên hệ (Contact.aspx) Hình 14: Trang điều khoản bảo mật (PrivacyNotice.aspx) Hình 15: Đoạn code code behind (Products.aspx ThuVien.cs) Hình 16: Lưu đồ trình đăng nhập vào hệ thống Hình 17: Đăng nhập Hình 18  : Trang cá nhân Hình 19: Tài khoản bị cấm Hình 20: Trang đăng viết (TaoBaiViet.aspx) Hình 21: Trang viết hoạt động (BaiVietHoatDong.aspx) Hình 22: Trang viết tạm ngưng (BaiVietTamNgung.aspx) Hình 23: Trang đăng sản phẩm(DangSanPham.aspx) Hình 24: Trang sản phẩm kinh doanh(SanPhamKinhDoanh.aspx) Hình 25: Trang sản phẩm tạm ngưng(SanPhamTamNgung.aspx) Hình 26: Trang tạo đơn hàng(TaoDonHang.aspx) Hình 27: Tạo ADO.NET Entity Data Model Hình 28: Connect với Database QLBH Hình 29: Kết nối thành cơng Mục Lục LỜI CẢM ƠN .3 LỜI MỞ ĐẦU CHƯƠG I: GIỚI THIỆU ĐỀ TÀI .6 Lý chọn đề tài Phương pháp nghiên cứu xây dựng CHƯƠNG II: CƠ SỞ LÝ THUYẾT ASP.NET MVC Mơ hình MVC 2.1 View 10 2.2 Model 10 2.3 Controller 10 2.4 Razor 11 2.5 ViewBag, ViewData 11 Layout for View in ASP.NET MVC 12 3.1 HTML Helper class .12 3.2 Standard and Strongly Typed HTML Helpers .12 3.3 Templated HTML Helpers and Model 15 3.4 Layout for View 15 3.5 NuGet Packages 17 3.6 Bundling and Minification 17 Entity framework .19 Cách tạo mơ hình Database First .21 LinQ 22 CHƯƠNG III: XÂY DỰNG WEBSITE 25 Demo chương trình 25 Cách kết nối Database 41 CHƯƠNG VI: KẾT QUẢ ĐẠT ĐƯỢC 45 CHƯƠG I: GIỚI THIỆU ĐỀ TÀI Lý chọn đề tài Như thấy thị trường việc cạnh tranh kinh doanh ngày trể nên liệt hầu hết nhà kinh doanh, công ty lớn tất tâm đến việc làm thỏa mãn khách hang cách tốt So với kinh doanh bán hang truyền thống cơng nghệ thương mại điện tử sử dụng công nghệ tiên tiến cho thấy tiện lợi, nhanh chóng, tiêu tốn chi phí đạt hiệu cao Hơn việc áp dụng công nghệ thông tin giúp truyền tải thông tin quảng bá sản phẩm nâng cao danh tiếng doanh nghiệp cách nhanh chóng thuận tiện Kết hợp với phận giao hang tận nơi thông qua bưu điện ngân hàng giúp cho mơ hình them phát triển Nhận thấy nhu cầu mua hàng ngày cao phát triển công nghệ thông tin chúng e bắt tay vào xây dựng website bán quần áo thời trang nhằm phục vụ chon chu cầu mua sắm khách hàng Phương pháp nghiên cứu xây dựng Về mặt lý thuyết  Tìm hiểu ASP.NET MVC, mơ hình MVC  Tìm hiểu cách thức hoạt động client – Server  Tìm hiểu cách thức lưu liệu sử dụng liệu SQL Server Về mặt lập trình  Sử dụng Framework ASP.NET MVC để xây dựng website theo mơ hình MVC Về măt hoạt động Hình 12: Trang tạo tài khoản (Register.aspx) Hình 13: Trang liên hệ (Contact.aspx) Hình 14: Trang điều khoản bảo mật (PrivacyNotice.aspx) Hình 15: Đoạn code code behind (Products.aspx ThuVien.cs) Vào trang đăng nhập Nhập tài khoản và mật khẩu Sai Kiểm tra tài khoản, mật khẩu Đúng Load trang cá nhân Hình 16: Lưu đồ trình đăng nhập vào hệ thống PrivatePage ( Các trang dành riêng cho người có quyền truy cập vào) Sau đăng nhập thất bại ( Hệ thống báo đăng nhập thất bại ) Hình 17: Đăng nhập Sau đăng nhập thành cơng trang cá nhân (CaNhan.aspx) Hình 18  : Trang cá nhân Trang tài khoản cấm dùng (TaiKhoanCamDung.aspx) Hình 19: Tài khoản bị cấm Hình 20: Trang đăng viết (TaoBaiViet.aspx) Hình 21: Trang viết hoạt động (BaiVietHoatDong.aspx) Hình 22: Trang viết tạm ngưng (BaiVietTamNgung.aspx) Hình 23: Trang đăng sản phẩm(DangSanPham.aspx) Hình 24: Trang sản phẩm kinh doanh(SanPhamKinhDoanh.aspx) Hình 25: Trang sản phẩm tạm ngưng(SanPhamTamNgung.aspx) Hình 26: Trang tạo đơn hàng(TaoDonHang.aspx) Cách kết nối Database Cách 1: //Tạo ADO.NET Entity Data Model Hình 27: Tạo ADO.NET Entity Data Model //Connect với Database QLBH Hình 28: Connect với Database QLBH //Chọn bảng có Database Finish Hình 29: Kết nối thành cơng Cách 2: //Điền tên kết nối chọn database //Chọn Advanced sau copy tồn chuỗi kết nối //Vào app.config đổi chỗi kết nối CHƯƠNG VI: KẾT QUẢ ĐẠT ĐƯỢC Sau kết thúc học phần lập trình web chúng em nhận thấy môn học thú vị giúp chúng em hiểu rõ ASP.NET:  Hiểu rõ mơ hình MVC: View, Model, Controller  Biết cách kết nối truy vấn database LinQ, Entity framework  Biết cách tạo website bán hàng thực Bên cạnh em xin giành lời cảm ơn trân thành đến thầy Vương Xuân Chí tận tâm giảng dạy để chúng em tiếp thu kiến thức, trình dạy online gặp nhiều khó khăn thầy cố gắng vừa giảng dạy lớp vừa kết hợp làm video youtube để sinh viên dễ tiếp thu Đây website chúng em làm sử dụng ASP.NET nên khơng tránh khỏi thiếu sót em mong quý thầy cô xem xét thông cảm cho cho chúng em Một lần em xin trân thành cảm ơn !!! Tài liệu tham khảo: [1] https://www.youtube.com/channel/UC8VOC4YynYOJc5o76NQXxkg [2] https://www.youtube.com/c/HuyNguyenMai Link Drive : https://drive.google.com/file/d/1au_rbHa8rUml6FGDlC8D9auU230L3bG/view?usp=sharing