请注明转载地址：http://www.cnblogs.com/arhat

在上一节中，我们只是简单的介绍了什么是MVC及MVC的运行原理。而本节呢，主要来实现下一ASP.NET MVC3的开发流程，并体验一下MVC的运行原理，至于ASP.NET MVC3运行原理的细节问题，我会在以后的章节中慢慢的写出来。

首先我们先来看一下我们的开发环境。

开发环境说明：

1，Win7

2，VS2010 sp1

3，ASP.NET MVC3 安装文件（从这里下载）

4，MySql(后续用到)

安装完ASP.NET MVC3之后呢，在VS2010中就已经有ASP.NET MVC的模板了。如图。

在这里呢，注意.NET版本的选择，因为ASP.NET MVC3是基于.NET4的，所以一定要选择.NET Framework 4，否则模板中没有ASP.NET MVC3的。

好，我们创建一个新的ASP.NET MVC3项目“StudyMVC0100”。

这里呢，我们选择“空”。，视图引擎选择“Razor”。

创建完成之后，我们会看到一个全新的项目结构。

其中这个结构中有些东西我们是不能改的(当然想改也可以，后续说到)。一般情况下我们就按照默认的结构。下面讲解一下目录结构。

Content：主要用来存放CSS文件和主题文件

Controllers：主要用来存放Controller文件。（目录名不能改）

Models：主要用来存放数据模型。(目录名不能改)

Scripts：主要用来存放js文件

Views：主要用来存放视图文件。(目录名不能改)

大家从目录结构中已经可以看出MVC分别对应的文件夹Models，Views,Controllers。

下面，我们写一个MVC版的HelloWorld。

在Controllers文件夹上右键点击“添加”-->“控制器”，打开“添加控制器窗口”

在这个里一定要注意，给控制器起名子的时候，必须带上“Controller”。这个时候打开HomeController.cs文件。代码如下：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

namespace StudyMVC0100.Controllers

{

    public class HomeController : Controller

    {

        //

        // GET: /Home/

        public ActionResult Index()

        {

            return View();

        }

    }

}

我们会发现HomeController这个控制器类的父类是Controller。同时里面有一个方法Index。而这个方法我们通常称之为“Action”就是动作，换言之，客户端请求的就是控制器中的某一个方法——Action。

然后我们该写一下这个类。改写后的代码如下：

 public class HomeController : Controller

    {

        //

        // GET: /Home/

        public string Message = "Hello ASP.NET MVC3!I like you very much!";

        public ActionResult Index()

        {

            ViewBag.Message = Message;

            return View();

        }

    }

第二部呢，我们我在Index方法中右键点击鼠标选择“添加视图”。

在打开的“添加视图”对话框中，我们把使用布局模板页选项去掉。试图名就按照默认的命名。

当我们添加成功后，在Views文件中我们发现多一个文件夹Home,在这个文件夹中有一个文件Index.cshtml就是我们添加的视图文件。

打开视图文件，我们写入下面代码：

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <title>Index</title>

</head>

<body>

    <div>

        <h3>@ViewBag.Message</h3>

    </div>

</body>

</html>

可能我们看到这个页面中出现了@符号，感觉比较陌生，其实这是微软新的试图引擎Razor。其实也没有什么难度，一个@符号相当于<%%>。关于Razor视图，我会在后面的章节中详细讲解。

然后F5一下，我们从浏览器中看到了什么！

是的，我们成功了！可是高兴之余，我们却发现有很多不懂的东西，没关系，我们来一一的讲解。

首先对于ASP.NET MVC3的目录结构我这里需要说明一下，同时阐述一下Controller和Views文件夹之间的关系。

在文件夹Controllers中是用来存放控制器的，而微软要求我们给控制器起名字的时候必须带上Controller，比如“HomeController”。而Home就是控制器的名字。那么对于控制其中的方法，通常称之为Action（动作）,每个Action一般请款下都需要一个视图对应（当然不是绝对的，后面我还要说到如何切换视图）。但是，MVC3中要求Views文件下的必须有一个子文件的名字和Controller的名字对应，同时视图文件的名字要和Action的名字对应。因为客户请求的是控制器中的Action,那么默认情况下这个Action是要到Views文件下找到和Action名字一样的文件，然后把这个文件内容发送到浏览器中进行显示。否则是找不到的。

Controllers                                                                 Views

HomeController-----------------------------------------  Home

Index() ------------------------------------------  Index.cshtml

AboutController -----------------------------------------  About

Index() ------------------------  Index.cshtml

那么在HomeController中的Index方法中我使用了ViewBag这个动态属性，把字符串的值赋值给ViewBag.Message属性，然后在Index.cshtml中拿出来进行显示。而ViewBag是.NET 4中新加入的dynamic技术，所以可以给ViewBag添加任何的属性，比如ViewBag.Txt等等。

好了，那么在下节中，我们主要来学习一下Razor语法。

