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

2.第一个ASP.NET MVC 5.0应用程序

程序员文章站 2023-11-13 23:32:28
大家好,上一篇对ASP.NET MVC 有了一个基本的认识之后,这一篇,我们来看下怎么从头到尾创建一个ASP.NET MVC 应用程序吧。【PS:返回上一篇文章:1.开始学习ASP.NET MVC】 第一步:开打VS2017,选择【文件】-->【新建】-->【项目】,然后在弹出来的方框中,按照下面的 ......

       大家好,上一篇对asp.net mvc 有了一个基本的认识之后,这一篇,我们来看下怎么从头到尾创建一个asp.net mvc 应用程序吧。【ps:返回上一篇文章:1.开始学习asp.net mvc

第一步:开打vs2017,选择【文件】-->【新建】-->【项目】,然后在弹出来的方框中,按照下面的截图操作,第一步选择visual c#,接着web,然后选择asp.net web 应用程序(.net framework),最后

输入项目名称,点击确定。

2.第一个ASP.NET MVC 5.0应用程序

 

然后按照下面的截图选择:

2.第一个ASP.NET MVC 5.0应用程序

点击确定,我们的第一个asp.net mvc 5.0应用程序就创建好了。我们来看看项目结构:

2.第一个ASP.NET MVC 5.0应用程序

可以看到,vs2017,为我们生成了三个文件夹controller、model、views。其中controller文件夹放默认约定的控制器类,model文件夹放模型类,views文件夹放视图页面,我们还注意到有一个app_start文件夹,里面有一个routeconfig类,这个类文件是用来配置mvc路由规则的。打开routeconfig文件:

2.第一个ASP.NET MVC 5.0应用程序

 

 默认路由配置是home控制器,index方法,你可以根据需要进行定制。现在我们来创建一个控制器,在controllers文件夹上,右键【添加】-->【控制器】,然后选择第一个空模板。

2.第一个ASP.NET MVC 5.0应用程序

输入控制器的名字,记住:控制器根据约定大于配置原则,都要求以controller结尾。

2.第一个ASP.NET MVC 5.0应用程序

可以看到,控制器默认都有一个返回值为actionresult 的index方法。

2.第一个ASP.NET MVC 5.0应用程序

 

创建完控制器之后,我们接着来创建index视图:创建视图的方法有两种。第一种是:右键选择控制器的index方法,选择【添加视图】;第二种是在views文件夹下,找到相对应的控制器对应的文件夹,这里是home文件夹,然后右键home,选择添加视图。记住视图的名字一般和action名字一样,也可以不一样,如果一样,就直接写return view();如果不一样,就必须写出路径。这里我们选择第一种方式创建index视图。

2.第一个ASP.NET MVC 5.0应用程序

 

 2.第一个ASP.NET MVC 5.0应用程序

 在视图中添加如下代码,然后运行程序:

 2.第一个ASP.NET MVC 5.0应用程序

运行的结果如下图:

2.第一个ASP.NET MVC 5.0应用程序

 

记住,这里我们是创建了和action方法同名的index视图,如果我们创建不一样的视图呢,并且不在一个对应的home文件夹下,创建这个视图呢。会是什么效果???我们来看看。

1.我们在views文件夹下,创建一个test文件夹,在test文件夹下面,创建一个test视图页面;

2.第一个ASP.NET MVC 5.0应用程序

在test视图中,添加如下代码:

2.第一个ASP.NET MVC 5.0应用程序

 

 然后修改home控制器index方法的代码,运行程序:

2.第一个ASP.NET MVC 5.0应用程序

结果如下图:可以看到页面加载了test文件夹下的test.cshtml视图页面了

2.第一个ASP.NET MVC 5.0应用程序

 

好了,这就是,这篇教大家怎么从零开始创建一个新的asp.net mvc 5.0应用程序了,大家有什么疑问,可以留言评论,我会一一回复。谢谢!