《第1章 ASP.NET MVC 概述2ppt课件.ppt》由会员分享,可在线阅读,更多相关《第1章 ASP.NET MVC 概述2ppt课件.ppt(26页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、在此输入您的封面副标题第1章 ASP.NET MVC 概述2ASP.NET MVC 程序设计开发教程第1章 ASP.NET MVC 概述学习目标重点难点ASP.NET MVC 环境搭建ASP.NET MVC 应用程序的创建方法ASP.NET MVC 应用程序的结构了解 ASP.NET MVC 的基础知识了解 ASP.NET MVC 的概念掌握 ASP.NET MVC 环境搭建掌握 ASP.NET MVC 应用程序的创建方法掌握 ASP.NET MVC 应用程序的结构1.1 ASP.NET MVC 简介 ASP.NET MVC 是在现有的 ASP.NET 框架基础上提供的一个新的 MVC 框架。
2、利用 ASP.NET MVC,.NET 开发人员可以用 MVC 模式来构建 Web 应用,做到清晰的概念分离(UI 或者视图 与业务应用逻辑分离,应用逻辑和后端数据分离),同时还可以使用测试驱动开发。在学习 ASP.NET MVC 之前,我们先了解一下什么是 MVC。 MVC 不是一种程序语言,严格来说也不算是一种技术,而是一种“架构(框架)”,它 就像是一种开发观念或者是一种程序设计模式。 软件开发时,开发人员最熟悉也是最常面对的状况就是“变化”。需求会变、技术会变、 老板会变、客户也会变,需求的不断变化对软件质量和可维护性都有很强的破坏性。但这就 是我们必须面对的现实,我们唯一能够做的就是
3、有效降低变化所带来的冲击,而 MVC 就是 一种可行的解决方案。 MVC 成为计算机科学领域重要的设计模式已有多年的历史。MVC 最早是在 1979 年由 Trygve Reenskaug 所提出,并且应用于当时很流行的 Smalltalk 程序语言中。1.1 ASP.NET MVC 简介 简化软件开发的复杂度,以一种概念简单却又权责分明的架构,贯穿整个软件开发流程,通 过业务逻辑层与数据表现层的分割,把这两部分数据分离开来,以编写出更具模块化、可维护性更高的程序。当前,几乎所有的编程语言都实现了 MVC 模式,包括 Java、JavaScript、 Perl、PHP、Python、Small
4、talk、XML,当然还有.NET。1.1 ASP.NET MVC 简介 MVC 模式目前被广泛应用于 Web 程序设计中,在 ASP.NET MVC 中,MVC 的三个主要部 分有着明确的分工。 顾名思义,Controller 就是“掌控全局”,它负责的工作如下: 决定系统运作流程决定系统运作流程; 负责从负责从 Model 中获取数据中获取数据; 决定应该显示哪个决定应该显示哪个 View。1.1 ASP.NET MVC 简介Model 又称数据模型,负责所有与数据有关的任务: 定义数据结构定义数据结构; 负责连接数据库负责连接数据库; 从数据库中读从数据库中读/写数据写数据; 执行存储过
5、程执行存储过程; 进行数据格式验证进行数据格式验证; 定义与验证业务逻辑规则定义与验证业务逻辑规则; 对数据进行各种加工处理。对数据进行各种加工处理。1.1 ASP.NET MVC 简介 View 负责所有呈现在用户面前的东西,简单来说就是输入与输出。输出工作指将数据呈 现在浏览器上,例如,输出 HTML、XML;输入工作则是将用户输入的数据传回服务器,例 如,在浏览器上呈现网页窗体让用户输入。具体任务包括:从从 Controller 取得数据,并显示在用户界面上取得数据,并显示在用户界面上;负责控制页面的版式、字体、颜色等各种显示方式负责控制页面的版式、字体、颜色等各种显示方式;参考参考 M
6、odel 定义的数据格式来定义数据显示方式定义的数据格式来定义数据显示方式;在在 Web 页面中送出数据到服务器页面中送出数据到服务器;决定数据的传递格式和传送方式决定数据的传递格式和传送方式;完成前端基本的数据验证。完成前端基本的数据验证。1.1 ASP.NET MVC 简介 M、V、C 之间有很强的关联性和独立性,巧妙的分工与合作。控制器接受用户的输入并 调用模型和视图去完成用户的需求,MVC 的运作模式如图所示。1.1 ASP.NET MVC 简介 为什么要使用ASP.NET MVC:ASP.NET MVC 是微软官方推出的 MVC 架构 Web 应用开发平台,它采用了许多与其他 MVC
7、 开发平台所使用的相同的核心策略,再加上它提供的编译和托管代码的好处,以及.NET 平台的新特性,使其成为强大的 Web 应用开发框架。1.关注点分离与可维护性关注点分离与可维护性;2.易于分工的架构;易于分工的架构;3.开发工具与效率;开发工具与效率;4.易于测试的架构;易于测试的架构;5.开放特性;开放特性;ASP.NET MVC的开发环境 学习 ASP.NET MVC 的最好方法就是通过项目开发来理解其工作原理。在实际的开发工作开始之前,首先准备 ASP.NET MVC 所需的开发环境。 ASP.NET MVC 5 需要.NET 4.5,可以在以下 Windows 操作系统中运行: Wi
8、ndows Vista SP2; Windows 7; Windows 8; Windows 10。 ASP.NET MVC 5 也可以运行在以下服务器操作系统中: Windows Server 2008 R2; Windows 确保满足了基本的软件要求后,下一步就该在开发或生产的计算机上安装 ASP.NET MVC 5 了。1.2 ASP.NET MVC 模式下的 Web 项目开发ASP.NET MVC的开发环境 安装 ASP.NET MVC 5 开发组件: ASP.NET MVC 5 的开发工具支持 Visual Studio 2012 和 Visual Studio 2013,包括这两个
9、产 品的免费 Express 版本。 Visual Studio 2013 中包含 MVC 5,不需要单独安装。如果使用的是 Visual Studio 2012, 则需要安装一个微软发布的更新工具“ASP.NET and Web Tools 2013.1 for Visual Studio 2012”, 下载网址。注意:AspNetWeb Tools2013_1Setup.exe 和 WebToolsExtensionsVS.msi 都需要安装,安装此更新后,MVC5 在 Visual Studio 2012 中可用。1.2 ASP.NET MVC 模式下的 Web 项目开发ASP.NET
10、MVC的开发环境 在服务器上安装 ASP.NET MVC 5: MVC 5 是完全 bin 部署的,这意味着所有必要的程序集都包含在应用程序的 bin 目录中。 只要服务器上有.NET 4.5,就可以进行安装。1.2 ASP.NET MVC 模式下的 Web 项目开发创建 ASP.NET MVC 应用程序 通过如下步骤可以 创建一个新的 ASP.NET MVC 项目。 (1)选择“文件”“新建项目”命令,如图所示。1.2 ASP.NET MVC 模式下的 Web 项目开发创建 ASP.NET MVC 应用程序 (2)在“新建项目”对话框左侧区域选择“已安装”“模板”“Visual C#”“We
11、b” 选项,这将在中间区域显示 Web 应用程序类型列表,如图 1-3 所示。1.2 ASP.NET MVC 模式下的 Web 项目开发创建 ASP.NET MVC 应用程序 (3)选择“ASP.NET MVC 4 Web 应用程序”选项,单击“确定”按钮。 创建完一个新的 ASP.NET MVC 4 应用程序后,将会出现带有 MVC 特定选项的临时对话框,这些选项用于决定如何创建项目,如图所示。1.2 ASP.NET MVC 模式下的 Web 项目开发创建 ASP.NET MVC 应用程序 这个对话框中的选项可以设置应用程序的大部分基础结构。首先,可以从六个预安装项 目模板中选择一个(见上图
12、)。这些模板的基本功能说明如下: 空:该模板不包含任何内容,只会创建一个空的 ASP.NET MVC 项目。 基本:该模板大部分内容为空,但是项目中仍然包含基本的文件夹、CSS 以及 ASP.NET MVC 应用程序的基础结构,除了这些就没有其他内容了。如果直接运行通过基本模板 创建的应用程序将会出现错误提示消息,因为还没有设置应用程序启动项。基本模板 是为具有 ASP.NET MVC 开发经验的人员设计的,基本模板可以按照他们的想法精确地设置和配置。 Internet 应用程序:通过该模板可以快速创建一个基本的 ASP.NET MVC 应用程序,程序创建之后可以立即运行,并能看到一些页面。1
13、.2 ASP.NET MVC 模式下的 Web 项目开发创建 ASP.NET MVC 应用程序 这个对话框中的选项可以设置应用程序的大部分基础结构。首先,可以从六个预安装项 目模板中选择一个(见上图)。这些模板的基本功能说明如下: 移动应用程序:该模板会创建一个适用于移动设备的 ASP.NET MVC 4 项目,并且包含基于 Web Forms 验证机制(ASP.NET Membership )的账户系统。 Web API:该模板会创建一个 ASP.NET Web API 项目。1.2 ASP.NET MVC 模式下的 Web 项目开发创建 ASP.NET MVC 应用程序 图 1-4 中还有
14、一个“视图引擎”下拉列表框。视图引 擎的作用是在 ASP.NET MVC 应用程序中提供不同的模板 语言来生成 HTML 标记。在 ASP.NET MVC 以前的版本中, 视图引擎仅有的内置选项是 ASPX,这一选项在 ASP.NET MVC 4 中依然存在,同时还添加了一个新选项 Razor,如 图 1-5 所示。本书后面所有视图都是基于 Razor 视图引擎编写的。1.2 ASP.NET MVC 模式下的 Web 项目开发ASP.NET MVC 应用程序的结构 在使用 Visual Studio 创建了一个新的 ASP.NET MVC 应用程序之后,将自动向这个项目中添加一些目录和文件,如
15、图所示。1.2 ASP.NET MVC 模式下的 Web 项目开发ASP.NET MVC 应用程序的结构 ASP.NET MVC 4 项目默认含有 9 个顶级目录,每个目录都有特定的分工,如表 1-1 所示。1.2 ASP.NET MVC 模式下的 Web 项目开发ASP.NET MVC 和约定 约定优于配置 约定优于配置是一种软件设计范例,这意味着用户可以根据经验(约定)编写应用程序 而不需要进行配置,别人也可以更容易理解程序。其主要目的是缩短开发人员在设计架构时 用于决策的时间,减少由于软件设计过于富于弹性而导致的软件过于复杂的情况。通过约定, 同一个团队中的开发人员可以共享同一套设计架构
16、,这样做可以减少思考时间,降低沟通成 本,又不失软件开发的弹性。 ASP.NET MVC 的约定非常容易理解: 1.每个 Controller 类都以 Controller 结尾并保存在 Controllers 目录中。 2.Views 目录存放应用程序的视图。 3.视图的路径为 Views/控制器名称(去掉后面的 Controller)/,但有一个共享目录/Views/Shared/可以自由存放视图。1.2 ASP.NET MVC 模式下的 Web 项目开发ASP.NET MVC 和约定 约定简化沟通 1.不需要配置计算机就会知道如何来执行。 2.程序容易被其他人员浏览、阅读和调试、维护。1
17、.2 ASP.NET MVC 模式下的 Web 项目开发ASP.NET MVC 和约定 通常情况下,软件设计模式的优势之一是它们建立了一种标准语言。由于 ASP.NET MVC采用了 MVC 模式以及一些独特约定,这使得 ASP.NET MVC 开发人员能够轻松地理解不是自己编写的代码或以前编写但现在忘记了的代码,即使在大的应用程序中也是如此。 1.2 ASP.NET MVC 模式下的 Web 项目开发本章小结 本章涵盖了很多内容。首先对 ASP.NET MVC 进行了介绍,展示了 ASP.NET Web 框架和 MVC软件模式如何结合起来为构建Web应用程序提供强大的系统。回顾了ASP.NET MVC 经由三个版本发展成熟的历程,深入讲解了ASP.NET MVC的特征及其关注点。在后面的章 节中本书将更加详细地介绍 ASP.NET MVC 的每个部分。思考题1.什么是 MVC 软件模式?2.能否让 ASP.NET MVC 与 ASP.NET Web Forms 在同一个项目中?该如何做?3.ASP.NET MVC 的执行生命周期是怎样的?