一步步学习ASP.NET MVC3 (2)——入门程序的更多相关文章

  1. 一步步学习ASP.NET MVC3 章节总结

    请注明转载地址:http://www.cnblogs.com/arhat 对于<一步步学习ASP.NET MVC3>系列工15章,那么为了方便大家能够快速的预览,老魏在这里为这个系列提供一 ...

  2. 一步步学习ASP.NET MVC3 (1)——基础知识

    请注明转载地址:http://www.cnblogs.com/arhat 首先在这里我想声明一下,这个ASP.NET MVC3系列是我在授课过程中的一些经验,有什么不对的地方,请大家指出,我们共同的学 ...

  3. 一步步学习ASP.NET MVC3 (3)——Razor（1）

    请注明转载地址:http://www.cnblogs.com/arhat 首先这个<一步步学习ASP.NET MVC3>前段时间有些忙,没有顾得上写文章,昨天呢写了3个和ASP.NET的相 ...

  4. 一步步学习ASP.NET MVC3 (12)——FileResult

    请注明转载地址:http://www.cnblogs.com/arhat 忙了两天,本来老魏昨天就应该写出新的文章,但是由于昨天雨夹雪而且加上昨天晚上加了班,到家都没饭吃了,一看时间都9点了,什么饭店 ...

  5. 一步步学习ASP.NET MVC3 (14)——Route路由

    请注明转载地址:http://www.cnblogs.com/arhat 由于今天是星期六,所以多写几篇,感觉前几天的忙碌没有及时发布文章,趁着周末老魏尽力的多写几篇文章.因为本系列基本上快结束了,所 ...

  6. 一步步学习ASP.NET MVC3 (5)——View从Action中获得数据

    请注明转载地址:http://www.cnblogs.com/arhat 在上一章中,我们把Razor的模板技术给大家介绍了一下,当然模板中还有其他的知识点,这个以后我们还会继续讲解.本章我们主要讨论 ...

  7. 一步步学习ASP.NET MVC3 (6)——@helper，@functions

    请注明转载地址:http://www.cnblogs.com/arhat 在前一章中,我们讲述了View如何从Action中获得数据,并显示出来,但随着需求的变化,我们可能要对View中显示的数据作出 ...

  8. 一步步学习ASP.NET MVC3 (7)——Controller,Action,ActionResult

    请注明转载地址:http://www.cnblogs.com/arhat 前面几章我们讲解的都是关于View方面的知识,虽然还有很多关于View的知识没有讲,但是没关系,我们在后面使用到的时候在讲解, ...

  9. 一步步学习ASP.NET MVC3 (13)——HTML辅助方法

    请注明转载地址:http://www.cnblogs.com/arhat 今天老魏是在十分郁闷,我的一个U盘丢了,心疼里面的资料啊,全部是老魏辛辛苦苦积攒的Linux资料,太心疼,到现在心情还不是很爽 ...

随机推荐

  1. Spring JTA multiple resource transactions in Tomcat with Atomikos example--转载

    原文地址:http://www.javacodegeeks.com/2013/07/spring-jta-multiple-resource-transactions-in-tomcat-with-a ...

  2. C#开发-ftp操作方法整理

    1.整理简化了下C#的ftp操作,方便使用    1.支持创建多级目录    2.批量删除    3.整个目录上传    4.整个目录删除    5.整个目录下载 2.调用方法展示, var ftp ...

  3. #291 div.2

    A.水题 数字翻转,将每一位大于等于5的数字t翻转成9-t,注意不要有前导0,且翻转后数字的位数不变(即9999->9000...刚开始以为应该翻转成0了= =) #include<ios ...

  4. 电脑小白学习软件开发-C#语言基础之循环重点讲解，习题

    写代码也要读书,爱全栈,更爱生活.每日更新原创IT编程技术及日常实用视频. 我们的目标是:玩得转服务器Web开发,搞得懂移动端,电脑客户端更是不在话下. 本教程是基础教程,适合任何有志于学习软件开发的 ...

  5. JavaScript高级程序设计（第三版）学习，第一次总结

    Array类型 var arr = []; arr.length; //返回数组元素个数 改变length可以动态改变数组大小 检测数组 instanceof可以检测某个对象是否是数组,限制:只能是一 ...

  6. css3过度和动画

    一.过度(transition) transition:[transition-property] || [transition-duration] || [transition-timing-fun ...

  7. gd库复制图片做水印

    将复制源图片的某个位置复制到目标图片中,不能调整大小 imagecopy(目标图片画布,复制源画布,目标画布左上角x,y,源画布左上角x,y,复制图片的宽,高); 允许调整大小 imagecopyre ...

  8. Cordova+angularjs+ionic+vs2015开发（一）

    欢迎加群学习:457351423 这里有4000多部学习视频,涵盖各种技术,有需要的欢迎进群学习! 一.Windows环境配置 1.如果已经安装VS2015,打开[工具]-[选项]找到Cordova选 ...

  9. kettle JavaScript脚本

    1.使用获取文件名步骤,获取本地一个目录下的所有 jpg 图片文件.通过java script 步骤,读取这些二进制文件的内容,放到一个字段里, 再通过表输出步骤把文件名字段和文件内容字段写入到数据库 ...

  10. SQL语句与正则表达式

    今儿个才知道SQL语句还可以搭配正则表达式作为查询条件,很是有用. REGEXP_LIKE(匹配)REGEXP_INSTR (包含)REGEXP_REPLACE(替换)REGEXP_SUBSTR(提取 ...