ASP.NET MVC3实战系列(一):简单示例

简介:
+关注继续查看

ASP.NET MVC已经推出时间不短了,已经有很多项目在使用这个优秀的WEB开发框架。因为我们项目每次加人的时候,对MVC都不是特别熟悉,有一些人认为这个非常简单,导致写出来的程序完全不是MVC的,所以我就想写个系列总结一下实战中的经验和一些学习的笔记。我们先不谈论MVC的好处,等我们写过一些程序和示例后,再回来谈。

首先,我们先用MVC写一个简单的ASP.NET MVC3的程序来简单的了解一下。

 

环境:

VS2010

ASP.NET MVC3

http://www.microsoft.com/web/downloads/platform.aspx 下载Microsoft Web Platform Installer 3.0,在Microsoft Web Platform Installer 3.0上可以在线下载到需要的软件。

image

 

示例程序

1. 显示一个简单的字符串“Hello World”

新建ASP.NET MVC3 Web Application

image

选择Razor视图引擎

image

image

按F5启动应用程序

image

我们看到出错了,这是因为在MVC里,请求被Controller处理,现在还没有任何Controller,下面我们添加一个Controller, 右键Controller添加一个HomeController

image

image

修改HomeController里的Index方法为如下

image

F5运行后如下所示

image

为什么可以运行成功,这要归功于ASP.NET MVC的路由机制,我们看一下Global.asax.cs里的如下代码

image

从这行代码里可以看到系统默认请求被路由到HomeController和Index这个Action(MVC里把Controller里公有方法称之为Action,两者之间是有区别的)。

2. 显示一个视图:

如果都像刚才那样直接写字符串到客户端,那开发人员肯定疯了,现在我们显示一个视图。先把HomeController里的Action改为如下代码,按F5

1
2
3
4
5
6
7
8
9
10
11
12
13
14
namespace HelloWorld.Controllers
{
    public class HomeController : Controller
    {
        //
        // GET: /Home/
 
        public ActionResult Index()
        {
            return View();
        }
 
    }
}

 

image

根据提示,我们在错误提示的任何一个位置添加对应的文件就可以了,这里我们在Views/Home文件夹下添加Index.aspx, 在HomeController里右键点击Index方法名,选择Add View

image

image

点击确定,修改index.aspx为如下内容

image

F5运行,我们看到显示和之前相同的结果

image

 

3. 添加动态内容

添加如下代码

image

修改Index.aspx视图为如下

image

F5运行

image

ViewBag是Controller定义的一个动态类型的属性,意味着你可以给他添加任何属性,在编译时动态类型的属性是不检查的。

image

 

4. 强类型视图

动态类型编译时不能检查,开发时没有只能提示是意见很不爽的时,下面我们来定义一个强类型的视图。先定义一个Person类

image

删除Index.aspx, Ctrl+Shift+B 编译一下,右键Action—>Add View

image

修改Index.aspx

image

我们可以看到强类型的智能提示

image

F5运行

我们可以看到生成的HTML和页面

image

在Controller里添加如下方法

image

提交表单显示如下,

image

之所以能够显示出名字,是因为ASP.NET MVC通过Binder机制把表单Post的数据赋给参数对象对应的属性,我们可以通过Firebug看一下表单Post的数据

image

 

5. 添加验证

修改Person 这个Modal为如下,记得引用红色标注的命名空间

image

视图里添加如下红色标注的内容

image

修改Action里的代码如下

image

F5运行,不输入任何代码提交表单

image

 

至此,我们完成了一个简单的MVC3的程序,里面演示的MVC3的一些基本特性。

 

最后,打个小广告:西安分公司急聘如下人员,有意者直接联系我,左边侧栏有我的联系方式,博客园招聘频道有详细描述 http://job.cnblogs.com/offer/13800/

