MVC3教程之新手入门

一、工具的选择

要进行MVC3的开发,请确保你的计算机上面已经安装了如下的软件:

  • Visual Studio Web Developer Express with SQL Express
  • ASP.NET MVC 3
  • SQL Management Studio

你还可以通过Web Platform Installer将这些软件一起安装到本地。

  二、从Helloworld开始

我们从最简单的Helloworld程序开始,体验MVC3带来的强劲便捷的功能。

  step1.新建MVC3项目

打开新建项目窗口,在“已安装的模板”列表中选择“Web”,在右侧应用程序模板列表中选择“ASP.NET MVC3 Web应用程序”,修改项目名称为“MVCHelloworld”,选择项目要保存的位置,点击“确定”按钮。

  step2.选择项目模板

在新建MVC3项目窗口,我们选择创建一个空的MVC3项目,使用Razor视图引擎,并勾选中“使用HTML5语义标记”,点击“确定”按钮,完成项目创建。

Razor 的视图引擎是Mvc3中提供的新的视图引擎,它具有以下优点:

  • Razor 的语法简单且清晰,只需要最小化的输入
  • Razor 容易学习,语法类似于 C# 和 VB
  • Visual Studio 对于 Razor 提供了智能提示和语法着色
  • Razor 视图不需要允许程序或者启动 Web 服务器就可以进行测试

打开资源管理器窗口,可以看到VS为我们创建的项目结构:

在不对项目进行任何修改的情况下,直接按CTRL+F5,运行项目,运行结果如下:

这是一个404错误,指定的页面未找到。在项目运行时,Mvc3会将页面请求进行映射。接下来我们为项目添加一个Home页。

  step3.让项目跑起来

我们需要添加一个名为Home的控制器。在项目文件夹“Controllers”上面右键,将鼠标移动到“添加”项,选择“控制器”,如下图:

在打开的添加控制器窗口中,修改控制器的名称为“HomeController”,模板为“空控制器”,如下图,点击“添加”按钮完成添加。

  step4.修改代码

VS为我们创建了HomeController控制器的代码,在Index方法中,返回之为ActionResult,为了完成本示例,我们将它修改为string类型,并返回一个字符串,修改后的代码如下:

publicstring Index()
{
return"<h1>Hello world by Mvc3</h1>";
}

再次运行程序,界面截图如下:

我们的Helloworld已经可以运行起来了,但这不是我们想要的结果,因为到目前为止,只是在修改控制器,接下来,我们为控制添加一个Welcome方法,并在视图中,显示欢迎信息。

  step5.添加视图(View)

修改控制,添加一个名为Welcome的方法,代码如下:

public ActionResult Welcome()
{
return View();
}

在Welcome方法的代码块中,点击右键,在上下文菜单中选择“添加视图”,打开添加视图对话框:

在这个对话框中不做任何修改,点击“添加”按钮,完成视图的添加,VS会在View文件夹下床架如下结构的文件:

编译项目,在浏览器地址栏中输入地址:http://localhost:xxx/home/Welcome(xxx为端口号,在不同的计算机中会有所不同),运行结果如下:

  step6.使用ViewBag传递参数

继续修改控制器中的Welcome方法,为它添加一个名为name的string类型参数,修改后的代码如下:

public ActionResult Welcome(string name="")
{
ViewBag.name = name;
return View();
}

  我们在这里使用了ViewBag属性,它是一个新的MVC3属性,MVC2 中的控制器支持 ViewData 属性,允许通过后绑定的字典将数据传送给视图模板,在 MVC3 中,你可以通过 ViewBag 来更加简单的完成。例如,对于 ViewData["Message"] = "text",你可以通过 ViewBag.Message = "text" 来完成。你不需要通过类来定义任何强类型的属性,因为这是动态属性,在内部,ViewBag 属性以名-值对的形式保存在 ViewData 字典中。注意,在许多预发布版本中,这个属性被称为 ViewModel。

  相应的,我们修改View中的代码,修改后的代码如下:

@{
ViewBag.Title ="Welcome";
}

<h2>Hi @ViewBag.name, you're welcome!</h2>

ViewBag.Title是用来显示当前页面的标题的。

ViewBag.name使我们在控制器中添加的属性,在这里可以直接使用。

编译项目,修改刚才在浏览器中输入的地址,为它添加一个名为name的参数,地址如下:http://localhost:xxx/home/Welcome?name=Tom,运行界面如下:

  你也可以试试不加参数的情况,直接使用地址:http://localhost:xxx/home/Welcome,程序也是可以正常运行的,只不过输出的结果为“Hi , you're welcome!”,这时因为我们为参数name指定了默认值,它变成了一个可选的参数,在没有传入参数的时候,会采用默认值“空字符串”,所以会有这个输出结果。

  OK,本节就到此结束了,在本节中,我们演示了如何创建MVC3项目、添加控制器、添加视图、为视图传递参数等操作,在下一节中,我们会引入实体模型、Entity Framework4.1 Code-First等内容,敬请关注!

如果认为此文对您有帮助,别忘了支持一下哦!

作者:齐飞

来源:http://youring2.cnblogs.com/

声明:本博客原创文字只代表本人工作中在某一时间内总结的观点或结论,与本人所在单位没有直接利益关系。非商业,未授权,贴子请以现状保留,转载时必须保留此段声明,且在文章页面明显位置给出原文连接。

转载:http://www.cnblogs.com/youring2/archive/2011/07/06/mvc3-1.html

