Hướng dẫn asp.net mvc 5 howkteam

The ASP.NET MVC 5 Framework is the latest evolution of Microsoft’s ASP.NET web platform. It provides a high-productivity programming model that promotes cleaner code architecture, test-driven development, and powerful extensibility, combined with all the benefits of ASP.NET.

ASP.NET MVC 5 contains a number of advances over previous versions, including the ability to define routes using C# attributes and the ability to override filters. The user experience of building MVC applications has also been substantially improved. The new, more tightly integrated, Visual Studio 2013 IDE has been created specifically with MVC application development in mind and provides a full suite of tools to improve development times and assist in reporting, debugging and deploying your code.

The popular Bootstrap JavaScript library has also now been included natively within MVC 5 providing you, the developer, with a wider range of multi-platform CSS and HTML5 options than ever before without the penalty of having to load-in third party libraries.

Nếu bạn có bất kỳ khó khăn hay thắc mắc gì về khóa học, đừng ngần ngại đặt câu hỏi trong phần bên dưới hoặc trong mục HỎI & ĐÁP trên thư viện Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.

Cảm ơn các bạn đã luôn đồng hành cùng Kteam. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. Đừng quên "Luyện tập – Thử Thách – Không ngại khó"

Trước khi đi vào tìm hiểu về mô hình MVC thì mình nhắc lại cho các bạn về cấu trúc cơ bản của mô hình lập trình web hiện nay

• Minh họa cấu trúc lập trình web:

Trong lập trình web chúng ta chia ra 3 tầng như sau:

1. Presentation Layer (tầng 3): tầng này giúp hiển thị giao diện
2. Business Logic Layer (tầng 2): tầng này chứa các hàm thực thi, giúp xử lý sự kiện xảy ra trên tầng Presentation Layer.
3. Data Access Layer (tầng 1): tầng này chứa hàm kết nối với các hệ quản trị cở sở dữ liệu như SQL Server, Mysql, Oracle …
4. Theo như hình mô tả, cấu trúc cổ điển là 3 tầng này trộn vào nhau hay còn gọi là cấu trúcOne – Tier. Khi làm việc với cấu trúc One – Tier chúng ta gặp khó khăn trong việc chỉnh sửa code hay chỉnh sửa giao diện vì các tầng này bi trộn vào nhau.
5. Tiếp đó, cấu trúc Two – Tier ra đời, tuy nhiên vẫn chưa giải quyết vấn đề của cấu trúcOne – Tier gặp phải đó là việc chỉnh sửa code hay giao diện gặp khó khăn vì tầng 2 và tầng 3 vẫn chưa tách biệt khỏi nhau.
6. Vì vậy câu trúc Three – Tier đã ra đời và giải quyết tất cả các vần đề màOne – Tier, Two – Tier gặp phải. Lúc này 3 tầng đã tách biệt nhau ra do đó việc chỉnh sửa code hay giao diện sẽ trở nên dễ dàng hơn giúp cho ứng dụng tối ưu hóa nhất

Sau khi hiểu và nhớ lại cấu trúc của một mô hình lập trình web cơ bản thì chúng ta sẽ đi qua tìm hiểu về mô hình MVC

• Minh họa mô hình MVC:

MVC (Model – View -Controller) là một design partern đã tồn tại rất lâu trong ngành công nghệ phần mềm. Một ứng dụng viết theo mô hình MVC sẽ bao gồm 3 thành phần tách biệt nhau đó là Model, View, Controller. Giống như trong cấu trúcThree – Tier, mô hình MVC giúp tách biệt 3 tầng trong mô hình lập trình web, vì vậy giúp tối ưu ứng dụng, dễ dàng thêm mới và chỉnh sửa code hoặc giao diện

• Model: ở phần trước mình đã nhắc lại cho các bạn về 3 tầng trong mô hình
  • Three – Tier thì trong đó gồm có 2 tầng Data Access Layer và tầngBusiness Logic Layer. Hai tầng này là hai tầng tương đương với tầng model trong mô hình MVC.
• View: là tầng giao diện, hiển thị dữ liệu được truy xuất từ tầng model. Tầng này tương đương với tầngPresentation Layer trong cấu trúc Three – Tier.
• Controller: đây là tầng giúp kết nối giữa tầng model và tầng view trong mô hình MVC, có nghĩa là nếu phía client yêu cầu hiển thị dữ liệu thì controller gọi giữ liệu từ model và trả về cho view vì view tương tác trực tiếp với client

Ví dụ: User yêu cầu hiển thị thông tin cá nhân của user

1. User gửi một yêu cầu tới controller.
2. Controller nhận yêu cầu, xử lý yêu cầu, nếu yêu cầu cần truy xuất dữ liệu thìcontroller sẽ gửi yêu đó xuống tầng model để truy xuất dữ liệu
3. Tầng model sẽ lấy dữ liệu từ database sau đó truyền dữ liệu qua tầng view thông qua tầngcontroller để tầng view hiển thị dữ liệu cho User
4. User sẽ thấy thông tin hiển thị ở giao diện và cụ thể ở đây là tầng view

Qua ví dụ minh họa thì các bạn đã hiểu được cơ chế hoạt động của mô hình MVC rồi! Bây giờ mình sẽ đi qua tổng quan vềASP.Net MVC

Tổng quan về mô hình lập trình web ASP.Net MVC