基本要求: 
4年以上C#开发经验, .Net基础扎实,熟练使用.Net3.5新特性。 
精通ASP.NET Web开发。 
熟练使用WCF. 
熟练使用ORM,LINQ TO SQL /Entity Framework或者NHibernate. 
熟练使用JavaScript, JQuery. 
熟悉Web标准,熟悉HTML&CSS. 
熟悉SQL Server, 熟练掌握T-SQL,存储过程。 
英语读写熟练,可以看懂英文需求,可以和客户流畅的用英语文字沟通(MSN/Skype) 
良好的编码习惯。


熟悉下面任意一项优先: 
熟悉敏捷开发者优先 
英语听说熟练者优先 
熟悉ASP.NET MVC者优先。 
熟悉WPF者优先 
熟悉Silverlight优先 
有系统架构经验者优先,有单元测试或者TDD经验者优先。

本文转自敏捷的水博客园博客,原文链接http://www.cnblogs.com/cnblogsfans/archive/2011/09/01/2162227.html如需转载请自行联系原作者


王德水

相关文章
|
存储 开发框架 .NET
实战解读ASP.NET Core身份认证
长话短说:上文我们聊了 ASP.NET Core 基于声明的访问控制到底是什么鬼? 今天我们乘胜追击:聊一聊ASP.NET Core 中的身份验证。
实战解读ASP.NET Core身份认证
|
存储 开发框架 数据可视化
|
SQL 存储 XML
ASP.NET Core 实战:基于 Dapper 扩展你的数据访问方法
ASP.NET Core 实战:基于 Dapper 扩展你的数据访问方法 一、前言 在非静态页面的项目开发中,必定会涉及到对于数据库的访问,最开始呢,我们使用 Ado.Net,通过编写 SQL 帮助类帮我们实现对于数据库的快速访问,后来,ORM(Object Relational Mapping,对象关系映射)出现了,我们开始使用 EF、Dapper、NHibernate,亦或是国人的 SqlSugar 代替我们原来的 SqlHelper.cs。
4014 0
|
.NET 数据库 安全
ASP.NET | 从零到一实战分析对后台数据库增加数据、模糊查找、精确查找并展示
新建: 新建数据库mydb.mdf、添加表: 更新数据库; 右击数据库,选择属性,复制连接字符串;(这里之前做过了,就简单点过不做细节。
1274 0
|
关系型数据库 MySQL 应用服务中间件
ASP.NET Core 实战:Linux 小白的 .NET Core 部署之路
原文:ASP.NET Core 实战:Linux 小白的 .NET Core 部署之路  一、前言    最近一段时间自己主要的学习计划还是按照毕业后设定的计划,自己一步步的搭建一个前后端分离的 ASP.NET Core 项目,目前也还在继续学习 Vue 中,虽然中间断了很长时间,好歹还是坚持下来了,嗯,看了看时间,原本决定的半年完成肯定是完不成了。
1904 0
|
.NET 数据安全/隐私保护 数据中心
实战中的asp.net core结合Consul集群&Docker实现服务治理
0、目录   整体架构目录:ASP.NET Core分布式项目实战-目录 一、前言   在写这篇文章之前,我看了很多关于consul的服务治理,但发现基本上都是直接在powershell或者以命令工具的方式在服务器上面直接输入consul agent .... 来搭建启动consul集群,一旦把命令工具关掉,则consul无法再后台启动,尤其是在linux系统中。
1135 0
|
运维 监控 .NET
微服务介绍及Asp.net Core实战项目系列之微服务介绍
0、目录  整体架构目录:ASP.NET Core分布式项目实战-目录   一、微服务选型 在做微服务架构的技术选型的时候,我们以“无侵入”和“社区活跃”为主要的考量点,将来升级为原子服务架构、量子服务架构的时候、甚至恢复成单体架构的时候,代价最小。
962 0
|
.NET 微服务
微服务介绍及Asp.net Core实战项目系列
0、目录   整体架构目录:ASP.NET Core分布式项目实战-目录 二、目录   0、微服务介绍 1、RESTful API 规范介绍 2、asp.net core介绍及swagger使用 3、asp.
1063 0
相关产品
云迁移中心
相关实验场景
更多
推荐文章
更多