加入收藏 | 设为首页 | 会员中心 | 我要投稿 应用网_丽江站长网 (http://www.0888zz.com/)- 科技、建站、数据工具、云上网络、机器学习!
当前位置: 首页 > 站长学院 > Asp教程 > 正文

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

发布时间:2023-10-26 11:40:22 所属栏目:Asp教程 来源:互联网
导读: ASP.NET MVC已经推出时间不短了,已经有很多项目在使用这个优秀的WEB开发框架。因为我们项目每次加人的时候,对MVC都不是特别熟悉,有一些人认为这个非常简单,导致写出来的程序完全不是MV

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

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

环境:

VS2010

ASP.NET MVC3

在下载Microsoft Web Platform Installer 3.0,在Microsoft WebPlatform Installer 3.0上可以在线下载到需要的软件。

示例程序

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

新建ASP.NET MVC3 Web Application

一个asp站内搜索的实例源代码_asp实例教程_asp.net mvc4实例教程

选择Razor视图引擎

asp实例教程_一个asp站内搜索的实例源代码_asp.net mvc4实例教程

一个asp站内搜索的实例源代码_asp实例教程_asp.net mvc4实例教程

按F5启动应用程序

asp实例教程_asp.net mvc4实例教程_一个asp站内搜索的实例源代码

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

一个asp站内搜索的实例源代码_asp实例教程_asp.net mvc4实例教程

一个asp站内搜索的实例源代码_asp实例教程_asp.net mvc4实例教程

修改HomeController里的Index方法为如下

asp实例教程_一个asp站内搜索的实例源代码_asp.net mvc4实例教程

F5运行后如下所示

asp.net mvc4实例教程_asp实例教程_一个asp站内搜索的实例源代码

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

一个asp站内搜索的实例源代码_asp实例教程_asp.net mvc4实例教程

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

2. 显示一个视图:

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

asp实例教程_一个asp站内搜索的实例源代码_asp.net mvc4实例教程

asp实例教程_asp.net mvc4实例教程_一个asp站内搜索的实例源代码

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

asp实例教程_asp.net mvc4实例教程_一个asp站内搜索的实例源代码

asp.net mvc4实例教程_asp实例教程_一个asp站内搜索的实例源代码

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

一个asp站内搜索的实例源代码_asp.net mvc4实例教程_asp实例教程

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

asp实例教程_一个asp站内搜索的实例源代码_asp.net mvc4实例教程

3. 添加动态内容

添加如下代码

asp.net mvc4实例教程_asp实例教程_一个asp站内搜索的实例源代码

修改Index.aspx视图为如下

一个asp站内搜索的实例源代码_asp.net mvc4实例教程_asp实例教程

F5运行

asp实例教程_一个asp站内搜索的实例源代码_asp.net mvc4实例教程

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

asp实例教程_一个asp站内搜索的实例源代码_asp.net mvc4实例教程

4. 强类型视图

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

asp.net mvc4实例教程_一个asp站内搜索的实例源代码_asp实例教程

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

asp实例教程_asp.net mvc4实例教程_一个asp站内搜索的实例源代码

修改Index.aspx

一个asp站内搜索的实例源代码_asp.net mvc4实例教程_asp实例教程

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

asp实例教程_一个asp站内搜索的实例源代码_asp.net mvc4实例教程

F5运行

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

一个asp站内搜索的实例源代码_asp实例教程_asp.net mvc4实例教程

在Controller里添加如下方法

asp实例教程_asp.net mvc4实例教程_一个asp站内搜索的实例源代码

提交表单显示如下,

asp.net mvc4实例教程_一个asp站内搜索的实例源代码_asp实例教程

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

asp实例教程_asp.net mvc4实例教程_一个asp站内搜索的实例源代码

5. 添加验证

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

一个asp站内搜索的实例源代码_asp.net mvc4实例教程_asp实例教程

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

一个asp站内搜索的实例源代码_asp实例教程_asp.net mvc4实例教程

修改Action里的代码如下

一个asp站内搜索的实例源代码_asp实例教程_asp.net mvc4实例教程

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

asp.net mvc4实例教程_asp实例教程_一个asp站内搜索的实例源代码

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

相关文章

深度解析:清理烂代码

如何编写出拥抱变化的代码

重构-使代码更简洁优美

团队项目开发"编码规范"系列文章

相关文档

重构-改善既有代码的设计

软件重构v2

代码整洁之道

高质量编程规范

相关课程

基于HTML5客户端、Web端的应用开发

HTML5+CSS 开发

嵌入式C高质量编程

C++高级编程

(编辑:应用网_丽江站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章