ASP.NET MVC3 快速入门-第一节 概述
(2011-02-23 20:57:18)
转载
标签：
web应用程序
分类： ASP.NETMVC3
1.1 本教程的学习内容
在本教程中，你将学会如下内容：
• 如何创建一个ASP.NET MVC的工程。
• 如何创建ASP.NET MVC的控制器（controller）与视图(view)。
• 如何使用Entity Framework code-first 范例来创建一个新的数据库。
• 如何获取和显示数据。
• 如何编辑数据并且进行数据的有效性验证。
1.2 创建工程
如果要创建一个ASP.NET MVC3的工程时，首先运行Visual Web Developer 2010 Express（本教程中简称“Visual Web Developer”）,并且在起始页(start page)中选择“新建项目”。
Visual Web Developer是一个集成开发环境，你可以使用它来进行各种应用程序的开发。在Visual Web Developer的菜单的下面有一个工具条，可以直接点击工具条中的各个工具按钮来进行各种操作，也可以直接点击菜单中的各个菜单项来进行各种操作，此处我们点击“文件”菜单中的“新建项目”菜单项。
图1-1 Visual Web Developer 2010 Express中的起始页
1.3 创建你的第一个应用程序
你可以使用Visual Basic 或Visual C#作为开发语言来创建应用程序。在本教程中，选择C#来作为开发语言。点击“新建项目”菜单项后，在打开的“新建项目”对话框中，双击左边的“Visual C#”使其成为展开状态，然后点击“Web”，点击右边的“ASP.NET MVC 3 Web 应用程序”，然后在下方的名称文本框中填入应用程序的名称，在本教程中命名为“MvcMovie”,然后点击确定按钮。
图1-2 在新建项目对话框中选择ASP.NET MVC3应用程序并为应用程序命名
在接下来打开的“新ASP.NET MVC 3 项目”对话框中，点击选中“Internet 应用程序”，在“视图引擎”下拉框中保持默认的“Razor”选项不作修改（Razor视图是ASP.NET MVC3种新增的一种十分重要的视图类型，使用它可以使得Web应用程序的开发变得更加方便快捷，在后文中将对此进行详细介绍）。
图1-3 选择项目模板与视图引擎
点击确定按钮，Visual Web Developer会为你所创建的ASP.NET MVC项目提供一个默认模板，这样的话你就拥有了一个可以立刻运行的应用程序。默认的模板中提供的是一个很简单的显示“欢迎使用 ASP.NET MVC!”文字的应用程序，你可以以此作为你的开发起点。
图1-4 Visual Web Developer提供了一个默认的应用程序模板
点击“调试”菜单中的“启动调试”菜单项（该菜单项的快捷键为F5），Visual Web Developer将启动一个内置的服务器，并且在该服务器中打开当前Web应用程序的主页，如图1-5所示。
图1-5 ASP.NET MVC3的默认应用程序模板的调试画面
请注意该页面在浏览器中的地址为“http://localhost:4423/”。其中“localhost”代表了本机上你刚刚创建的Web应用程序的临时网站地址，4423代表了Visual Web Developer使用的一个随机端口，每次调试的时候，Visual Web Developer都会使用这个端口来作为内置服务器的端口号。在各计算机上，该端口号都是不相同的，因为该端口号是Visual Web Developer随机选择的。
在这个模板应用程序的页面的右上角，提供了两个按钮与一个“登录”链接，点击“登录”链接，页面跳转到登录页面，点击“主页”按钮，页面返回到主页，点击“关于”按钮，页面跳转到“关于”页面。
接下来，让我们开始逐步将这个默认的应用程序修改为我们所要的应用程序，在这个过程中逐步了解ASP.NET MVC 3的有关知识。首先，让我们关闭浏览器并开始代码的修改工作。
ASP.NET MVC3 快速入门--第二节 添加一个控制器
### ASP.NET MVC3.0中文实例图解教程
#### 一、ASP.NET MVC3 快速入门—第一节 概述
##### 1.1 本教程的学习内容
本教程旨在帮助初学者快速入门ASP.NET MVC3，主要内容涵盖以下几个方面：
- **创建ASP.NET MVC 工程**：学习如何在Visual Web Developer 2010 Express中建立一个新的ASP.NET MVC项目。
- **创建控制器与视图**：理解控制器和视图的基本概念，并掌握创建它们的方法。
- **使用Entity Framework Code-First**：通过Code-First方法创建新的数据库，学习如何通过代码定义数据库结构。
- **获取和显示数据**：掌握如何从数据库中读取数据并在视图中显示。
- **编辑数据及验证**：了解如何在用户界面上编辑数据，并实施数据的有效性验证。
##### 1.2 创建工程
- **启动Visual Web Developer**：打开Visual Web Developer 2010 Express，并在起始页选择“新建项目”。
- **选择项目类型**：在“新建项目”对话框中选择“Visual C#”和“Web”类别下的“ASP.NET MVC 3 Web 应用程序”。
##### 1.3 创建你的第一个应用程序
- **设置项目参数**：在“新建项目”对话框中填写项目名称（例如“MvcMovie”），并选择语言为C#。
- **选择项目模板**：在随后出现的对话框中，选择“Internet 应用程序”模板，并保持默认的“Razor”视图引擎不变。
- **运行应用程序**：点击“确定”后，Visual Web Developer将自动生成一个基本的应用程序模板。可以通过点击“调试”菜单中的“启动调试”来运行这个模板。
- **查看默认模板**：运行后的默认模板会在浏览器中打开一个简单的页面，显示“欢迎使用 ASP.NET MVC!”的欢迎信息。
- **探索调试界面**：注意观察浏览器地址栏中的URL（例如`http://localhost:4423/`），其中`localhost`表示本地主机地址，而端口号（如4423）是由Visual Web Developer随机分配的。
- **导航功能**：页面右上角提供了“登录”链接以及“主页”和“关于”按钮，用于导航至不同的页面。
#### 二、ASP.NET MVC3 快速入门—第二节 添加一个控制器
##### 2.1 MVC架构介绍
MVC架构是一种广泛应用于Web应用程序开发的设计模式，主要包括三个组成部分：
- **模型(Model)**：负责存储应用程序的数据，并提供对数据的操作接口。
- **视图(View)**：用于展示数据给用户，通常由HTML、CSS和JavaScript等前端技术实现。
- **控制器(Controller)**：作为模型和视图之间的桥梁，接收用户的输入，调用模型的相关方法处理业务逻辑，并选择合适的视图来显示结果。
##### 2.2 创建控制器
- **理解控制器**：控制器是MVC架构中的核心组件之一，主要职责是处理用户的请求、调用模型层逻辑以及指定视图层。
- **创建控制器类**：在Visual Studio中，可以在“Controller”文件夹下创建新的控制器类，并定义相应的动作方法。
```csharp
public class MoviesController : Controller
{
public ActionResult Index()
{
// 返回视图
return View();
}
}
```
- **添加视图**：为控制器的动作方法添加对应的视图，以便展示数据或响应用户的操作。
```csharp
// 显示电影列表
public ActionResult Index()
{
var movies = GetMovies(); // 假设GetMovies()方法从数据库获取电影列表
return View(movies);
}
```
##### 2.3 数据操作与验证
- **获取和显示数据**：通过控制器的动作方法从数据库获取数据，并将其传递给视图进行展示。
- **编辑数据及验证**：当用户提交表单数据时，控制器需对数据进行验证，并根据验证结果决定是否保存数据。
通过以上步骤，读者可以逐步熟悉ASP.NET MVC3的开发流程，为后续更复杂的应用程序开发打下坚实的基础。
- 1
- 2
- 3
前往页