Hình mô tả phía trên cho các bạn thấy trước khi ASP.Net MVC ra đời thìASP.Net webform là 1 framework lập trình web khá quen thuộc đối với những tín đồ củaASP.Net. Tuy nhiên, khiASP.Net MVC xuất hiện thì dường như ASP.Net webform bị lãng quên. Để hiểu được lý do tạo sao lại như vậy thì chúng ta sẽ đi từng bước tìm hiểu nhé!

ASP.Net là gì

ASP.NET là 1 framwork lập trình web được cung cấp bởi Microsoft và nó sử dụng ngôn ngữ C# làm ngôn ngữ phát triển.ASP.NET bao gồm 2 model đó làWeb Forms và MVC.

Nhược điểm khi lập trình với ASP.Net web forms:

Trong nội dung bài ngày hôm nay, mình tập trung giới thiệuASP.Net MVC nên mình sẽ không đi vào cụ thể vềWeb Forms mà mình chỉ đưa ra 1 vài nhược điểm củaWeb Forms.

• Web Forms không có sự tách biệt rõ ràng 3 tầng trong mô hình lập trình web.
• Trong Web Forms có sử dụng 1 đối tượng View State mà đối tượng này làm cho trang web bị tăng kích thước vì vậy làm giảm hiệu năng của ứng dụng.
• Giao diện của Web Forms được thiết kế dựa trên những toolbox có sẵn mà web forms cung cấp mà hiện nay đa phần designer sử dụng html, css để thiết kế website vì nó gây khó khăn trong việc thiết kế web hiện nay, việc thiết kế trở nên mất linh hoạt.

Với những khó khăn như vậy thì Microsoft đã cho ra đờiASP.Net MVC.

Cơ chế hoạt động và những ưu điểm trong lập trình web với ASP.Net MVC

ASP.Net MVC là 1 framework lập trình web mới của microsoft, công nghệ này ứng dụng mô hình MVC vào trong ASP.Net, còn mô hình MVC là như thế nào thì mình đã nói rõ ở phần phía trên rồi nhé

Qua hình mô tả phía trên cho các bạn thấy tuy ASP.Net MVC ra đời năm 2009 nhưng mà tính tới năm 2013 thì nó đã được update lên tới phiên bảnASP.Net MVC 5, đây cũng là 1 trong những ưu điểm của ông lớn Microsoft cập nhật công nghệ liên tục.

Và mới đây thì ASP.Net cũng đã cho ra đời 1 công nghệ mới đó làASP.Net core 1.0

Với sự cập nhật thường xuyên như vậy đã giúp cho ASP.Net MVC ngày nay phát triển mạnh mẽ không thua kém gì các công nghệ lập trình web sử dụng Java và Php.

Cơ chế hoạt động của ASP.Net MVC

Dựa vào hình mô phỏng phía trên này thì mình sẽ khái quá sơ qua cơ chế hoạt động củaASP.Net MVC

1. User gửi 1 yêu cầu tới server bằng cách truyền vào 1 URL trong browser
2. Yêu cầu đó được gửi tới controller đầu tiên, controller sẽ xử lý yêu cầu, nếu yêu cầu cần truy xuất dữ liệu thì controller sẽ chuyển qua tầng model
3. Tại tầng model, dữ liệu được truy xuất từ database và sau đó truyền qua view thông qua controller
4. Controller sẽ giúp dữ liệu được chuyển từ model qua view
5. View là tầng cuối cùng giao tiếp với User, mọi dữ liệu sẽ được hiển thị cho User thông qua tầng View

Những ưu điểm mà ASP.Net MVC mạng lại cho chúng ta:

1. Do sử dụng mô hình MVC nên trong ASP.Net MVC đã tách biệt được các tầng trong mô hình lập trình web vì vậy giúp tối ưu ứng dụng và dễ dàng trong việc viết code, giao diện
2. Giao diện trong ASP.Net MVCsử dụng công nghệ thiết kế web HTML, CSS nền việc thiết kế giao diện trở nên dễ dàng và giúp cho designer linh hoạt trong việc thiết kế
3. ASP.Net MVC không sử dụng view state vì vậy trang web không bị tăng kích thước do đó hiệu năng hoạt động không bị bị giảm

ASP.Net MVC đã khắc phục được các nhược điểm của web forms vì vậy web forms hiện nay không còn được dùng phổ biến nữa.

Kết luận

Qua bài học ngày hôm này, mình đã giúp các bạn hiểu khái quát về công nghệ lập trình webASP.Net MVC của Microsoft.

Bài sau chúng ta sẽ đi vàoTạo 1 project ASP.Net MVC đơn giản và giải thích cấu trúc, vai trò của View, Controller trong mô hình MVC. Xuất câu “Hello Howkteam!”

Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. Đừng quên “Luyện tập – Thử thách – Không ngại khó”.

Tải xuống

Tài liệu

Nhằm phục vụ mục đích học tập Offline của cộng đồng, Kteam hỗ trợ tính năng lưu trữ nội dung bài học Giới thiệu tổng quan công nghệ Web ASP.Net MVC dưới dạng file PDF trong link bên dưới.

Ngoài ra, bạn cũng có thể tìm thấy các tài liệu được đóng góp từ cộng đồng ở mục TÀI LIỆU trên thư viện Howkteam.com

Đừng quên like và share để ủng hộ Kteam và tác giả nhé!

Thảo luận

Nếu bạn có bất kỳ khó khăn hay thắc mắc gì về khóa học, đừng ngần ngại đặt câu hỏi trong phần bên dưới hoặc trong mục HỎI & ĐÁP trên thư viện Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.