đồ án môn học lập trình web xây dựng website kinh doanh giày bằng công nghệ asp net mvc

Không chỉ vậy, nó cũng giúp thực hiện nhanh chóng, chính xác và đầy đủ các yêu cầu của khách hàng, và tra cứu thông tin kho dữ liệu trở nên thuận tiện.. ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB -Giỏ

*View +Là phân giao diện dành cho người dùng xem, client sẽ xem được thông tin dữ liệu MVC thông qua tìm kiếm hoặc sử dụng website

+View còn có chức năng ghi nhận thông tin người dùng đề tương tác với

+lả các thành phần chịu trách nhiệm biển thị các thông tin lên cho người dùng thông qua giao diện Thông thường, các thông tin cần hiền thị được lấy từ thành phần Models

+View còn có chức năng ghi nhận thông tin người dùng đề tương tác với Controller

*Contronller la gi ? +Ứng dụng kiêu MVC chịu trách nhiệm xử lý các tác động về mặt giao diện, các thao tác đối với models, và cuối cùng là chọn một view thích hợp đề hiển thị ra màn hình Trong kiến trúc MVC, view chỉ có tác dụng hiển thị giao diện mà thôi, còn điều kiên dòng nhập xuất của người dùng vẫn do Controllers đảm trách

+Giúp cho các nhà lập trình có thê làm việc đồng thời trên Model- View- Controller

+Mô hình nảy có nhiều chế độ xem +Khung nhìn cho một mô hình cụ thê được nhóm lại với nhau +MVC cho phép nhóm các hảnh động liên quan trên một bộ điều khiển với nhau

+Nó điều hướng vì những lớp này mới và trừu trượng, yê cầu người dùng phải thích ứng với các tiêu chí đặt ra

+Kiên thức về công nghệ được sử dụng nhiêu

SV thực hiện: SVI — SV2

-ASP.NET MVC là : Một framework web được phát triển bởi Microsoft, thực thi mô hình MVC(Model-View-Controller) Nền tảng này tuân thủ quy tắc của mô hình MVC Sử dụng công nghệ NET Framweok được viết bởi ngôn ngữ C#

+ ASP.NET MVC phiên bản đầu tiên ra đời từ năm 2017 Đến nay đã đạt tới phiên bản ASP.NET MVC 6

+ 2016 thi Microsoft dua ra khai niém NET Core va ASP.NET Core MVC ra doi, toi nay d4 co ASP.Net Core MVC 3

Trong đó gồm : + Model : dùng C# hoặc VB.net đề quản lý tốt dữ liệu Nơi có thé truy cập view và controller Nó là một cơ sở đữ liệu hoặc cũng có thể chỉ là một tập tin XML + View tang hiển thi, la 1 trang chứa cshtml View được xem là một giao điện người dùng được sử dụng bởi khách hang truy cập

+ Controller: là một lớp C# hoặc VB.net được kế thừa từ System Web.Mvc.Controller

Controller được xem là thành phần tương tác của View và Model Chứa các phương thức hành động chịu trách nhiệm xử lý URL Có thê truy cập và truyền đữ liệu đến các khung nhìn khác

+ Nhẹ, tiết kiệm băng thông, việc này giúp cho các ứng dụng trên web tương tác gửi và nhận dữ liệu một cách liên tục để các web nảy hoạt động hiệu quả và ổn định + Giúp kiém tra dé dang, rà soát lỗi trước khi tới tay người tiêu dùng, đảm bảo chất lượng ổn định hơn

+ Chức năng control: việc sử dụng mô hình MVC sẽ ưu việt trên nen tang cac ngôn ngữ hiện đại với nhiều hình thwusc khác nhau + Chức năng Soc (Sêaration of Concern): cho phép phân tách rõ rang các thành phan Model, giao dién data, nghiệp vụ

+ Tính kết hợp: thoải mái viết code trên website + Đơn giản: là mô hình với kết cầu tương đối đơn giản, không cần sử dụng quá nhiều chuyên môn - Nhược điểm:

+ MVC thường được dùng trong các dự án vừa và lớn, không thích hợp trong những dự án nhỏ Dễ công kềnh và tốn thời gian trong quá trình phát triển cũng như trung chuyên đữ liệu

+ Ứng dụng mô hình MVC vào lập trình - Mô hình MVC được dùng trong nhiều ngôn ngữ lập trình khác nhau, và được dùng phô biến là ASP.Net MVC hay PHP MVC

