Đang tải... (xem toàn văn)
2022 KHÓA LUẬN TỐT NGHIỆP Học để có nghề nghiệp Học để có việc làm Học để có khả năng tự học ĐỀ TÀI THIẾT KẾ WEBSITE CỬA HÀNG QUẦN ÁO TRỰC TUYẾN Họ và tên HOÀNG LÊ ANH TUẤN Ngàn.
Học để có nghề nghiệp Học để có việc làm Học để có khả tự học KHÓA LUẬN 202 TỐT NGHIỆP ĐỀ TÀI: THIẾT KẾ WEBSITE CỬA HÀNG QUẦN ÁO TRỰC TUYẾN Họ và tên: Ngành: Giảng viên hướng dẫn: HỒNG LÊ ANH TUẤN CƠNG NGHỆ THƠNG TIN TH.S NGUYỄN DŨNG HUÊ, THÁNG NĂM 2022 LỜI CẢM ƠN Em xin gửi lời cảm ơn chân thành tri ân sâu sắc thầy cô trường, đặc biệt thầy cô khoa công nghệ thông tin trường đại học Phú Xuân giúp đỡ em tài liệu tham khảo, để em hồn thành tốt Báo cáo tốt nghiệp Và em xin chân thành cảm ơn thầy nhiệt tình hướng dẫn em việc lựa chọn đề tài nghiên cứu, hướng tiếp cận giúp em chỉnh sửa thiếu sót q trình nghiên cứu Trong q trình nghiên cứu, khó tránh khỏi sai sót, mong Thầy, Cơ bỏ qua Đồng thời trình độ lý luận kinh nghiệm thực tiễn hạn chế nên luận văn tránh khỏi thiếu sót, em mong nhận ý kiến đóng góp từ phía Thầy, Cơ để em học thêm nhiều kinh nghiệm hoàn thành tốt Em xin chân thành cảm ơn! Huế, tháng năm 2022 Sinh viên Hoàng Lê Anh Tuấn MỤC LỤC LỜI CẢM ƠN CHƯƠNG TÌM HIỂU VÀ SỬ DỤNG ASP NET CORE .5 1.1 Tổng quan Asp net core .5 1.2 Một số nội dung ASP.NET Core 1.2.1 ASP.NET Core tích hợp với nhiều client side framework 1.2.2 Cơ chế Routing ASP.NET core 1.3 Hiệu ASP.NET Core 1.4 Lý sử dụng ASP.NET Core 10 1.5 Sử dụng ASP.NET Core việc xây dựng web UI, web API phát triển Clientside .13 CHƯƠNG TÌM HIỂU VÀ SỬ DỤNG MICROSFT SQLSERVER 13 2.1 Tổng quan sở liệu 13 2.2 Tổng quan SQL 17 2.2.1 Nguồn gốc 17 2.2.2 Tại sử dụng SQL lại quan trọng .17 2.2.3 Con đường nghiệp cho SQL Developer nói riêng Database Developer 18 2.3 Lý sử dụng SQL 18 CHƯƠNG SỬ DỤNG API 19 3.1 Tổng quan API 19 3.2 Cấu trúc ứng dụng Web API .20 3.3 Một số nội dung ASP.NET Rest Api 26 3.3.1 Cơ chế Model Binding: Truyền liệu từ View lên Controller 26 3.3.2 Request Life Cycle ASP.NET Core 29 CHƯƠNG PHÂN TÍCH THIÊT KÊ HỆ THỐNG 32 4.1 Xác định yêu cầu toán: .32 4.2 Xác định chức 32 4.2.1 yêu cầu chức năng: 32 4.2.2 Các yêu cầu phi chức .33 4.3 Đặc tả chức hệ thống: .34 4.3.1 MS01 -Đăng nhập: 34 4.3.2 MS02 -Đăng xuất .34 4.3.3 MS03 -Quản lý loại sản phẩm: 35 4.3.4 MS04 -Quản lý sản phẩm: .37 4.3.5 MS06 - Quản lý đơn hàng 38 4.3.6 MS07 - Quản lý khách hàng 40 4.3.7 MS08 - Xem chi tiết sản phẩm 40 4.3.8 MS09 - Tìm kiếm sản phẩm .41 4.3.9 MS10 - Xem chi tiết giỏ hàng 42 4.4 Đặc tả thiết kế hệ thống: 43 4.4.1 Thiết kế cách xử lý: .43 4.4.1.3 Xem lịch sử khách hàng 45 4.4.2 Thiết kế sở liệu: 56 4.4.3 Thiết kế giao diện người dùng: 60 KÊT LUẬN VÀ HƯỚNG PHÁT TRIỂN .69 KÊT QUẢ ĐẶT ĐƯỢC 69 HẠN CHÊ 69 HƯỚNG PHÁT TRIỂN 70 CHƯƠNG TÌM HIỂU VÀ SỬ DỤNG ASP NET CORE 1.1 Tổng quan Asp net core ASP.NET sử dụng từ nhiều năm để phát triển ứng dụng web Kể từ đó, framework trải qua thay đổi tiến hóa đặn cuối đưa đến với ASP.NET Core 1.0 hậu duệ gần ASP.NET Core khơng phải phiên ASP.NET 4.6 Đó framework hồn tồn mới, may mắn dự án side-by-side tương tự với thứ mà biết Nó thực viết lại framework ASP.NET 4.6 kích thước nhỏ nhiều modular ASP.NET Core web framework mã nguồn tối ưu hóa cho cloud để phát triển ứng dụng web chạy nhiều tảng Windows, Linux Mac Hiện tại, bao gồm MVC framework kết hợp tính MVC Web API thành web framework Các ứng dụng ASP.NET Core chạy NET Core NET Framework hoàn chỉnh Nó thiết kế để cung cấp framework tối ưu cho ứng dụng để triển khai tới cloud chạy on-premises Nó bao gồm modular với thành phần tối thiểu, bạn giữ tính linh hoạt q trình xây dựng giải pháp Bạn phát triển chạy ứng dụng đa tảng từ ASP.NET Core Windows, Mac Linux Ưu điểm ASP.NET Core ASP.NET Core kèm với ưu điểm sau: ASP.NET Core có số thay đổi kiến trúc dẫn đến modular framework nhỏ ASP.NET Core khơng cịn dựa System.Web.dll Nó dựa tập hợp nhiều yếu tố Nuget packages Điều cho phép bạn tối ưu ứng dụng cần NuGet packages cần thiết Lợi ích diện tích bề mặt ứng dụng nhỏ bảo mật chặt chẽ hơn, giảm dịch vụ, cải thiện hiệu suất giảm chi phí Với ASP.NET Core, bạn nhận cải tiến sau: Xây dựng chạy ứng dụng ASP.NET Core đa tảng Windows, Mac Linux Được xây dựng NET CORE , hỗ trợ side-by-side app versioning Cơng cụ giúp đơn giản hóa việc phát triển web đại Liên kết đơn web stack Web UI API Web Cấu hình dựa mơi trường đám mây sẵn có Được xây dựng dựa cho DI (Dependency Injection) Tag Helpers làm cho Razor makup trở nên tự nhiên với HTML Có khả host IIS self-host 1.2 Một số nội dung ASP.NET Core 1.2.1 ASP.NET Core tích hợp với nhiều client side framework 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 Đây sản phẩm tích hợp client side framework phương thức-giao thức kết nối thư viện khác cách liên tục bao gồm HTML, CSS, bootstrap JavaScript, cao cấp ta tích hợp Angular, api, reactjs, nodejs, vv… ASP.NET core framework ngày trở nên phổ biến hàm với nhiều tính thư viện hỗ trợ cho developer, điều khiến cho giao diện web trở nên sinh động Mọi thứ mà chung làm web ngày Javascript chạy browser, chạy định server Thật vậy, rõ ràng từ xưa đến quan niệm lập trình phía server dùng ngôn ngữ php, ruby, java,… từ ASP.NET core đời thay ASP.NET MVC mang đến phương thức cho việc lập trình cho phía server client 1.2.2 Cơ chế Routing ASP.NET core Routing trình ASP.NET Core xem xét URL request gửi đến "chỉ đường" cho đến Controller Actions Nó sử dụng để tạo URL đầu Quá trình đảm nhiệm Routing Middleware Routing Middleware có sẵn thư viện Microsoft.AspNetCore.Routing Routing có trách nhiệm chính: Nó map request đến vào Controller Action Tạo URL đầu tương ứng với Controller action Hình 1.1 Cơ chế Routing Asp.net Core Cách thức Routing làm việc Mơ hình mơ tả cách làm việc chế Routing ASP.NET Core: Hình 1.2 Mơ tả cách làm việc chế Routing Khi request đến Routing Middleware làm việc sau đây: Phân tích URL Tìm kiếm xem có Route match RouteCollection Nếu Route tìm thấy đẩy sang RouteHandler Nếu khơng tìm thấy Route bỏ qua gọi middleware Route gì? Route tương tự đồ Chúng ta sử dụng đồ để đến điểm đích Tương tự thế, ứng dụng ASP.NET Core sử dụng Route để đến controller action Mỗi Route bao gồm thông tin tên, mẫu URL (URL pattern) hay cịn gọi template url, thơng tin controller action mặc định ràng buộc (constraints) URL pattern so sánh với URL đến xem có mẫu khơng Một ví dụ URL pattern là: {controller=Home}/{action=Index}/{id?} Route định nghĩa Microsoft.AspNetCore.Routing Route Collection gì? Route Collection tập hợp tất ác Route ứng dụng Một ứng dụng lưu tập hợp route nơi nhớ Các Route thêm vào collection ứng dụng khởi động Route Module tìm kiếm Route match với URL request đến Route Route Collection Route Collection định nghĩa Microsoft.AspNetCore.Routing Route Handler gì? Route Handler thành phần định làm với Route Khi chế routing tìm Route thích hợp cho request đến, gọi đến RouteHandler gửi route cho RouteHandler xử lý Route Handler class triển khai từ interface IRouteHandler Trong ASP.NET Core Route xử lý MvcRouteHandler MVCRouteHandler Đây Route Handler mặc định ASP.NET Core MVC Middleware MVCRouteHandler đăng ký đăng ký MVC Middleware Có thể ghi đè việc cách tự tạo cho custom implementation Route Handler MVCRouteHandler định nghĩa namespace: Microsoft.AspnetCore.Mvc MVCRouteHandler có trách nhiệm gọi Controller Factory, sau tạo thể Controller ghi Route Controller nhận gọi Action Memthod tạo View Vậy hoàn thành request Chúng ta cần đăng ký Route sử dụng phương thức MapRoute Routing Middleware Routing Engine sau đó match URL đến với Route Collection và tìm Route match với nó Nó gọi RouteHandler (mặc định là MvcRouteHandler) MvcRouteHandler sau đó gọi Controller tương ứng Route 1.3 Hiệu ASP.NET Core Hiệu ASP.NET Core so với ngơn ngữ lập trình back-end khác có quan nhiều đến loại thao tác thực kiểm tra Mặc dù liên ASP.NET Core ngôn ngữ quen thuộc lâu đời sánh vai với ngơn ngữ khác, có thật ASP.NET Core không vượt trội ASP.NET Core phù hợp với ứng dụng thường xuyên truy cập đến sở liệu Đó lý mà nhiều cơng ty áp dụng cho ứng dụng có số lượng người dùng lớn Để phân tích hiệu suất, thực kiểm tra ASP.NET Core ngơn ngữ lập trình phổ biến gần thập kỷ Bài kiểm tra thực TopDev ASP.NET Core để thống kê khảo sát người để đưa kết luận họ vào năm 2022 TopDev có hai nhóm xây dựng chức năng, nhóm dựa vị trí việc làm ngành IT theo nhu cầu nhóm cịn lại dựa cơng nghệ phổ biến theo nhu cầu Kết kiểm tra thể qua hai biểu đồ sau: Hình 1.3 Khảo sát việc làm và top ngôn ngữ phổ biến năm 2022 Dù ngơn ngữ có mạnh định Cơng nghệ luôn đổi mới, luôn phát triển nên đòi hỏi người học/người làm thường xuyên cập nhật để phát triển theo 1.4 Lý sử dụng ASP.NET Core Hỗ trợ đa nền tảng & container Với việc giới thiệu NET Core, bạn tạo ứng dụng ASP.NET triển khai chúng lên Windows, Linux macOS, Microsoft cộng đồng nỗ lực nhiều để biến Linux trở thành công dân hạng để chạy ASP.NET Những container ăn đám mây ngày Docker, Kuberenetes công nghệ khác tất thịnh nộ ASP.NET Core cho phép nhà phát triển sử dụng tất cơng nghệ Microsoft Azure chí cịn hỗ trợ triển khai ứng dụng bạn lên thùng chứa Kubernetes 10 4.4.2 Thiết kế sở liệu: Sau code first thành công ta sở liệu đầy dủ 4.2.2.1 Lược đồ liệu quan hệ: 57 Hình 4.16 Lược đồ liệu quan hệ Bảng User: Hình 4.17 Bảng user Bảng Roles: Hình 4.18 Bảng Role 58 Bảng Reviews: Hình 4.19 Bảng Reviews Bảng Products: Hình 4.20 Bảng Products 59 Bảng Orders sản phẩm: Hình 4.21 Bảng Orders Bảng OrderDetails: Hình 4.22 Bảng OrderDetails Bảng Categories: 60 Hình 4.23 Bảng Categories Bảng Khuyến mãi(Coupons): Hình 4.24 Bảng Coupons 4.4.3 Thiết kế giao diện người dùng: 4.3.3.1: Giao diện khách hàng: 61 Hình 4.25 Giao diện trang chủ 62 Hình 4.26 Giao diện đăng nhập, đăng ký Hình 4.27 Giao diện đặt hàng 63 Hình 4.28 Giao diện giỏ hàng Hình 4.29 Giao diện đặt hàng 64 Hình 4.30 Giao diện lịch sử mua hàng 4.3.3.2: Giao diện quản lý: Hình 4.31 Giao diện trang chủ trang quản lý Hình 4.32 Giao diện trang quản lý sản phẩm 65 Hình 4.33 Thêm sản phẩm Hình 4.34 Xem chi tiết sản phẩm 66 Hình 4.35 Xóa sản phẩm Hình 4.36 Giao diện trang quản lý danh mục sản phẩm 67 Hình 4.37 Cập nhật danh mục sản phẩm Hình 4.38 Xóa danh mục sản phẩm 68 Hình 4.39 Giao diện danh sách khách hàng Hình 4.40 Giao diện đơn hàng đặt Hình 4.41 Giao diện mã khuyến sản phẩm 69 KÊT LUẬN VÀ HƯỚNG PHÁT TRIỂN KẾT QUẢ ĐẶT ĐƯỢC Trong trình thực đề tài em cố gắng để tìm hiểu nghiệp vụ, quy trình bán hàng nhà hàng số web khác Hidanz, Navy shop để xây dựng cài đặt chương trình thời gian có hạn nên chưa thể giải toàn vấn đề Em mong nhận cảm thông quý thầy cô Về cơng nghệ: Tìm hiểu nắm bắt cơng cụ thiết kế web, Biết thiết kế web động cách tổ chức sở liệu Hiểu sâu Asp.net core, kiến thức hỗ trợ trình xây dựng hệ thống CSS, HTML, JavaScript, … Tích lũy kinh nghiệm xây dựng kế hoạch cho việc phát triển phần mềm hoàn chỉnh, cách bố trị quản lý thời gian cho hợp lý Về ứng dụng: Xây dựng thành công hệ thống “Xây dựng website cửa hàng quần áo trực tuyến ASP.NET Core” đáp ứng nhu cầu mua – bán cửa hàng, giúp cho hoạt động mua bán cửa hàng diễn nhanh chóng tiện lợi Giao diện thân thiện với người dùng Giới thiệu sản phẩm cửa hàng đến với khách hàng nước Cho phép tra cứu mặt hàng khách hàng có nhu cầu đặt hàng Cho phép khách hàng thực việc đặt hàng qua mạng Tiếp nhận xử lý đơn hàng khách hàng Cập nhật: sản phẩm, nhập hàng Thống kê mua bán theo nhiều tiêu chí HẠN CHẾ Khả làm việc thực tế nhiều hạn chế trình tiếp xúc, thu thập liệu từ cửa hàng thực tế Thời gian thực cịn nên số vấn đề chưa giải giải tối ưu Hệ thống đáp ứng nhu cầu cửa hàng quy mô nhỏ, khả đáp ứng cho cửa hàng lớn quy tắc nghiệp vụ phức tạp hạn chế Một số chức hệ thống đáp ứng phần yêu cầu người dùng, chưa có tính sáng tạo, đột phá cách giải vấn đề 70 Khi đưa vào hoạt động thực tế host hệ thống chưa đáp ứng nhu cầu tốc độ tải HƯỚNG PHÁT TRIỂN Hồn thiện thêm chức cịn hạn chế hệ thống Cho phép khách hàng mua hàng tốn trực tiếp qua mạng thơng qua ATM Hoàn thiện hệ thống để đưa vào vận hành thực tế vận hành tốt đáp ứng đủ tiêu chí web Xây dựng mở rộng hệ thống cho phép công ty, trường học mua hàng với giá tốt trực tiếp qua mạng Tài liệu tham khảo: https://www.w3schools.com/html/ https://www.youtube.com/c/MyskillsVn https://tedu.com.vn/khoa-hoc/lam-du-an-voi-aspnet-core-31-34.html group nhóm ASP Net core facebook: https://www.facebook.com/groups/1863063413955695 71 ... 42 4.4 Đặc tả thiết kế hệ thống: 43 4.4.1 Thiết kế cách xử lý: .43 4.4.1.3 Xem lịch sử khách hàng 45 4.4.2 Thiết kế sở liệu: 56 4.4.3 Thiết kế giao diện... Xác định yêu cầu toán: Do nhu cầu khách hàng ngày tăng công nghệ thông tin ngày phát triển đặc biệt thương mại điện tử Website cửa hàng quần áo trực tuyên Electro Shopping đời nhằm mục đích... thông báo xác nhận “hủy đơn hàng thành công” đến người dùng Kết Cập nhật tình trạng đơn hàng, hủy đơn hàng thành công hay thất bại 39 Ghi Bắt buộc phải có thơng báo xác nhận thao tác Hủy đơn hàng