二 ASP.NET MVC 第一个程序 hello world

我使用的Visual studio 2015 ,可能你们使用的版本不同,但是不影响站点的建设

1.创建项目

图1

项目名称取名BlogApp,然后单击ok

2.选择项目类型

图2

项目模板选择空,类型选择MVC,然后单击ok,然后你可以看到下面的解决方案文件目录

图3

3.创建Control,取名为Home

在Control文件下,添加Control类型文件

图4

选择MVC 5 Control - Empty

图5

最终文件内容如下

这里写图片描述

ASP.NET MVC 的原理Control 把model 传递给View ,故而我需要新建一个Model

4.新建Demo模型

这里写图片描述

Demo模型只有唯一属性,在Demo模型的构造函数中,初始化为"hello world"

5.在Control 把model传递给View.

这里写图片描述

 return View(model);
 把模型传递给试图(View)

6.建立视图

鼠标定位到动作 index行,然后单击鼠标右键,选择添加视图

这里写图片描述

    Template 选择Empty,Model Class选择Demo,然后单击Add
    备注 indexpublic ActionResult Index()

7.查看解决方案文件变化

这里写图片描述

  1. 新增了Content文件夹,以及文件下的css文件
  2. 新增了Script文件夹,以及文件下的js文件
  3. 新增Shared文件夹,以及文件下-Layout.cshtml文件
  4. 新增_ViewStart.cshtml文件

那么它们之间有什么联系,我们来整理一下

启动BlogApp站点,首先会调用_ViewStart.cshtml文件,

 Layout = "~/Views/Shared/_Layout.cshtml";

_ViewStart.cshtml文件上面一行代码会调用_Layout.cshtml布局视图

这里写图片描述

 @RenderBody()

_Layout.cshtml文件上面的一行代码会调用当前请求的页面

8.Home>Index显示Hello world

View怎么调用Control传递给View的模型?

@model BlogApp.ViewModel.Demo

@model 就是模型BlogApp.ViewModel.Demo别名,如果我们想显示模型的字段,可以想类型一样式样,例如。 @model .DemoText ,我们在Index.cshtml添加下面一行代码

<h2 style="color:red;">@Model.DemoText</h2>

9.启动项目,访问Control 模型Index动作 http://localhost:15553/Home/Index

这里写图片描述

源码下载

源码下载

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值