zoukankan      html  css  js  c++  java
  • [转]ASP.NET MVC3 新手教程:Hellow简单示例

    本文转自:http://www.cyqdata.com/cnblogs/article-detail-52905

    今天给大伙介绍一下:ASP.NET MVC3 新手教程:Hellow简单示例,帮助新手入门,今天这个示例很简单,图文并解,欢迎对着试练习。

    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

    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的一些基本特性,希望对新手有所帮助。

  • 相关阅读:
    (算法)最长重叠线段或区间
    (算法)判断两个区间是否重叠
    (笔试题)洗牌算法
    (笔试题)和一半的组合数
    (笔试题)删除K位数字
    (C语言)memcpy函数原型的实现
    每天坚持10分钟,改变你的人生
    你是哪种层次的程序员?程序员的四种类型
    2012年,软件开发者薪资大调查
    上班族:不要让自己成为老板的“日用品”!
  • 原文地址:https://www.cnblogs.com/freeliver54/p/2998536.html
Copyright © 2011-2022 走看看