Khoanglang89
Bạn hãy đăng nhập hoặc đăng ký
Khoanglang89
Bạn hãy đăng nhập hoặc đăng ký
Khoanglang89

NHẬN THIẾT KẾ WEBSITE/ SOFTWARE - LÀM ĐỒ ÁN TỐT NGHIỆP, ĐỒ ÁN CHUYÊN MÔN NGÀNH CÔNG NGHỆ THÔNG TIN


You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Admin

Admin

Admin
Admin
Loading

[MVC5 Series - P1] Giới thiệu về ASP.NET MVC 5


Giới thiệu

MVC không phải là một mô hình lập trình mới lạ gì, và thậm chí, nó còn ra đời từ rất sớm. Có thể nói ASP.NET MVC là mô hình lập trình web chiến lược của Microsoft. Do đó, đối với những ai yêu mến và đi theo .NET, phát triển ứng dụng web với ASP.NET MVC sẽ là một kỹ năng không thể thiếu được.
Mình sẽ cố gắng xây dựng một chuỗi bài "hướng dẫn cơ bản" về ASP.NET MVC5 (và từ giờ sẽ nói ngắn gọn là MVC5 vì mình chỉ chơi với .NET). Mục tiêu của chuỗi bài này là để hướng dẫn, tham khảo và chia sẻ các kiến thức liên quan đến MVC5 dành cho tất cả mọi người, và cố gắng viết theo ngôn ngữ "bình dân" nhất để những ai mới làm quen không bị bỡ ngỡ. Và điều quan trọng, đi kèm với những bài giới thiệu và các ví dụ demo để các bạn hiểu rõ hơn vấn đề.

Yêu cầu

Cài đặt chương trình

  1. Visual Studio 2013 (phiên bản mình đang dùng) hoặc Visual Studio 2013 Express for Web (nhẹ + miễn phí). Sở dĩ cần cài đặt VS 2013 là vì nó tạo project MVC5, còn VS 2010 + 2012 là MVC4 (hình như thế, muốn biết thì cứ thử). Điều khác nhau cơ bản giữa MVC4 với MVC5 là MVC5 được tích hợp sẵn Bootstrap trong đó, còn MVC4 thì không.
  2. SQL Server 2012 (phiên bản mình đang dùng), hoặc SQL Server 2008 cũng tốt.
  3. Cần gì nữa thì sẽ cài đặt lúc cần.

Recommended

  1. Nếu bạn đã học webform, đừng để tư tưởng của webform xen lẫn vào MVC. Hãy coi như 2 cái đó là 2 thứ hoàn toàn khác biệt (mặc dù tương tự) và đừng so sánh webform với MVC, vậy sẽ dễ tiếp thu hơn.
  2. Bạn phải biết các kiến thức HTML/CSS/JS cơ bản.
  3. Điều quan trọng là đọc đến đâu hãy làm đến đấy.
  4. Sẽ có lúc bạn đụng đến thứ bạn chưa biết, hãy coi như điều đó là đúng và bạn sẽ được giải thích ở sau.
  5. Tất nhiên, có thể đôi lúc mình không chính xác nên rất hoan nghênh tinh thần đóng góp và chia sẻ của mọi người.
  6. Bây giờ hãy cùng bắt tay làm quen với MVC5 nào...

Mô hình MVC

[MVC5 Series - P1] Giới thiệu về ASP.NET MVC 5 Mvc-pattern-2
Theo mô hình MVC, việc xử lý yêu cầu người dùng được chia thành 3 thành phần tách biệt nhau:
ControllerTiếp nhận và xử lý yêu cầu từ người dùng. Nếu cần làm việc với CSDL sẽ nhờ đến Model, sau đó chuyển tiếp sang View.ViewTiếp nhận Model từ Controller để sinh giao diện phù hợp và hiển thị.ModelChứa dữ liệu chia sẻ giữa Controller và View.
[MVC5 Series - P1] Giới thiệu về ASP.NET MVC 5 Mvc-pattern

Project MVC5

[MVC5 Series - P1] Giới thiệu về ASP.NET MVC 5 Mvc5-project
Ở phần Authentication, lựa chọn mặc định là Individual User Account, là dự án internet bao gồm phần Security của MVC5. Một số chế độ khác như No Authentication là dự án không bao gồm Security, Windows Authentication là dự án bao gồm Security nhưng quản lý trên mạng nội bộ và Organizational Accounts là loại dự án sử dụng tài khoản từ cloud computing.

Solution Explorer

[MVC5 Series - P1] Giới thiệu về ASP.NET MVC 5 Mvc5-project-explorer
Một số thành phần cơ bản trong project MVC5

  1. App_Data: chứa CSDL nội bộ (nếu có).
  2. App_Start: chứa các class chạy tại thời điểm ứng dụng bắt đầu, các class này được gọi trong Application_Start của file Global.asax.
  3. Content: nội dung tĩnh như css, hình ảnh...
  4. Controllers: chứa Controllers của project.
  5. fonts: font mở rộng cho project.
  6. Models: chứa model của project.
  7. Scripts: chứa javascript, các thư viện js download từ Nuget Package.
  8. Views: Chứa các view giao diện.
  9. Global.asax: định nghĩa các sự kiện quản lý vòng đời ứng dụng.
  10. Web.config: thông tin cấu hình cho project.

Thử chạy project lên và xem kết quả.
[MVC5 Series - P1] Giới thiệu về ASP.NET MVC 5 Mvc5-responsive-layout
Responsive layout
[MVC5 Series - P1] Giới thiệu về ASP.NET MVC 5 Mvc5-responsive-layout-mobile
Chú ý
Như đã nói ở trên, việc hiển thị ra giao diện là phần việc của View. Do đó ta có thể chạy trực tiếp từ View bằng các cách sau
Cách 1: F5 hoặc Ctrl + F5
Cách 2: R-click vào 1 View và chọn View in Browser
[MVC5 Series - P1] Giới thiệu về ASP.NET MVC 5 Mvc5-run
Cách 3 (giống cách 2): R-click trong 1 View và chọn View in Browser
[MVC5 Series - P1] Giới thiệu về ASP.NET MVC 5 Mvc5-run-2
Mình khuyên các bạn nên dùng theo cách 2 hoặc 3, vì khi cập nhật giao diện hay chỉnh sửa code, chỉ cần Refresh lại browser là được.

Nguồn tham khảo

Có rất nhiều nguồn tham khảo, nhưng những gì mới và đang tìm hiểu mà càng xem nhiều nguồn thì càng rối. Tuy vậy, các nguồn sau không thể không để tâm:

  1. google.com + stackoverflow.com tìm kiếm và giải đáp "hầu hết" mọi thắc mắc
  2. w3schools.com tham khảo HTML/CSS/JS
  3. asp.net tham khảo ASP.NET MVC

Kết

Khá đơn giản phải không? Bài này mình sẽ dừng lại ở đây. Nếu các bạn "táy máy", có thể tự lục lọi vài thứ trong project thử xem.
Part 2: [MVC5 Series - P2] Controllers


http://phantienquang.blogspot.com/2014/09/mvc5-series-p1-gioi-thieu-ve-aspnet-mvc5.html

https://khoanglang89.forumvi.com

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Bài viết mới cùng chuyên mục

      Permissions in this forum:
      Bạn không có quyền trả lời bài viết