-MVC đang phát triển rất tốt trên nhiều ứng dụng + Trước khi ASP.net MVC ra đời thì ASP.Net Web Forms là l framwork lập trình web được nhiều Developer sử dụng Từ khi mà ASP.Net MVC ra đời thì cái ASP.Net Web From nay bi bo quên va ưa chuộng mô hình MVC hơn

- ASP.Net được hiểu là gì?

+ Nó được coi là framework lập trình web được cũng cấp bởi ông lớn Microsoft và nó sử dụng C# đề làm ngôn ngữ phát triển ASP.Net bao gồm 2 model đó là WEB FORMS

+ IDE la viết tắt của Intergrated Development Enviroment, tạm dịch là môi trường tích hợp và phát triển

+ Sử dụng IDE các bản của Visual Studio Ngoài các thư mục gồm Models, View, Controller còn có App_Data, App_Start, Content, font, Scripts,

+ App_Data: là thư mục chứa các tệp dữ liệu liên quan đến ứng dụng như mdf, LocalDB, and tệp XML Điểm cần lưu ý ở thưu mục này là IIS sẽ không phục vụ các SV thực hiện: SVI — SV2

+ Đầu tiên, nếu bạn đã có cơ sở dữ liệu hoặc bạn muốn thiết kế cơ sở dữ liệu trước các phần khác của ứng dụng

+ Thứ hai, bạn muốn tập trung vào các lớp miễn và sau đó tạo cơ sở dữ liệu từ các lớp miền của bạn

+ Thứ ba, bạn muốn thiết kế cơ sở dữ liệu của mình giản đồ trên trình thiết kế trực quan và sau đó tạo cơ sở dữ liệu và các lớp

- Entity Data Model 1a m6 hinh dir ligu thực thé (EDM) la mot phiên bản mở rộng của Thực thé-M6 hình mối quan hệ chỉ định mô hình khải niệm của dữ liệu sử dụng các kỹ thuật mô hình hóa khác nhau

C LINQ la gi ? -LINQ (Language Integrated Query) : la cu phap truy van thong nhat trong C #va VB.NET được sử dụng đề lưu và truy xuất dữ liệu từ các nguồn Nó được

DO AN MON HOC LAP TRINH WEB tích hợp từ C # hoặc VB, do đó loại bỏ không phù hợp giữa ngôn ngữ lập trình và cơ sở dữ liệu, như cũng như cung cấp một giao diện truy vấn duy nhất cho các loại nguồn đữ liệu

Ví dụ: SQL là Ngôn ngữ truy vấn có cầu trúc được sử dụng đề lưu và lay dữ liệu từ cơ sở đữ liệu.Bộ sưu tập, cơ sở đữ liệu máy chu SQL, XML, dich vụ web, v.v

-LINQ luôn làm việc với các đối tượng đề bạn có thê sử dụng mã hóa cơ bản giống nhau các mẫu đề truy vấn và chuyên đổi dữ liệu trong XML tài liệu, SQL cơ sở dữ liệu, ADO.NET

- Tập dữ liệu, NET bộ sưu tập và bat ky bộ sưu tập nào khác định dạng cho một LINQ nhà cung cấp có sẵn

- LINQ to Entities + Kiến trúc LINQ gồm 3 lớp:

- Lớp trên cùng bao gồm ngôn ngữ phần mở rộng - Lớp dưới cùng bao gồm nguồn dữ liệu là các đối tượng điền hình thực thi 1Enumerable hoặc IQueryable giao diện chung

- LINQ cung cấp IntelliSense có nghĩa là viết các truy vấn chính xác hơn một cach dé dang

- Viét ma kha nhanh hon trong LINQ va do dé thdi gian phát triển cũng bị giảm đáng kê

- LINQ dễ dàng gỡ lỗi do tích hợp trong ngôn ngữ C #

- Xem mối quan hệ giữa hai bảng đễ dàng với LINQ do tính năng phân cấp và điều này cho phép soạn các truy vấn kết hợp nhiều bảng trong thời gian ngắn hơn

- LINQ cho phép sử dụng một cú pháp LINQ duy nhất trong khi truy vấn nhiều nguồn dữ liệu đa dạng và điều này chủ yếu là do tính thống nhất của nó nền tảng

DO AN MON HOC LAP TRINH WEB

- LINQ có thể mở rộng có nghĩa là có thẻ sử dụng kiến thức về LINQ để truy vấn các kiêu nguồn dữ liệu mới

- LINQ cung cấp cơ sở kết hợp nhiều nguồn đữ liệu trong một truy vấn cũng như chia các vấn đề phức tạp thành một nhóm ngắn truy vấn dễ gỡ lỗi

