MVC自学第二课
鉴赏一个软件开发框架最好的办法是投入其中并使用它。本课将使用ASP.NET MVC框架创建一个简单的数据录入应用程序。为简化起见，本课涉及到的一些技术细节在这里可能会跳过，会在以后的课程中再详细说明。
创建ASP.NET MVC 新项目
打开VS，在“文件”菜单中选择“新建项目”，我们选择“ASP.NET MVC 3 Web 应用程序” 如下图
将这个项目的名称设置为PartyInvties, 并点击“确定”按钮，你将看到另一个对话框，如下图所示。它让你在三个不同的MVC项目模板之间进行选择。
- “Empty(空)”模板选项只创建一个MVC 3 应用程序所需要的最少文件和文件夹。
- “Internet应用程序”选项创建一个小型的例子应用程序，你可以在它上面进行修改，并建立其他功能。它包括了用户注册与认证、导航、以及一个风格一致的视觉样式等。
- “Intranet应用程序”选项类似于“Internet应用程序”，但它是为通过域/活动目录体系结构进行用户认证的环境而设计的。
现在，选择“空”模板选项，让“使用HTML5语义标记”复选框为不选，点击确定按钮以创建这个新项目。
一旦VS创建了这个项目，你将在“解决方案资源管理器(Solution Explorer)”窗口中看到如下文件和文件夹，这是MVC 3项目默认的结构。
现在，直接F5试着运行一下这个应用程序，将会看到如下图所示的结果。
此应用程序尚未包含任何可以运行的东西，因此会看到一个”404——未找到资源“的提示屏幕。
添加一个控制器
在MVC体系结构中，传入的请求是由控制器处理的。在ASP.NET MVC中，控制器只是简单的C#类(通常继承自System.Web.Mvc.Controller，这是.NET框架内建的控制器基类)。在控制器中的每一个public方法都称为一个动作方法，也就是你可以用某个URL通过Web来调用它，以执行一个动作。MVC约定，把控制器放在一个名为Controllers文件夹中，这是VS在建立项目时为我们自动创建的。
要把一个控制器添加到项目，右击VS的“解决方案资源管理器”中的Controllers文件夹，并从弹出的菜单中选择“添加”——“控制器”，如下图所示
当“添加控制器”对话框出现时，将其命名为“HomeController”，如下图所示。这是一个约定：控制器的命名应当是有含义的，并以“Controller”结尾。
这个对话框的“基架选项”部分允许开发者用一个带有常规功能的末班创建一个控制器。这里暂时不适用这一特性，因此，确保在“模板”列表中选择了“空控制器”条目。
点击添加按钮，以创建这个控制器。VS会在Controller文件夹中创建一个新的C#代码文件，其名称为”HomeControllers.cs“，打开它以编辑。你可以看到这个类的名称为”HomeController“，而且，它派生于System.Web.Mvc.Controller。
using System.Web.Mvc; namespace PartyInvites.Controllers
{
public class HomeController : Controller
{ public string Index()
{
return "Hello World";
} }
}
个示例没有创建任何实际意义的东西，但这是MVC的一个良好开端。上面的代码中创建了一个名为”Index”的动作方法，它返回字符串”Hello World“。启动调试，会在浏览器中显示这个动作方法的结果，如下图所示
理解路由
同模型、视图、控制器一样，MVC应用程序也使用ASP.NET 的路由系统(Routing System)，它决定如何把URL映射到特定的控制器和动作上。
当VS创建MVC项目时，它添加了一些默认的路由，以使开发者能够开始工作。你可以请求一下任何一个URL，它们都将被引向HomeController的Index动作上。
http://localhost:3316/Home/Index
在MVC中，客户端的所请求的URL是被映射到相应的Controller去，然后由Controller来处理业务逻辑，或许要从Model中取数据，然后再由Controller选择合适的View返回给客户端。再说回前面我们运行的ASP.NET MVC程序访问的http://localhost:3316/Home/Index这个URL，它访问的其实是HomeController中的Index这个Action，见下图：
MVC遵循的路由约定你可以打开Global.asax.cs文件来查看和编辑路由配置
我们可以看到这里定义了一个名为"Default"的路由，还定义了默认的参数。默认参数的意义在于，当我们访问例如http://localhost:3316/的URL的时候，他会将不存在的参数用默认的参数补上，也就是相当于访问http://localhost:3316/Home/Index一样。
后面的课程还会详细讲解路由的配置和原理。
渲染Web页面
前面的例子的输出并不是HTML，只是一个字符串”Hello,World“。为了产生一个对浏览器请求响应的HTML，需要创建一个视图(View)。
创建并渲染一个视图
修改之前的控制器以渲染一个视图
using System.Web.Mvc; namespace PartyInvites.Controllers
{
public class HomeController : Controller
{
public ViewResult Index()
{
return View();
}
}
}
当我们从一个动作方法返回一个ViewResult对象时，便是在指示MVC去渲染一个视图。通过调用不带参数的View方法来创建这个ViewResult。这告诉MVC为这个动作去渲染一个默认视图。
如果此时运行这个应用程序，你可以看到，MVC框架正试图查找要用到的默认视图，并显示如下图所示的错误信息
从这个错误提示中我们可以看出，MVC试图在”View“文件夹中查找叫Index的文件，之前我们创建的示例的动作方法叫做”Index“，再联系MVC的路由工作原理，到这里我们视乎明白了一些。
用户在浏览器的地址栏中输入http://localhost:3316/Home/Index的一个URL请求，MVC路由会对这个URL进行解析，Home对应我们创建的HomeController控制器，Index对应该控制器内的Index方法，Index方法返回的是一个ViewResult对象，这其实就是在告诉MVC去渲染一个视图(默认视图【路由已配置】)，但是MVC貌似在应用程序中没有找到相关的视图，所以就会报出以上的错误。
为了创建一个视图，右击HomeController.cs代码中的动作方法(在方法名上或方法体内)，并从弹出菜单中选择”添加视图“，打开”添加视图“对话框，如下图所示
去掉”使用布局或母版页“复选框。点击”添加“按钮，VS将在View/Home文件夹中创建一个名为”Index.cshtml”的视图文件，如果返回上面图中的显示错误信息，你便能明白，刚刚创建的这个文件与它搜索的某个位置是匹配的。
（cshtml文件扩展名表示是一个由Razor[原谅我不知道怎么翻译这个单词，确实没找到合适的单词]处理的C#视图。MVC的早期版本建立在ASPX视图引擎之上，视图文件为.aspx扩展名）
打开Index.csHtml文件，你将看到如下所示的内容
把如下代码添加到Index.cshtml中
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<title>Index</title>
</head>
<body>
<div>
你好！哈哈O(∩_∩)O哈哈~(来自视图！)
</div>
</body>
</html>
(这里用HTML标记显示出来的信息，而不是前面那种由动作方法显示的字符串消息)
直接F5运行这个应用程序，可以看到类似→ →图所示的内容。
本课最初创建Index动作方法时，它返回一个字符串值，这意味着，MVC除了把这个字符串传递给浏览器之外，未做其他事情。现在Index方法返回一个ViewResult，这是指示MVC渲染一个视图并返回HTML。Index.ashtml中的代码并未告诉MVC应该使用哪个视图，其实它使用了命名约定，以自动一个视图。这个约定是，视图具有动作方法的名字，并位于以控制器命名的文件夹中——View/Home/Index.ashtml。
除了字符串和ViewResult对象之外，还可以从动作方法返回其他结果。例如，如果返回一个RedirectResult，可以使浏览器被重定向到另一个URL;如果返回一个HttpUnauthorizedResult，会强迫用户进行登录。这些对象统称为动作结果(Action Result)，而且它们都是从ActionResult类派生而来的。动作结果系统是开发者能够封装并重用动作中常用响应。
好了，这节课就说到这里。后面继续！！！
MVC自学第二课的更多相关文章
- MVC自学第一课
了解传统的ASP.NET WebForm ASP.NET 在02年问世,给Web开发领域带来了巨大转变.下图描述了当时微软的技术堆栈. ASP.NET WebForm 技术堆栈 (注:此图的含义为,W ...
- C++自学第二课：对象和类的概念
既然是C++,比C语言多了最重要的概念:面向对象. 面向对象?对象是什么?Girlfriend? 我天天面向她也没学会C++. 我觉得对象就是有统一特征的一类编程目标. 打个比方说墙上有个开关,我一按 ...
- 微信小程序自学第二课：app及页面的生命周期、使用setData绑定数据
一.App声明周期 1.App() app.js中的App() 函数用来注册一个小程序.接受一个 object 参数,其指定小程序的生命周期函数等. 示例代码: App({ onLaunch: fun ...
- CI(CodeIgniter)框架入门教程——第二课 初始MVC
本文转载自:http://www.softeng.cn/?p=53 今天的主要内容是,使用CodeIgniter框架完整的MVC内容来做一个简单的计算器,通过这个计算器,让大家能够体会到我在第一节课中 ...
- Asp.Net Web API 2(CRUD操作)第二课
Asp.Net Web API 2(CRUD操作)第二课 Asp.Net Web API 导航 Asp.Net Web API第一课:入门http://www.cnblogs.com/aehyok ...
- OpenCV 第二课 认识图像的存储结构
OpenCV 第二课 认识图像的存储结构 Mat Mat 类包含两部分,矩阵头和矩阵体.矩阵头包含矩阵的大小,存储方式和矩阵体存储空间的指针.因此,Mat中矩阵头的大小是固定的,矩阵体大小是不定的. ...
- Kali Linux Web 渗透测试视频教程— 第二课 google hack 实战
Kali Linux Web 渗透测试— 第二课 代理简介 文/玄魂 课程地址: http://edu.51cto.com/course/course_id-1887.html 目录 shellKal ...
- 【第二课】深入理解Handler
简要讲解Handler是做什么的 我们知道,在Android中,app启动会启动一个进程一个线程——UI线程,UI线程是主线程,并且不允许这个线程阻塞超过5秒,一旦超过5秒就会ANR. 所以较为耗时的 ...
- ruby代码重构第二课
(文章都是从我的个人主页上粘贴过来的, 大家也可以访问我的主页 www.iwangzheng.com) 在第一课里提取出了相通的代码,第二课里就把常量提取出来吧 一般把常量的定义写的对应的app/mo ...
随机推荐
- 本地网址连不上远程mysql问题
问题:host 'XXX.XXX.XXX.XXX'is not allowed to connect to this MySQL server 解决办法: 进入远程mysql #mysql -u ro ...
- 2-4. BCD解密(10)
BCD数是用一个字节来表达两位十进制的数,每四个比特表示一位.所以如果一个BCD数的十六进制是0x12,它表达的就是十进制的12.但是小明没学过BCD,把所有的BCD数都当作二进制数转换成十进制输出了 ...
- 打造完美的go开发环境
这篇原来是给公司里使用go开发的交流用的,主要是工具的安装,用markdown写的,发布了内部gitlab上,仓促发布到blog上面,也没改啥格式,现在整理一下,然后增加一点说明 基础开发工具 sub ...
- Linux--本地yum库
Linux配置本地yum云: 第一步:把cd 挂载到目录树 mount /dev/cdrom /mnt/media 第二步:增加/etc/yum.repo.d/local.repo touch /et ...
- SQL Server 加密层级
---------------------------------------------------------------------------------------------------- ...
- Delphi资源文件(全面分析之位图、光标、图标、AVI、JPEG、Wave)
几乎每个Windows应用程序都使用图标.图片.光标等资源.资源是程序的一部分,但是它是不可执行代码.下面我们就详细介绍资 源文件在Delphi5中建立和使用方法. 1．把资源放到Exe文件的优点 ...
- C语言入门（17）——C语言数组应用的一个实例
本篇通过一个实例介绍使用数组的一些基本模式.问题是这样的:首先生成一列0-9的随机数保存在数组中,然后统计其中每个数字出现的次数并打印,检查这些数字的随机性如何.随机数在某些场合(例如游戏程序)中是非 ...
- GDI编程
图形设备接口(GDI)是一个可执行程序,它接受Windows应用程序的绘图请求(表现为GDI函数调用),并将它们传给相应的设备驱动程序,完成特定于硬件的输出,象打印机输出和屏幕输出.GDI负责Wind ...
- 前端js模板库 JinkoTemplate
有时候需要使用ajax来异步生成html,最土的方法就是用js的‘+’连接html代码,生成繁琐.一旦需要修改,对于少量的html代码到没啥问题,要是比较复杂的样式时,就真坑爹了,眼花缭乱有木有?Ji ...
- AndroidUI 布局动画-布局内容改变动画
实现一个点击菜单动画添加按钮,点击按钮移除当前按钮的动画效果: <LinearLayout xmlns:android="http://schemas.android.com/apk/ ...