Nghiên cứu mô hình mvc trong lập trình net và ứng dụng pdf

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang	48
Dung lượng	1,54 MB

Nội dung

TRƯỜNG ĐẠI HỌC NỘI VỤ HÀ NỘI TRUNG TÂM TIN HỌC – NGOẠI NGỮ BÁO CÁO TỔNG HỢP ĐỀ TÀI NGHIÊN CỨU KHOA HỌC CỦA NGƯỜI HỌC NGHIÊN CỨU MÔ HÌNH MVC TRONG LẬP TRÌNH NET VÀ ỨNG DỤNG Mã số đề tài: THNN.ĐTSV.2019.01 Chủ nhiệm đề tài: Nguyễn Trung Hiếu Lớp 1705HTTA/Trung tâm Tin học – Ngoại ngữ Giảng viên hướng dẫn: Ths Lê Minh Tuấn Hà Nội – Năm 2020 TRƯỜNG ĐẠI HỌC NỘI VỤ HÀ NỘI TRUNG TÂM TIN HỌC – NGOẠI NGỮ BÁO CÁO TỔNG HỢP ĐỀ TÀI NGHIÊN CỨU KHOA HỌC CỦA NGƯỜI HỌC NGHIÊN CỨU MƠ HÌNH MVC TRONG LẬP TRÌNH NET VÀ ỨNG DỤNG Mã số đề tài: THNN.ĐTSV.2019.01 Chủ nhiệm đề tài: Nguyễn Trung Hiếu Thành viên tham gia: Phạm Thị Hà Đỗ Nhật Tân Phan Quốc Đạt Lớp 1705HTTA/Trung tâm Tin học – Ngoại ngữ Hà Nội – Năm 2020 LỜI CAM ĐOAN Nhóm nghiên cứu xin cam đoan đề tài nghiên cứu “Nghiên cứu mơ hình MVC lập trình NET ứng dụng” thật khơng chép Chúng tơi xin hồn tồn chịu trách nhiệm nội dung đề tài nghiên cứu LỜI CẢM ƠN Chúng em xin gửi lời cảm ơn chân thành đến thầy ThS Lê Minh Tuấn, cố vấn học tập lớp 1705HTTA, giảng viên hướng dẫn nhóm trang bị cho chúng em nhiều kiến thức, kĩ để hồn thành đề tài nghiên cứu Trong q trình thực nghiên cứu đề tài, kiến thức hạn chế nên nhóm khơng tránh khỏi thiếu sót trình bày vấn đề nghiên cứu Rất mong nhận thơng cảm góp ý Thầy Cô, bạn sinh viên để báo cáo nhóm hồn thiện Xin chân thành cảm ơn! MỤC LỤC PHẦN MỞ ĐẦU 1 Lý chọn đề tài Mục đích nghiên cứu Đối tượng phạm vi nghiên cứu Phương pháp nghiên cứu Ý nghĩa khoa học thực tiễn đề tài Chương 1: GIỚI THIỆU MƠ HÌNH MVC 1.1 Lịch sử phát triển 1.2 Các thành phần mơ hình MVC 1.3 Quy trình hoạt động mơ hình MVC 1.4 Ưu, nhược điểm mơ hình MVC 1.4.1 Ưu điểm 1.4.2 Nhược điểm Chương 2: MƠ HÌNH MVC TRONG ASP.NET 2.1 Giới thiệu tổng quan 2.1.1 Lịch sử phát triển ASP.NET 2.1.2 Ưu, nhược điểm ASP.NET 2.1.3 Khái quát thành phần mơ hình kiến trúc ASP.NET MVC 10 2.1.4 Sự đời ASP.NET MVC 12 2.1.5 Ưu điểm mô hình ASP.NET MVC 12 2.2 Cài đặt ASP.NET MVC 13 2.3 Tạo dự án Web ASP.NET MVC 13 Chương 3: XÂY DỰNG ỨNG DỤNG VỚI ASP.NET MVC FRAMEWORK 17 3.1 Xây dựng Controllers 17 3.2 Xây dựng Models 26 3.3 Xây dựng sở liệu 28 3.4 Xây dựng Views 31 3.5 Truy vấn liệu với Linq 35 3.6 Thiết lập giao diện trang Web 35 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 41 Kết luận 41 Hướng phát triển 42 PHẦN MỞ ĐẦU Lý chọn đề tài Ngày nay, xây dựng trang web ngơn ngữ lập trình ASP.NET dễ dàng tài liệu ngôn ngữ cộng đồng phát triển ứng dụng web ngôn ngữ rộng rãi Là framework nguồn mở phát triển để dành riêng cho lập trình web phía máy chủ, dễ dàng tìm thấy tài liệu liên quan mạng Internet, tham khảo dự án mẫu để tự nghiên cứu xây dựng website riêng ASP.NET phát triển Microsoft cho phép lập trình viên xây dựng trang web động, ứng dụng web hay dịch vụ cách dễ dàng Được giới thiệu lần vào năm 2002 với phiên 1.0, ASP.NET coi hệ công nghệ ASP ASP.NET xây dựng tảng CLI, cho phép lập trình viên viết mã ASP.NET sử dụng ngơn ngữ hỗ NET framework Phiên ASP.NET NET core, phiên cài đặt lại ASP.NET sở mơ đun hóa, với NET framework khác Entity Framework Framework sử dụng mã nguồn mở NET compiler hệ hỗ trợ đa tảng Lập trình viên sử dụng ASP.NET framework để phát triển ứng dụng web sử dụng ASP.NET Web Forms ASP.NET MVC Trong đề tài nghiên cứu này, nhóm nghiên cứu lựa chọn ASP.NET MVC để nghiên cứu số lý do: ASP.NET MCV lựa chọn thay cho ASP.NET Web Forms, xây dựng với lớp chính: lớp Giao diện (Views), lớp Điều khiển (Controllers) lớp Dữ liệu (Models) Việc chia trang web thành nhiều lớp giúp cho lập trình viên có kinh nghiệm xây dụng website với cấu trúc chặt chẽ, rõ ràng Với thiết kế cấu trúc lớp, ASP.NET MVC cho phép dễ dàng nâng cấp thay chức Hỗ trợ kiểm thử tốt đơn giản ASP.NET MVC công nghệ khơng mới, khơng có nhiều bạn sinh viên Đại học Nội vụ Hà Nội biết tới mơ hình Chính thế, nhóm nghiên cứu mạnh dạn chọn đề tài nghiên cứu kiến trúc ASP.NET MVC làm sở xây dựng ứng dụng sử dụng ASP.NET MVC theo hướng tiếp cận code First để minh họa cho mơ hình Mục đích nghiên cứu - Học kiến thức - Trong trình tìm hiểu giúp nhóm nâng cao khả tự học - Tạo bước khởi đầu phục vụ cho việc xây dựng website quản lý sinh viên hoàn thiện sau này, áp dụng học đưa vào thực tế - Sản phẩm đề tài bổ xung cho nguồn tài liệu ASP.NET MVC tiếng Việt cịn thiếu cho sinh viên ngành Hệ thống Thơng tin trường Đại học Nội vụ Hà Nội Đối tượng phạm vi nghiên cứu Nghiên cứu kiến trúc ASP.NET MVC, tiếp cận theo hướng code first, nghiên cứu kiến thức liên quan Phương pháp nghiên cứu Nghiên cứu lý thuyết thông qua E-book phát hành Microsoft Tìm hiểu ví dụ mạng, bước áp dụng vào chương trình thử nghiệm Tổng hợp kiến thức tìm hiểu hoàn thành báo cáo sản phẩm demo Ý nghĩa khoa học thực tiễn đề tài - Hiện kiến trúc ASP.NET MVC công nghệ khơng Việt Nam, song cịn có nhiều bạn sinh viên chưa biết đến hay tìm hiểu cơng nghệ này, đặc biệt bạn sinh viên ngành Hệ thống Thông tin Trường Đại học Nội vụ Hà Nội Chính việc hồn thành báo cáo chương trình ứng dụng giúp ích nhiều cho bạn sinh viên theo ngành muốn tiếp cận - Bên cạnh đó, theo tìm hiểu nhóm, việc xây dựng website Quản lý sinh viên cho Trường việc thiết thực Tuy đề tài dừng lại mức tìm hiểu, áp dụng vào thực tế, chức nhiều hạn chế đưa hướng giải vấn đề cụ thể, hiệu Khả phát triển, mở rộng chức ứng dụng vào thực tế sử dụng Trường sau có sở Chương 1: GIỚI THIỆU MƠ HÌNH MVC 1.1 Lịch sử phát triển Tất bắt đầu vào năm 70 kỷ 20, phịng thí nghiệm Xerox Parc Palo Alto Sự đời giao diện đồ họa (Graphical User Interface) lập trình hướng đối tượng (Object Oriented Programming) cho phép lập trình viên làm việc với thành phần đồ họa đối tượng đồ họa có thuộc tính phương thức riêng Khơng dừng lại đó, nhà nghiên cứu Xerox Parc cịn xa cho đời gọi mơ hình kiến trúc MVC (viết tắt Models – Views – Controllers) Mơ hình MVC phát minh Xerox Parc vào năm 70, Trygve Reenskaug Mô hình MVC lần xuất cơng khai Smalltalk-80 Sau đó, thời gian dài khơng có thơng tin MVC, tài liệu 80 Smalltalk Các giấy tờ quan trọng công bố MVC “A Cookbook for Using the Models -Views Controllers User Interface Paradigm in Smalltalk-80”, Glenn Krasner Stephen Pope, xuất tháng đến tháng năm 1988 1.2 Các thành phần mơ hình MVC Mơ hình MVC chia làm lớp xử lý gồm Model – View – Controller: Model: Thành phần Model tương ứng với tất logic liên quan đến liệu mà người dùng làm việc Điều biểu thị liệu chuyển thành phần View Controller liệu liên quan đến logic nghiệp vụ khác View: giao diện người dùng mà khách hàng / người dùng thực số hành động Nó chứa mã HTML, CSS, JS, XML ngôn ngữ khác mà sử dụng để tạo giao diện người dùng Nó chứa mã để hiển thị liệu mà nhận từ ứng dụng [Display(Name =“Họ đệm”)] public string FirstMidName { get; set; } [DataType(DataType.Date)] [Display(Name = “Ngày đăng ký”)] [DisplayFormat(DataFormatString ApplyFormatInEditMode = true) ] =“{0:dd/MM/yyyy}”, public DateTime? EnrollmentDate { get; set; } //allow nullable public virtual ICollection Enrollments { get; set; } } } Như có tất liệu mà ta cần cho lớp StudentsController 3.3 Xây dựng sở liệu Code first phương pháp tạo class Model sau phát sinh database Đây cách thức phát triển ứng dụng nhanh chưa có database Bằng cách sử dụng code first bạn tạo liệu ban đầu cho database Trong đề tài nghiên cứu này, nhóm sử dụng cách tiếp cận code first để tạo database, đồng thời sử dụng mơ hình kiến trúc MVC để truy vấn liệu sử dụng Linq to SQL Để kết nối với Database, cần phải tạo lớp Context kế thừa từ DbContext Khi đó, ánh xạ Model xuống Table Base(connectionString) câu lệnh nhận vào chuỗi kết nối key chứa Web.Config Ví dụ, nhóm tạo file HuhaContext.cs nằm thư mục DAL với đoạn code sau: using System; using System.Collections.Generic; using System.Data.Entity; 28 using System.Linq; using System.Web; using WebApplication2.Models; using System.Data.Entity.ModelConfiguration.Conventions; namespace WebApplication2.DAL { public class HuhaContext : DbContext { public HuhaContext() : base("HuhaDB") { Database.SetInitializer(new DropCreateDatabaseIfModelChanges()); } public DbSet Studens { get; set; } public DbSet Enrollments { get; set; } public DbSet Courses { get; set; } protected override void OnModelCreating(DbModelBuilder modelBuilder) { modelBuilder.Conventions.Remove(); base.OnModelCreating(modelBuilder); } } } Trường hợp khơng có database, chương trình tự động tạo database dựa vào chuỗi kết nối Connection String cung cấp file Context Trường hợp bạn không cung cấp chuỗi kết nối, database tự động tạo đường dẫn: C:\User\\ 29 Migration Trường hợp bạn thay đổi Model (ví dụ thêm propery Url vào Model Student), bạn gặp thông báo: “The model backing the 'HuhaContext' context has changed since the database was created Consider using Code First Migrations to update the database (http://go.microsoft.com/fwlink/?LinkId=238269).” Để cập nhật lược đồ cho database, cần sử dụng Code First Migrations Mở Package Manager Console gõ lệnh Enable-Migrations Sau câu lệnh trên, thư mục Migrations tạo cửa sổ quản lý dự án Solution Explorer chứa tập tin: - Configuration.cs: Đây lớp dùng để cấu hình Migration Bạn không cần chỉnh sửa file - Tập tin _InitialCreate.cs: Đây tập tin Migration chương trình Để cập nhật database, dùng lệnh Add-Migration hệ thống tạo tập tin Migration thư mục Migrations Để cập nhật database với tập tin Migration vừa tạo, dùng lệnh Update-Database Nếu muốn quay trở Migration cũ, dùng lệnh UpdateDatabase -TargetMigration: Nếu muốn xem câu lệnh SQL thực dùng Update-Database, ta dùng lệnh Update-Database –Verbose Dưới hình ảnh Migrations mà nhóm tạo: 30 Hình 8: Hình ảnh Migration dự án 3.4 Xây dựng Views Qua phần trên, nhóm hồn tất việc triển khai thực thử nghiệm ứng dụng Web Bây tiếp tục cần phải thực thiết lập giao diện người dùng HTML cho Chúng ta làm điều cách cài đặt Views để tạo giao diện người dùng thích hợp gọi RenderView() Các ASP.NET MVC Framework hỗ trợ khả sử dụng công cụ khuôn mẫu để giúp ta tạo giao diện người dùng (bao gồm cơng cụ Template có Template tự viết) Tìm hiểu cấu trúc thư mục Views: Theo mặc định ta tạo dự án ASP.NET MVC cách sử dụng Visual Studio, tạo thư mục “Shared” bên thư mục gốc “Views” Đây nơi đề nghị để lưu trữ MasterPages Views mà ta muốn dùng nhiều nơi ứng dụng 31 Khi xây dựng thành phần View cụ thể Controller, mặc định ASP.NET MVC lưu trữ chúng thư mục thư mục gốc Views Theo mặc định, tên thư mục phải tương ứng với tên điều khiển Ví dụ, Controller xây dựng gọi StudentsController, mặc định View StudentsController lưu trữ thư mục tên Students Khi gọi câu lệnh RenderView(StringviewName) Controllers, MVC Framework tự động tìm View Template tương ứng đường dẫn /Views/ControllerName, khơng thể tìm thấy View thích hợp ASP.NET MVC Framework tìm thư mục /Views/Shared Khi xây dựng ứng dụng cách sử dụng mơ hình MVC , ta muốn giữ cho mã nguồn Views đơn giản, chắn mã nguồn Views đơn làm việc biểu diễn UI cho người dùng Các xử lý Buiness Logic nên đặt lớp Controllers Controllers xử lý, chọn Views thích hợp truyền liệu cần thiết vào Views để biểu diễn UI cho người dùng (được thực gọi RederView) Để tạo View, click chuột phải vào Folder mà muốn thêm View chọn Add => View Khi giao diện thiết lập xuất hiện, tùy chỉnh View name, Template, Model class, Data context class, sau ấn Add 32 Hình 11: Tạo View Dưới ví dụ View, code file Index.cshtml StudentsController: @model IEnumerable @{ ViewBag.Title = "Sinh viên"; Layout = "~/Views/Shared/_Layout.cshtml"; } Danh sách sinh viên

