欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET MVC 第一个程序 hello world

程序员文章站 2022-07-02 19:10:18
我使用的Visual studio 2015 ,可能你们使用的版本不同,但是不影响站点的建设 1.创建项目 项目名称取名BlogApp,然后单击ok 2.选择项目类型...

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

1.创建项目

ASP.NET MVC 第一个程序 hello world

项目名称取名BlogApp,然后单击ok
2.选择项目类型

ASP.NET MVC 第一个程序 hello world

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

ASP.NET MVC 第一个程序 hello world

3.创建Control,取名为Home 在Control文件下,添加Control类型文件

ASP.NET MVC 第一个程序 hello world

vc-5-control-empty">选择MVC 5 Control - Empty

ASP.NET MVC 第一个程序 hello world

最终文件内容如下

ASP.NET MVC 第一个程序 hello world

aspnet-mvc-的原理control-把model-传递给view-故而我需要新建一个model">ASP.NET MVC 的原理Control 把model 传递给View ,故而我需要新建一个Model 4.新建Demo模型

ASP.NET MVC 第一个程序 hello world

Demo模型只有唯一属性,在Demo模型的构造函数中,初始化为"hello world"
5.在Control 把model传递给View.

ASP.NET MVC 第一个程序 hello world

 return View(model);
 把模型传递给试图(View)
6.建立视图 鼠标定位到动作 index行,然后单击鼠标右键,选择添加视图

ASP.NET MVC 第一个程序 hello world

    Template 选择Empty,Model Class选择Demo,然后单击Add
    备注 index 行
       public ActionResult Index()
7.查看解决方案文件变化

ASP.NET MVC 第一个程序 hello world

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

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

启动BlogApp站点,首先会调用_ViewStart.cshtml文件,
 Layout = "~/Views/Shared/_Layout.cshtml";
_ViewStart.cshtml文件上面一行代码会调用_Layout.cshtml布局视图

ASP.NET MVC 第一个程序 hello world

 @RenderBody()
_Layout.cshtml文件上面的一行代码会调用当前请求的页面 8.Home>Index显示Hello world

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

@model BlogApp.ViewModel.Demo

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


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

ASP.NET MVC 第一个程序 hello world