- LINQ cung cấp khả năng chuyên đôi đễ dàng đề chuyên đôi một kiêu đữ liệu thành khác như chuyển đối đữ liệu SQL sang dữ liệu XML

Sau khi khảo sát thì em đã đưa ra được biểu đồ phân cấp chức năng như sau:

Hình 2.1 Sơ đồ phân cấp chức năng Mô tả chỉ tiết các chức năng

- _ Chức năng quản trị: Thực hiện chức năng quản trị hệ thông website

+ Đăng nhập: Cho phép quản tri và người dùng đăng nhập

+ Cập nhật người dùng: Cho phép quản trị sửa, xóa, phân quyền người dùng trong website

- _ Chức năng quản lý sản phẩm: Thực hiện chức năng quản lý sản phẩm

+ Cập nhật danh mục: Cho phép quản trị viên thêm, sửa, xóa danh mục

+ Cập nhật sản phẩm: Cho phép quản trị viên thêm, sửa, xóa sản phẩm - _ Chức năng quản lý hóa đơn: Thực hiên chức năng quản lý các đơn đặt hàng, xử lý và giao hàng khi khách hàng thanh toán

+ Cập nhật hóa đơn: Mội số hóa đơn bị lỗi hoặc hóa đơn rác sẽ được xóa bỏ

+ Xử lý hóa đơn: Kiểm tra đơn hàng nếu thông tin chính xác thì giao hàng, còn không thì báo cho khách hàng đó

- _ Chức năng tìm kiếm: Cho phép khách hàng tìm kiếm nhanh sản phẩm mình cần tìm

+ Tìm kiếm theo tên sản phẩm: Cho phép khách hàng tìm kiếm sản phẩm theo tên

+ Tìm kiếm theo mô tả sản phâm: Cho phép khách hàng tìm kiếm sản phẩm theo mô tả của người giới thiệu

HÌNH 2.2 Sơ đồ liên kết

SV thực hiện: SVI — SV2 ĐỒ ÁN MÔN HỌC LẬP TRÌNH WEB

Hinh 2.3 Mô hình dữ liệu quan hệ

Cai Dat Bootstrap,pagelist (cau hinh LINQ database)

- Giao diện chương trình chính hiển thị menu danh mục sản phẩm, menu ngang, menu trai, slideshow ảnh, sản phâm mới nhất,logo các thương hiệu sản phẩm, giỏ hàng của khách hàng, link đăng nhập, đăng ký Từ trang chủ người dùng tiếp tục thực hiện tất cả các chức năng của hệ thống

Hinh 3.1.1 Trang chu Code Layout sw dung cho trang chủ ( Lavout.cshtml):

Phân cuôi cùng của layout có mã mở hộp thoại confact us:

Hình 3.l 2 Gio hang 3.1.3 Trang thanh toán

- Giao diện thanh toán đơn hàng giúp người dùng mua hàng và thực hiện thanh toán

- Dữ liệu đầu vào: Họ tên, địa chỉ, quận/ huyện, tỉnh thành phố, quốc gia, SỐ điện thoại của người đặt hàng

- Dữ liệu đầu ra: Trạng thái thanh toán có thành công hay không

3.1.4 Trang chỉ tiết sản phẩm

- Giao diện from chỉ tiết sản phẩm hiến thị thông tin chỉ tiết về sản phâm được khách hàng lựa chọn

- Đưa ra thông tin chỉ tiết về sản phâm khách hàng mua

Hình 3.1.4 Chi tiết sản phẩm 3.1.4 Trang đăng nhập và đăng ký

Hình 3.L 4.a Đăng nhập khách hàng

Hình 3.1.5.a Đăng kỷ khách hàng ở chế độ kiểm tra khi thay đổi kiểu password có thể xem tài khoản mật khâu của người khác điêu này có thê ảnh hưởng đền sự an toàn thông tin của khách hàng vì vậy cần phải mã hóa password thành chuỗi đài nhập vào sql đảm bảo an toàn cho mật khâu khách hàng cao hơn đăng nhập(login) khách hàng chỉ cần nhập password đã nhớ đoạn mã sẽ tự động focus lại thành mã ngắn từ input vào mã sql soạn lọc mã và đăng nhập vào website

Mã hóa chuỗi password nhập vảo sdl:

Hình 3.1.6 a Giao điện đăng nhập Admin

3.1.6.b Trang thong tin Admin, Trang quan ly san pham

