02 MVC设的计模式基础.pptx

MVC 设计模式什么是Mvc?MVC全名是Model View Controller，是模型(Model)－视图(View)－控制器(Controller)的缩写，一种软件设计模式，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。什么是Mvc?MVC把应用程序分成三层（组件）：Model（模型）、View（视图）和Controller（控制器），每层拥有特定的职责，而且它不需要关注其他层的工作。MVC组件功能介绍●Model（模型）——数据存储与传递模型表示企业数据和业务规则。封装与业务逻辑对象相关的数据和及方法，在MVC中，通常用于保存业务逻辑数据，功能之间传值，视图数据绑定等功能，一个Model数据可以交个多个View显示，当Model中的数据发生变化时，View会自动更新显示，实现不同的输出效果，如QQ空间的皮肤样式。●View（视图） ——显示数据视图是用户看到并与之交互的界面。使用HTML+Div+CSS+JS呈现内容，包括呈现用户自定义信息及Model的数据，一个视图只能接收并呈现一个Model数据。●Controller（控制器） ——处理输入与输出控制器接受用户的输入，处理相关的业务逻辑，比如查询数据，保存数据，算法分析，最后将结果用模型传递给视图显示。MVC组件关系43231MVC请求流程MVC访问路由机制访问，非页面访问默认路由访问格式：http://主机名:端口号[/应用程序名]/控制器名/动作名[/参数]如：http://localhost:1885/Home/Indexhttp://http://localhost:1885/Home/Indexlocalhost:1885/Home/IndexMVC的项目结构目录功能描述Controllers放置控制器类Models放置数据描述、操纵类和业务对象类Views放置视图App_Data放置数据存数文件App_Start放置配置文件代码Scripts放置JavaScript脚本fonts放置字体Content放置除css和JavaScript、图像以外的资源创建第一个MVC应用程序 Hello MVC mvc项目创建1、选择项目类型启动Visual Studio 2013，点击菜单“文件 - 创建 - 项目”，VS将启动创建项目对话框，然后选择C#下面的Web模板，并选择.Net Framework4.5版本，你会看到ASP.NET Web 应用程序项目模版，单击选择此项目类型。 mvc项目创建2、创建项目设置项目的名字为LMS，然后点击“确认”按钮后继续，会出现另外一个对话框，列举了项目的各种模板以供选择。不同的项目模板所对应程序将会拥有不同的特性，比如授权，导航或者样式。在本章，为了简化，我们选择空模板（Empty），为对象添加文件夹和核心引用选择MVC，这将创建一个包含基本文件结构的MVC项目，最后点击确认按钮创建新项目。 mvc项目创建当Visual Studio创建了项目之后，你会看到许多文件和文件夹显示在解决方案（Solution Explorer）窗口中这就是MVC项目的默认结构。由于创建的是空项目，因此程序不包含任何可以执行的程序，所以还需要添加控制和视图。 mvc项目创建3、添加控制器添加一个控制器到项目，你需要在Visual Studio解决方案浏览器窗口中的Controller文件夹上点击右键，然后选择“添加”选项，再选择“控制器”选项 mvc项目创建接下来，会弹出“添加支架”的对话框（左图），里面提供了多种支架模版供选择，此处我们选择“MVC 5 控制器 – 空”选项。然后点击“添加”按钮。在以上操作后，会出现“添加控制器”窗口，设置控制器名称为HomeController，控制器的名字必须以Controller结束，见下图 mvc项目创建点击上图中的“添加”按钮后Visual Studio会创建控制器文件，并在控制器类文件中自动生成一个默认的行为（Action）方法——Index()，见左上图，左下图为MVC结构描述修改Index()方法：在刚生成的Index行为方法体中作点小改动，使用ViewBag动态对象向视图传递一个消息“Hello MVC”，改动后的代码如下： mvc项目创建4、添加视图在HomeController文件中，将光标置于Index行为方法体内，单击鼠标右键，在弹出的上下文菜单中选择“添加视图”选项 mvc项目创建在弹出的“添加视图”对话框中，设置视图名称为Index（视图默认名称与Action名称相同），其他选项均使用为默认值 mvc项目创建点击上图中的“添加”按钮后完成视图的创建，并生成默认的视图文件Index