ASP.NET MVC 教程

ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。

ASP.NET 支持三种不同的开发模式:
Web Pages(Web 页面)、MVC(Model View Controller 模型-视图-控制器)、Web Forms(Web 窗体)。

本教程介绍 MVC。

MVC 编程模式

MVC 是三种 ASP.NET 编程模式中的一种。

MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式:

  • Model(模型)表示应用程序核心(比如数据库记录列表)。
  • View(视图)显示数据(数据库记录)。
  • Controller(控制器)处理输入(写入数据库记录)。
  • MVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控制。

MVC 模式定义 Web 应用程序
带有三个逻辑层:

业务层(模型逻辑)

显示层(视图逻辑)

输入控制(控制器逻辑)

Web Forms 对比 MVC

MVC 编程模式是对传统 ASP.NET(Web Forms)的一种轻量级的替代方案。它是轻量级的、可测试性高的框架,同时整合了所有已有的 ASP.NET 特性,比如母版页、安全性和认证。

Visual Studio Express 2012/2010

Visual Studio Express 是 Microsoft Visual Studio 的免费版本。
Visual Studio Express 是为 MVC(和 Web Forms)量身定制的开发工具。
Visual Studio Express 包含:

  • MVC 和 Web Forms
  • 拖拽 Web 控件和 Web 组件
  • Web 服务器语言(Razor 使用 VB 或者 C#)
  • Web 服务器(IIS Express)
  • 数据库服务器(SQL Server Compact)
  • 完整的 Web 开发框架(ASP.NET)

ASP.NET MVC - Internet 应用程序

为了学习 ASP.NET MVC,我们将构建一个 Internet 应用程序。

第 1 部分:创建应用程序。

我们将构建什么

我们将构建一个支持添加、编辑、删除和列出数据库存储信息的 Internet 应用程序。

我们将做什么

Visual Web Developer 提供了构建 Web 应用程序的不同模板。

我们将使用 Visual Web Developer 来创建一个带 HTML5 标记的空的 MVC Internet 应用程序。

当这个空白的 Internet 应用程序被创建之后,我们将逐步向该应用添加代码,直到全部完成。我们将使用 C# 作为编程语言,并使用最新的 Razor 服务器代码标记。

沿着这个思路,我们将讲解这个应用程序的内容、代码和所有组件。

创建 Web 应用程序

如果您已经安装了 Visual Web Developer ,请启动 Visual Web Developer 并选择 New Project 来新建项目。 否则您就只能通过阅读教程来学习了。

asp.net mvc 传值 asp.net mvc教程_asp.net mvc 传值


在 New Project 对话框中:

  • 打开Visual C#模板
  • 选择模板 ASP.NET MVC 3 Web Application
  • 设置项目名称为 MvcDemo
  • 设置磁盘位置,比如 c:\runoob_demo
  • 点击 OK

当 New Project 对话框打开时:

  • 选择 Internet Application 模板
  • 选择 Razor Engine(Razor 引擎)
  • 选择 HTML5 Markup(HTML5 标记)
  • 点击 OK
    Visual Studio Express 将创建一个如下所示的类似项目:

ASP.NET MVC - 应用程序文件夹

为了学习 ASP.NET MVC,我们将构建一个 Internet 应用程序。

第 2 部分:探究应用程序文件夹。

MVC 文件夹

一个典型的 ASP.NET MVC Web 应用程序的文件夹内容如下所示:

asp.net mvc 传值 asp.net mvc教程_MVC_02


应用程序信息:

Properties

References

应用程序文件夹:

App_Data 文件夹

Content 文件夹

Controllers 文件夹

Models 文件夹

Scripts 文件夹

Views 文件夹

配置文件:

Global.asax

packages.config

Web.config

所有的 MVC 应用程序的文件夹名称都是相同的。MVC 框架是基于默认的命名。控制器写在 Controllers 文件夹中,视图写在 Views 文件夹中,模型写在 Models 文件夹中。您不必再应用程序代码中使用文件夹名称。

标准化的命名减少了代码量,同时有利于开发人员对 MVC 项目的理解。

下面是对每个文件夹内容的简短概述:

App_Data 文件夹

App_Data 文件夹用于存储应用程序数据。

我们将在本教程后面的章节中介绍添加 SQL 数据库到 App_Data 文件夹。

Content 文件夹

Content 文件夹用于存放静态文件,比如样式表(CSS 文件)、图标和图像。

Visual Web Developer 会自动添加一个 themes 文件夹到 Content 文件夹中。themes 文件夹存放 jQuery 样式和图片。在项目中,您可以删除这个 themes 文件夹。

Visual Web Developer 同时也会添加一个标准的样式表文件到项目中:即 content 文件夹中的 Site.css 文件。这个样式表文件是您想要改变应用程序样式时需要编辑的文件。

asp.net mvc 传值 asp.net mvc教程_MVC_03

Controllers 文件夹

Controllers 文件夹包含负责处理用户输入和响应的控制器类。

MVC 要求所有控制器文件的名称以 “Controller” 结尾。

Visual Web Developer 已经创建好一个 Home 控制器(用于 Home 页面和 About 页面)和一个 Account 控制器(用于 Login 页面):

asp.net mvc 传值 asp.net mvc教程_MVC_04

Models 文件夹

Models 文件夹包含表示应用程序模型的类。模型控制并操作应用程序的数据。

我们将在本教程后面的章节中创建模型(类)。

Views 文件夹

Views 文件夹用于存储与应用程序的显示相关的 HTML 文件(用户界面)。

Views 文件夹中包含每个控制器对应的一个文件夹。

在 Views 文件夹中,Visual Web Developer 已经创建了一个 Account 文件夹、一个 Home 文件夹、一个 Shared 文件夹。

Account 文件夹包含用于用户账号注册和登录的页面。

Home 文件夹用于存储诸如 home 页和 about 页之类的应用程序页面。

Shared 文件夹用于存储控制器间分享的视图(母版页和布局页)。

asp.net mvc 传值 asp.net mvc教程_Web_05

Scripts 文件夹

Scripts 文件夹存储应用程序的 JavaScript 文件。

默认情况下,Visual Web Developer 在这个文件夹中存放标准的 MVC、Ajax 和 jQuery 文件:

asp.net mvc 传值 asp.net mvc教程_Web_06


注释:名为 “modernizr” 的文件时用于在应用程序中支持 HTML5 和 CSS3 的 JavaScript 文件。