时间: 2024-11-05 12:25:21

MVC3教程之新手入门的相关文章

TensorFlow教程之新手入门 1.2下载及安装

本文档为TensorFlow参考文档,本转载已得到TensorFlow中文社区授权. 下载与安装 你可以使用我们提供的二进制包, 或者使用源代码, 安装 TensorFlow. 二进制安装 TensorFlow Python API 依赖 Python 2.7 版本. 在 Linux 和 Mac 下最简单的安装方式, 是使用 pip 安装. 如果在安装过程中遇到错误, 请查阅 常见问题. 为了简化安装步骤, 建议使用 virtualenv, 教程见 这里. Ubuntu/Linux # 仅使用

UI自学系列教程之新手入门必备篇(一)

  规范里不仅讲了视觉规范元素规格等等,也会大量牵涉到交互上的设计原则,所以作为一个好UI,在Interface层面上你不单单要懂规范,你还要懂交互,交互是另外一个复杂的话题,以后再说. 接下来说User User是什么,是你的设计作品的最终使用用户.很久之前是没有UI这个职位的,上古时代我们称之为美工(可惜这么有历史的词现在倒成了贬义词),或者视觉设计师,后来做Web设计的干脆叫网页设计师.因为很久以前那时候还没有UCD(User Center Design)这个说法,所以界面设计里并没有加入

TensorFlow教程之新手入门 1.3基本用法

本文档为TensorFlow参考文档,本转载已得到TensorFlow中文社区授权. 基本使用 使用 TensorFlow, 你必须明白 TensorFlow: 使用图 (graph) 来表示计算任务. 在被称之为 会话 (Session) 的上下文 (context) 中执行图. 使用 tensor 表示数据. 通过 变量 (Variable) 维护状态. 使用 feed 和 fetch 可以为任意的操作(arbitrary operation) 赋值或者从其中获取数据. 综述 TensorF

MindManager新手入门教程

MindManager是一款创造.管理和交流思想的思维导图软件,其直观清晰的可视化界面和强大的功能可以快速捕捉.组织和共享思维.想法.资源和项目进程等等.MindManager新手入门教程专为新手用户设计,包含创建思维导图基本入门操作,让用户快速上手. MindManager思维导图主要由中心主题.主题.子主题.附注主题.浮动主题.关系线等模块构成,通过这些导图模块可以快速创建您需要的思维导图,以下步骤教您如何使用MindManager创建思维导图: 第一步 打开MindManager软件,软件

PostgreSQL新手入门教程_PostgreSQL

自从MySQL被Oracle收购以后,PostgreSQL逐渐成为开源关系型数据库的首选. 本文介绍PostgreSQL的安装和基本用法,供初次使用者上手.以下内容基于Debian操作系统,其他操作系统实在没有精力兼顾,但是大部分内容应该普遍适用. 安装 1.首先,安装PostgreSQL客户端.   sudo apt-get install postgresql-client 然后,安装PostgreSQL服务器.   sudo apt-get install postgresql 2.正常情

Pear DB 新手入门指南教程第1/3页_php技巧

1. 简介这是一部指导我们如何使用Pear DB扩展.Pear DB,提供这样一系列的类: n 数据库抽象 n 高级错误处理机制 n 以及其它 2. 下载.安装Pear 由于现在Pear项目仍处于紧锣密鼓的开发之中,所以得到它的最好办法就是从CVS获得(Pear DB发行包已经跟随PHP4.0.6以后版本捆绑发布).所以,我们只需要把Pear的根目录放到php.ini配置文件include_path中.也可以通过这样设置:_set('include_path', '/pear_base_dir'

【jQuery教程】jquery新手入门实例教程三ajax应用

我们在上一章 jquery新手入门实例教学二 用户注册(简单的表单验证) (/html/JQueryjiaocheng/200807/17-519.html) 里面有一行语句 $.get("php/user_register.php",{act:$(this).attr("ID"),v:$(this).val()},function(txt){                    msg.html(txt); }) 这个就是jquery ajax应用的简单实例 什

VEGAS 5.0 音频新手入门——DX音频插件实战演练

第六课 DX音频插件实战演练 (题外话)我讲的这些东西没有花架子,都是很有用很实在的东西,尽管到现在没有贴一张图,但是我相信稍有悟性的人,尤其是视频方面的高手,如果以前对音频了解接触不够深的话,那么尽管学到这里,至少在理论上,或者是对VEGAS这个软件的认识上,应该又上了一个层次,进了一个台阶.尽管很简单,如果没有人引路,靠自己摸索,要耗费相当多的时间和精力,甚至走不少弯路.在专业领域,常常都是,真正会的人反而不爱传授自己的经验,有的是懒,有的是不情愿,你想,自己耗多少艰辛多少心血才掌握到的技术

图像处理-opencv新手入门方法介绍

问题描述 opencv新手入门方法介绍 本人大二,刚刚接触科研方面内容,想入门opencv图像处理技术,但是由于接触的还不多,c++也处于入门级水平,一些opencv里面的算法都不怎么看得懂数学原理,现在不知道是怎么入门,望高人指教 解决方案 你最好还是把C++的基础弄扎实一点,然后推荐一本书,<学习OpenCv中文版>个人觉得还是挺不错的,是C语言写的.然后边看书边在csdn上找一些相关的博客 解决方案二: opencv是一个计算机视觉库,包含很多图像处理和计算机视觉方面的通用算法,所以学习