Môn học Lập trình Web không chỉ mang lại cho sinh viên những kiến thức cơ bản về lập trình và phát triển web, mà còn giúp họ phát triển kha nang sang tạo, thiết kế đồ họa, và hiệu biết sâu sắc về trải nghiệm người dùng Qua quá trình học, sinh viên đã đạt được những kết quả đáng kê mà môn học này mang lại:

Ky Nang Lap Trinh Web: Sinh viên đã học được cách sử dụng ngôn ngữ lập trình web như HTML, CSS, và JavaScript đề xây dựng trang web tương tác và thân thiện với người dùng

Thiết Ké Giao Diện Người Dùng (UI): Môn học đã giúp sinh viên phat trién ky năng thiết kế giao diện người dùng sáng tạo và hiệu quả Họ đã được đảo tạo để tạo ra trải nghiệm người dùng mượt mà và thú v1

Tích Hợp Công Cụ Phát Triên Web: Sinh viên đã làm quen với việc sử dụng các công cụ và framework phô biến trong lĩnh vực phát triển web, giúp họ hiệu rõ hơn về quy trình làm việc thực tế

Quản Lý Dự Án Web: Sinh viên đã có cơ hội thực hành quản lý dự án web từ việc lên kế hoạch, thiết kế, phát triển đến triển khai, giúp họ hiểu rõ quy trình làm việc trong môi trường thực tế

Giải Quyết Vấn Đề: Môn học Thiết Kế Web còn giúp sinh viên phát triển khả năng phân tích và giải quyết vấn đề, từ việc xác định yêu cầu đến việc triển khai các giải pháp thích hợp

Trong môn học Lập Trình Web, hạn chế và hướng mở rộng đều là những khía cạnh quan trọng mà sinh viên cần hiểu và xử lý đề phát triển ứng dụng web hiệu quả Dưới đây là một số điểm về hạn chế và hướng mở rộng trong ngữ cảnh này:

Bảo mật: Hạn chế về bảo mật có thể xuất phát từ lỗ hồng bảo mật, chưa kiểm tra dau vao (input validation), hay cau hinh khéng an toan

Hiéu Suat: Han ché vé hiéu suat có thê phat sinh nêu ứng dụng không được tối ưu hóa, có thời gian tải lớn, hoặc có nhiều yêu cầu chờ đợi

Kha Năng Tương Thích: Hạn chế về khả năng tương thích có thê gặp khi ứng dụng không hoạt động một cách mượt mả trên nhiêu trình duyệt vả thiết bị

Quản Lý Phiên: Hạn chế có thê phát sinh khi không quản lý đúng các phiên làm việc (session) va cookie, gây ra vấn đề liên quan đến đăng nhập và bảo mật

Quản Lý Dữ Liệu: Hạn chế vẻ quản lý dữ liệu có thê đến từ cầu trúc cơ sở đữ liệu không hiệu quả hoặc thiếu kỹ thuật tối ưu hóa truy vấn

Responsive Design: Huong mo rong thong qua responsive design giúp ứng dụng tự động điều chỉnh đề phù hợp với nhiều kích thước màn hình

API và Microservices: Sử đụng API và microservices giúp hướng mở rộng bằng cách phân chia ứng dụng thành các thành phân nhỏ độc lập

Tối Ưu Hóa Tải Trang: Hướng mở rộng bằng cách tối ưu hóa tải trang thông qua việc giảm kích thước tệp tài nguyên, sử dụng cac ky thuat nhu lazy loading

Caching và Compression: Sử dụng caching và compression giúp tăng tốc độ tải trang bằng cách giảm tải server

Auto-Scaling: Hướng mở rộng tự động giúp ứng dụng tự động thích ứng với tăng cao của tải công việc

Khám Phá Lỗ Hồng Bảo Mật: Hướng mở rộng bằng cách thực hiện kiêm thử bảo mật đê phòng tránh các lỗ hông và tăng cường an ninh

Quan Ly Phién va Cookies: Huong mo rong thong qua quan lý phiên làm việc va cookies an toan

Tiêu đề	Xây dựng Website kinh doanh giày bằng công nghệ ASP.NET MVC
Tác giả	Nguyễn Minh Thông, Võ Ngọc Vương
Người hướng dẫn	Đặng Thế Hân
Trường học	Trường Đại học Nguyễn Tất Thành
Chuyên ngành	Lập trình web
Thể loại	Đồ án môn học
Năm xuất bản	2023 - 2024

Định dạng
Số trang	38
Dung lượng	921,49 KB