@Html.ActionLink("Thêm mới", "Create")

@Html.DisplayNameFor(model => model.LastName) 33 @Html.DisplayNameFor(model => model.FirstMidName) @Html.DisplayNameFor(model => model.EnrollmentDate) @foreach (var item in Model) { @Html.DisplayFor(modelItem => item.LastName) @Html.DisplayFor(modelItem => item.FirstMidName) @Html.DisplayFor(modelItem => item.EnrollmentDate) @Html.ActionLink("Sửa", "Edit", new { id = item.ID }) | @Html.ActionLink("Chi tiết", "Details", new { id = item.ID }) | @Html.ActionLink("Xóa", "Delete", new { id = item.ID }) } 34 3.5 Truy vấn liệu với Linq Linq to SQL Microsoft giới thiệu năm 2007 phần NET 3.5, thiết kế để giúp lập trình viên giảm tải số lượng lớn mã nguồn cần viết thao tác với sở liệu, giúp thoát khỏi gánh nặng việc tạo trì store procedure cho loại câu truy vấn cần thực thi Linq cho phép Select (chọn), Filter (lọc), Sort (phân loại), Group (nhóm) Tranfom Data (chuyển liệu) từ nguồn Data Source (dữ liệu nguồn) khác theo cách chung - Linq to objects thực truy vấn đối tượng - Linq to DataSet thực truy vấn DataSet - Linq to SQL thực truy vấn đến sở liệu SqlServer mà viết code - Linq to XML đọc liệu từ XML Như với việc sử dụng Linq, câu lệnh truy vấn trở nên gọn gàng nhiều 3.6 Thiết lập giao diện trang Web Chúng ta thay đổi giao diện cho trang web nhiều cách với cách trình bày khác Phần địi hỏi người lập trình phải có kiến thức Front End Đầu tiên, thiết lập phần layout cho trang web, tạo Menu, Header Footer cách tìm đến Views\Shared\_Layout.cshtml, thực thay đổi Ví dụ đoạn code đây, nhóm tiến hành tạo Menu qua action link Thanh Menu gồm có liên kết dẫn đến website Trường Đại học Nội vụ Hà Nội, bên cạnh action link dẫn đến mục Sinh viên, Khóa học, Giới thiệu Liên hệ 35 Website Trường Đại học Nội vụ Menu Chúng ta chỉnh sửa nội dung hiển thị trang chủ cách sửa code Views\Home\Index.cshtml Ví dụ, nhóm thay nội dung tệp đoạn code bên để chỉnh sửa nội dung mà Trang chủ hiển thị: 36 @{ ViewBag.Title = “Trang chủ”; } Lễ trao học bổng Bộ Khoa học Nghệ thuật bang Hessen Tổ chức hỗ trợ đại học giới CHLB Đức (WUS)

