KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE BẰNG ASP.NET MVC

Website NHP dịch vụ được xây dựng nhằm mục đích là nơi liên kết, hộ trợ các dịch vụ tại nhà cho người dân. Website kết nối với các nhà cung cấp dich vụ tại địa phương đáng tin cậy và tốt nhất ..........

LỜI CẢM ƠN Trong thời gian năm học tập trường *********************, em nhận nhận hướng dẫn giúp đỡ đầy nhiệt tình từ gia đình, bạn bè, thầy cô anh/ chị học tập trường Lời em xin bày tỏ lòng biết ơn sâu sắc đến Ban giám hiệu trường *********************, thầy cô giao khoa Công nghệ thông tin *********************** tận tình giúp đỡ tạo điều kiện cho em phát triển thân suốt quãng thời gian học trường Đặc biệt em xin chân thành gửi lời cảm ơn đến thầy giáo ********** tận tình hướng dẫn, dạy bảo động viên cho em q trình hồn thành khóa luận tốt nghiệp Tiếp theo, Em xin cảm ơn thầy chủ nhiệm môn học tạo điều kiện tốt để em học tập, khám phá phát triển thân Sau cùng, em xin cảm ơn gia đình bạn bè bên cạnh để giúp đỡ, động viên khích lệ suốt q trình hồn thành khóa luận tốt nghiệp Và cảm ơn bạn lớp ***** bên nhau, giúp đỡ chia sẻ niềm vui nỗi buồn năm vừa qua Sau tốt nghiệp, người có lựa chọn lối khác công việc sống Nên em xin chúc tất thành công với lựa chọn thân Dù có nhiều cố gắng trình thực hiện, song chắn báo cáo khơng tránh khỏi thiếu sót Em mong nhận góp ý quý thầy cô Em xin chân thành cảm ơn! MỤC LỤC DANH MỤC CÁC KÝ TỰ, CÁC CHỮ VIẾT TẮT DANH MỤC CÁC BẢNG DANH MỤC CÁC HÌNH MỞ ĐẦU .9 Cơ sở khoa học thực tiễn đề tài Lý chọn đề tài Mục đích đề tài .9 Nhiệm vụ đề tài .9 Phương pháp nguyên cứu 10 Nội dung nguyên cứu 10 Chương CƠ SỞ LÝ THUYẾT 1.1 Tổng quan ASP.Net MVC .2 1.2 Ngơn ngữ lập trình web 11 1.3 Giới thiệu công cụ hỗ trợ 14 Chương WEBSITE LIÊN KẾT, HỖ TRỢ CÁC DỊCH VỤ TẠI NHÀ 17 2.1 Khái quát website NHP dịch vụ 17 2.2 Các website tương tự 17 2.3 Chức xử lý website NHP dịch vụ 17 Chương KHẢO SÁT HỆ THỐNG 18 3.1 Mô tả hệ thống 18 3.2 Mơ hình hệ thống 19 Chương PHÂN TÍCH THIẾT KẾT HỆ THỐNG 21 4.1 Phân tích chức nghiệp vụ .21 4.2 Phân tích liệu nghiệp vụ 26 4.3 Thiết kế giao diện 36 Chương CÀI ĐẶT VÀ ĐÁNH GIÁ THỬ NGHIỆM 44 5.1 cài đặt triển khai Website 44 5.2 Triển khai Website ASP.NET MVC .49 5.3 Kết thực nghiệm hệ thống .52 KẾT LUẬN .53 I KẾT QUẢ ĐẠT ĐƯỢC .53 II KẾT QUẢ CHƯA ĐẠT ĐƯỢC .53 III ĐÁNH GIÁ .53 IV ĐỊNH HƯỚNG PHÁT TRIỂN 54 TÀI LIỆU THAM KHẢO 55 DANH MỤC CÁC KÝ TỰ, CÁC CHỮ VIẾT TẮT Từ viết tắt Từ tiếng anh MVC Model – controller - view URL Uniform resource locator API Application programming interface HTML Hyper text markup language CSS Cascading style sheets PK Primary key FK Foreign key VS Visual studio Responsive Giải thích Địa web Quy trình thiết kế phát triển web Admin Quản trị viên Browser Trình duyệt Website Trang web trang mạng Framework Các đoạn code viết sẵn DANH MỤC CÁC BẢNG Bảng 1.1 Lịch sử phát triển ASP.Net MVC 11 Bảng 1.2 Sự khác quan trọng ASP.Net MVC ASP.Net Core 17 Bảng 4.1 Bảng KHACH_HANG 40 Bảng 4.2 Bảng NHAN_VIEN 40 Bảng 4.3 Bảng TAI_KHOANG 41 Bảng 4.4 Bảng DM_DICVU 42 Bảng 4.5 Bảng DV1 42 Bảng 4.6 Bảng DV2 42 Bảng 4.7 Bảng DV3 43 Bảng 4.8 Bảng DV4 43 Bảng 4.9 Bảng DV5 43 Bảng 4.10 Bảng YEUCAU_DV1 44 Bảng 4.11 Bảng YEUCAU_DV2 44 Bảng 4.12 Bảng YEUCAU_DV3 45 Bảng 4.13 Bảng YEUCAU_DV4 46 Bảng 4.14 Bảng YEUCAU_DV5 46 DANH MỤC CÁC HÌN Hình 1.1 Mơ hình MVC 13 Hình 1.2 Cơ chế hoạt động ASP.Net MVC 14 Hình 1.4 Model dự án .16 Hình 1.5 Ví dụ minh họa Model 17 Hình 1.6 View dự án .17 Hình 1.7 Ví dụ minh họa View 18 Hình 1.8 Controller dự án .18 Hình Ví dụ minh họa Controller 18 Hình 1.11 Cấu trúc HTML5 22 Hình 1.12 Ví dụ JQuery .23 Hình 1.13 Bootrap dự án 24 Hình 1.14 Ví dụ Bootrap .24 Hình 1.15 SQL Server 25 Hình 1.16 SQL Server Management Studio .26 Hình 1.17 Visual Studio 27 Hình 3.1 Biểu đồ hoạt động .31 Hình 4.1 Sơ đồ phân rã chức hệ thống quản lý trang web .33 Hình 4.2 Sơ đồ phân rã chức người dùng hệ thống 33 Hình 4.3 Sơ đồ luồng liệu 34 Hình 4.4 Biểu đồ luồng liệu mức đỉnh người dùng .34 Hình 4.5 Biểu đồ luồng liệu mức đỉnh quản lý 35 Hình 4.6 Biểu đồ luồng liệu mức đỉnh chức yêu cầu dịch vụ 35 Hình 4.7 Biểu đồ luồng liệu mức đỉnh chức liên hệ 35 Hình 4.8 Biểu đồ luồng liệu mức đỉnh chức xác thực .36 Hình 4.9 Biểu đồ luồng liệu mức đỉnh chức quản lý tài khoảng, thông báo giá thành .36 Hình 4.10 Biểu đồ luồng liệu mức đỉnh 36 chức quản lý dịch vụ mail 36 Hình 4.11 Biểu đồ luồng liệu mức đỉnh chức quản lý yêu cầu dịch vụ .37 Hình 4.12 Mơ hình ER mở rộng .38 Hình 4.13 Mơ hình ER kinh điển .39 Hình 4.14 Mơ hình quan hệ 39 Hình 4.15 Màn hình trang chủ người dùng 47 Hình 4.16 Màn hình danh sách dịch vụ 48 Hinh 4.17 Màn hình chi tiết dịch vụ sửa chửa nhà 48 Hình 4.18 Màn hình gửi yêu cầu dịch vụ 49 Hình 4.19 Màn hình giới thiệu website 49 Hình 4.20 Màn hình liên hệ 50 Hình 4.21 Màn hình đăng nhập 50 Hình 4.22 Màn hình trang chủ quản lý .51 Hình 4.23 Màn hình quản lý tài khoảng 51 Hình 4.24 Màn hình quản lý thơng báo 52 Hình 4.25 Màn hình quản lý mail .52 Hình 4.26 Màn hình quản lý dịch vụ 53 Hình 4.27 Màn hình quản lý yêu cầu dịch vụ 53 Hình 4.28 Màn hình quản lý giá thành dịch vụ 54 Hình 5.1 Kết sau cài đặt hoàn tất SQL Server .55 Hình 5.2 Hồn tất việc cài đặt SSMS .56 Hình 5.3 Tải file cài đặt Visual Studio 2019 57 Hình 5.5 Cài đặt Visual Studio 2019 thành cơng .57 Hình 5.6 Giao diện project chọn Manage NuGet Packages… 58 Hình 5.8 Cài đặt EntityFramework 59 Hình 5.9 Kết nối database vào Visual studio 2019 59 Hình 5.10 Thư mục Model kết nối database 59 Hình 5.11 Giao diện trang admin .60 Hình 5.12 Giao diện người dùng 60 Hình 5.13 Giao diện giới thiệu website dịch vụ nhà 61 Hình 5.14 Giao diện liên hệ .61 Hình 5.15 Giao diện chi tiết dịch vụ 62 Hình 5.16 Giao diện yêu cầu dịch vụ .62 MỞ ĐẦU Cơ sở khoa học thực tiễn đề tài Ngày có nhiều mối liên kết người cung cấp dịch vụ người có nhu cầu sử dụng dịch vụ, nhiên thành thạo có tảng kiến thức Cơng nghệ thơng tin Bên cạnh năm 2020 vừa qua, giới làm năm khó khăn đối mặt với đại dịch COVID – 19, hệ lụy mà đại dịch mang lại nghiêm trọng ngành dịch vụ Trong thời gian giãn cánh xã hội dịch vụ nhà lại mở rộng đa dạng để đáp ứng nhu cầu gia đình giãn cách xã hội Từ điểu trên, ta cần giải pháp đáp ứng kết nối nhà cung cấp dịch vụ nhu cầu người dân, nên đề cương em xin trình bày cấu trúc đề tài khóa luận “Nghiên cứu công nghệ ASP.NET Xây dựng website liên kết, hỗ trợ dịch vụ nhà cho người dân” Lý chọn đề tài Để vận dụng kiến thức trình học tập nghiên cứu chun sâu ngơn ngữ, cơng cụ lập trình Web Xây mối liên kết thuận tiện cho người dân Mục đích đề tài Xây dựng trang web liên kết, hỗ trợ dịch vụ nhà với giao diện thân thiện, dễ tương tác với người dùng Nhiệm vụ đề tài Đánh giá thiếu sót, hạn chế website hộ trợ liên kết dịch vụ nhà từ tìm kiếm thực tế để đựa giải pháp khắc phục phát huy điểm tốt phương pháp cũ Qua đó, đưa phương pháp kế thừa từ cũ phát triển lên Nhằm đáp ứng đầy đủ yêu cầu người dùng tốt Phương pháp nguyên cứu Nghiên cứu lý thuyết phân tích thiết kế hệ thống Nghiên cứu công nghệ Web ASP.NET MVC Nghiên cứu xây dựng Website liên kết, hỗ trợ dịch vụ nhà cho người dân theo mơ hình MVC Sử dụng Framework ASP.NET MVC để thiết kết giao diện lập trình chức trang web Nội dung ngun cứu Khóa luận gồm chương sau: Chương Cơ sở lý thuyết Chương Website liên kết, hỗ trợ dịch vụ nhà Chương Khảo sát hệ thống Chương Phân tích thiết kế hệ thống: Trình bày phân tích chức năng, liệu thiết kế kiểm soát, giao diện Chương Cài đặt đánh giá hệ thống Cuối phần đánh giá, kết luận hướng phát triển đề tài Hình 4.24 Màn hình quản lý thơng báo Hình 4.25 Màn hình quản lý mail Hình 4.26 Màn hình quản lý dịch vụ Hình 4.27 Màn hình quản lý yêu cầu dịch vụ Hình 4.28 Màn hình quản lý giá thành dịch vụ Chương CÀI ĐẶT VÀ ĐÁNH GIÁ THỬ NGHIỆM 5.1 cài đặt triển khai Website 5.1.1 Cài đặt hệ quản trị sở liệu SQL Server Để sử dụng phục vụ cho mục đích phát triển áp dụng mơ hình website nhỏ nên phiên Express SQL Server thích hợp u cầu vi xử lý thấp cung cấp phạm vi lưu trữ liệu lên đến 10GB Những điều kiện hoàn hảo để xây dựng website với quy mô nhỏ Để cài đặt SQL Server, truy cập trực tiếp vào trang chủ Microsoft để tải cơng cụ cho máy tính theo địa chỉ: https://www.microsoft.com/en-in/sql-server/sql-server-downloads Sau tiến hành cài đặt SQL Server 2019 học Hình 5.1 Kết sau cài đặt hoàn tất SQL Server 5.1.2 Cài đặt SQL Server Management Studio Để cài đặt SSMS thực tương tự SQL Server Chúng ta tiến hành mở tệp tải từ địa Tại hộp thoại SQL Server Installation Center tiến hành chọn Install SQL Server Management Tools tiến hành cài đặt theo hướng dẫn phương pháp học Hình 5.2 Hoàn tất việc cài đặt SSMS 5.1.3 Cài đặt Visual Studio 2019 Visual Studio IDE - Mơi trường phát triển tích hợp, tiếng sử dụng vài năm qua Microsoft phát triển Nó sử dụng để tạo chương trình máy tính, ứng dụng web tệp EXE,… Phiên mắt vào năm 1997 Và phiên có sẵn thị trường Visual Studio 2019 Visual Studio 2019 phát hành vào ngày tháng năm 2019 với nhiều tính nâng cao đưa vào Để tải Visual Studio 2019 ta truy cập vào link: https://visualstudio.microsoft.com/download Hình 5.3 Tải file cài đặt Visual Studio 2019 Sau tải xong Community miễn phí để phù hợp với sinh viên cá nhân tiến hành cài đặt chương trình bình thường khác Hình 5.5 Cài đặt Visual Studio 2019 thành công 5.1.4 Cài đặt EntityFramework kết nối CSDL vào Visual studio 2019 Entity Framework (EF) framework ánh xạ quan hệ đối tượng (ORM) dành cho ADO.NET, phần NET Framework EF cho phép nhà phát triển Web tương tác với liệu quan hệ theo phương pháp hướng đối tượng đặc trưng Lợi ích lớn EF giúp lập trình viên giảm thiểu việc lập trình mã nguồn cần thiết để truy cập tương tác với sở liệu EF Microsoft hỗ trợ phát triển lâu dài bền vững, EF framework mạnh để phát triển ứng dụng Web với hỗ trợ đông đảo nhà phát triển Web Để cài đặt EntityFramework Visual Studio 2019 ta thực sau: Trong Solution Explorer, chuột phải lên project chọn Manage NuGet Packages… Hình 5.6 Giao diện project chọn Manage NuGet Packages… Ở thư mục browes, nhập EntityFramework vào tìm kiếm để tìm kiếm EntityFramework Chọn EntityFramework chọn Install để tiến hành cài đặt Hình 5.8 Cài đặt EntityFramework Sau ta cài đặt thành cơng EntityFramework ta kết nối CSDL vào Visual studio 2019 Hình 5.9 Kết nối database vào Visual studio 2019 Hình 5.10 Thư mục Model kết nối database 5.2 Triển khai Website ASP.NET MVC 5.2.1 Trang chủ Admin Trang chủ Admin nơi quản lý toàn website liên kết, hỗ trợ dịch vụ nhà cho người dân Bao gồm quản lý tài khoảng, thông báo, mail, danh mục dịch vụ, yêu cầu dịch vụ, bảng giá tham khảo Hình 5.11 Giao diện trang admin 5.2.2 Giao diện trang người dùng Đây giao diện cho chức phuc vụ khách hàng Khách hàng xem danh mục dịch vụ số dịch vụ mà hệ thống cung cấp cho khách hàng dụng Ngoài khách hàng cịn truy cập website liên kết với trang người dùng số thông báo hệ thống Hình 5.12 Giao diện người dùng 5.2.3 Giới thiệu website hộ trợ liên kết dịch vụ nhà cho người dân Trang giới thiệu website hộ trợ liên kết dịch vụ nhà, lý chọn website, quy mơ hoạt động Hình 5.13 Giao diện giới thiệu website dịch vụ nhà 5.2.4 Giao diện liên hệ Tại trang khách hàng xem thông tin liên hệ với website gửi vấn đề sử dụng dịch vụ cho hệ thống quản lý Hình 5.14 Giao diện liên hệ 5.2.5 Giao diện chi tiết dịch vụ Tại khách hàng xem thông tin chi tiết dịch vụ muốn sử dùng giá tham khảo cho dịch vụ Ở khách hàng gửi yêu cầu dịch vụ cho hệ thống Hình 5.15 Giao diện chi tiết dịch vụ 5.2.6 Giao diện yêu cầu dịch vụ Tại khách hàng nhập thông tin dịch vụ dụng thơng tin liên hệ, sau gửi cho hệ thống Hình 5.16 Giao diện yêu cầu dịch vụ 5.3 Kết thực nghiệm hệ thống Đã tìm hiểu nhu cầu khách hàng tiếp cận với toán thực tế Xây dựng hệ thống với giao diện thân thiện, dễ sử dụng, gần gũi, dễ thao tác với người dùng Hệ thống hộ trợ, liên kết dịch vụ nhà cho người dân xây dựng nhằm mục đích nơi liên kết, hộ trợ dịch vụ nhà cho người dân Website kết nối với nhà cung cấp dich vụ địa phương đáng tin cậy tốt cho người dân Đồng thời website chia sẻ giá thành dịch vụ nhà cho người dân tham khảo làm việc với nhà cung cấp Trong trình sử dụng dịch vụ, người dùng liên hệ với website để giải vấn đề phát sinh trình sử dụng dịch vụ Trong thời gian dịch bệnh diễn phức tạp, yêu cầu hạn chế tụ tập đông người, giữ khoảng cách để phòng tránh dịch bệnh Covid19, lượng khách hàng nhà cung cấp dịch vụ nhà giảm mạnh yêu cầu giãn cách xã hội, nhiều người sử dụng dịch vụ nhà chọn hình thức sử dụng dịch vụ quan mạng Với hệ thống này, nhà cung cấp người quản lý tạo phương tiện để thu thập ý kiến thu hút lượng khách hàng để giải cố cải thiện khả phục vụ khách hàng KẾT LUẬN ASP.NET MVC framework web phát triển Microsoft, thực thi mô hình MVC (model–view–controller) ASP.NET MVC phần mềm mã mở, tách rời với thành phần độc quyền ASP.NET Web Forms ASP.NET MVC lên phương pháp phát triển web mạnh phổ biến ASP.NET I KẾT QUẢ ĐẠT ĐƯỢC Giao diện thân thiện, dễ sử dụng, gần gũi với người dùng, dễ thao tác với người dùng Khi hệ thống triển khai, công tác quản lý nhanh hơn, thuận tiện mặt không gian địa lý, tiết kiệm thời gian quản lý II KẾT QUẢ CHƯA ĐẠT ĐƯỢC Chưa làm toán trực tuyến Một số chức chưa xây dựng Vì thời gian dành cho việc vừa nghiên cứu, vừa thực dự án ngắn, bên cạch cản trở dịch Covid-19 dẫn đến việc trao đổi vào tiếp cận thông tin không kịp thời nên việc nắm bắt trao đổi kiến thức bị gián đoạn khiến cho tiến độ dự án bị chậm nhiều so với dự kiến III ĐÁNH GIÁ Ưu điểm Sản phẩm có ưu điểm vượt bậc nhờ xây dựng ASP.NET MVC sử dụng hệ quản trị CSDL SQL Server nên bảo mật ưu điểm Nhược điểm Vì hệ thống em xây dựng mơ hình Code-First nên việc thực thi sửa quan hệ CSDL có khả gây phá vỡ truy vấn mặc định hệ thống Điều khiến thao tác hệ quản trị CSDL trở nên bị động nhiều Mỗi lần cần thay đổi cấu trúc CSDL cần phải thay đổi mã nguồn dự án, điều dẫn đến việc khó phân chia công việc theo task muốn mở rộng IV ĐỊNH HƯỚNG PHÁT TRIỂN  Tìm hiểu hình thức tốn trực tuyến, tính phí vận chuyển  Xây dựng số chức đánh giá dịch vụ, khách hàng đăng nhập TÀI LIỆU THAM KHẢO Nguyễn Tiến, Nguyễn Hồi, Nguyễn Hữu Bình, Đăng Xn Hường, Professional ASP.NET - Kỹ Thuật lập trình ứng dụng Nhà xuất Thống Kê Phân tích thiết kế cài đặt hệ thống thông tin Tập thể tác giả - PGS- TS Đặng Minh ẤT chủ biên https://tedu.com.vn/, Website https://sinhvientot.net/asp-net-core-buoc-dot-pha-trong-cong-nghe-net, Website https://topdev.vn/blog/asp-net-mvc-la-gi/, Website https://getbootstrap.com/docs/4.0/getting-started/introduction/, Website http://medicviet.vn/, Website https://vuonggiahuy.com/, Website http://dienlanhphucthanhnhatrang.com/, Website ... thiệu ASP.NET MVC ASP.NET MVC framework web phát triển Microsoft, thực thi mơ hình MVC (model–view–controller) ASP.NET MVC phần mềm mã mở, tách rời với thành phần độc quyền ASP.NET Web Forms ASP.NET. .. vững mạnh Dưới bảng tóm tắt lại q trình phát triển Asp.Net: Bảng 1.1 Lịch sử phát triển ASP.Net MVC MVC version MVC 1.0 MVC 2.0 MVC 3.0 MVC version MVC 4.0 Visual studio VS 2008 VS 2008 VS 2010 Visual... Release date 15/08/2012 MVC 5.0 MVC 5.2 – current VS 2012 VS 2013 VS 2013 Net 4.5 Net 4.5 17/10/2013 18/04/2019 1.1.5 Mơ hình MVC ASP.Net MVC ASP.NET MVC framework phong phú để xây dựng ứng dụng web