Đăng Đoàn Trường Đại học Nội vụ Hà Nội ngày 05/06/2020

37 Tôn vinh người trẻ xuất sắc học tập làm theo lời Bác

CLB tình nguyện HUHA - Quang Nam Campus vui tết thiếu thi bệnh nhi Bệnh viện đa khoa khu vực Bắc Quảng Nam

38 Phân hiệu Trường Nội vụ Hà Nội Quảng Nam kí kết hợp tác với Shark Việt Hỗ trợ sinh viên khởi nghiệp

Bên cạnh đó, tập tin CSS, JS, mẫu chứa thư mục Content thứ giúp hoàn thiện phần hiển thị trang web theo ý muốn Dưới số hình ảnh giao diện website sau hoàn thiện: 39 Hình 12: Một số giao diện ứng dụng Hình 13: Một số giao diện ứng dụng 40 Hình 14: Một số giao diện ứng dụng Hình 15: Một số giao diện ứng dụng KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết luận Qua thời gian nghiên cứu xây dựng ứng dụng, cuối nhóm hồn thành báo cáo nghiên cứu lý thuyết chương trình demo Về báo cáo lý thuyết, nhóm trình bày kiến thức 41 ASP.NET MVC, chưa đầy đủ kiến thức, nhóm trình bày báo cáo kiến thức tảng quan trọng để bạn sinh viên tiếp tục tìm hiểu kiến thức sâu Về chương trình demo, quy mơ chương trình cịn nhỏ, chức đơn giản, nhiều hạn chế Nhưng kiến thức ASP.NET MVC đưa vào Với demo này, chưa thể áp dụng vào thực tế được, nhóm tin chương trình tham khảo tốt cho bạn muốn học ASP.NET MVC đồng thời xây dựng sở liệu theo hướng code first Hướng phát triển Trong thời gian tới, nhóm cố gắng bổ sung thêm nhiều chức phù hợp với toán thực tế, đồng thời xây dựng mô đun xác thực người dùng để website quản lý sinh viên ứng dụng vào thực tế Trường Đại học Nội vụ Hà Nội 42 ... niệm MVC Mơ hình kiến trúc ASP .NET MVC thực thi biến thể đại MVC, đặc biệt thích hợp với ứng dụng web 2.1.5 Ưu điểm mơ hình ASP .NET MVC Do sử dụng mơ hình MVC nên ASP .Net MVC tách biệt tầng mơ hình. .. ứng dụng web sử dụng ASP .NET Web Forms ASP .NET MVC Trong đề tài nghiên cứu này, nhóm nghiên cứu lựa chọn ASP .NET MVC để nghiên cứu số lý do: ASP .NET MCV lựa chọn thay cho ASP .NET Web Forms, xây... HÌNH MVC TRONG ASP .NET 2.1 Giới thiệu tổng quan Như nói trên, mơ hình MVC với ưu điểm ứng dụng nhiều tảng khác nhau, nhắc nhiều đến MVC mơ hình kiến trúc ASP .NET MVC Vậy ASP .NET MVC gì? ASP.NET

Ngày đăng: 04/04/2022, 14:50