2.第一个ASP.NET MVC 5.0应用程序
大家好,上一篇对asp.net mvc 有了一个基本的认识之后,这一篇,我们来看下怎么从头到尾创建一个asp.net mvc 应用程序吧。【ps:返回上一篇文章:1.开始学习asp.net mvc】
第一步:开打vs2017,选择【文件】-->【新建】-->【项目】,然后在弹出来的方框中,按照下面的截图操作,第一步选择visual c#,接着web,然后选择asp.net web 应用程序(.net framework),最后
输入项目名称,点击确定。
然后按照下面的截图选择:
点击确定,我们的第一个asp.net mvc 5.0应用程序就创建好了。我们来看看项目结构:
可以看到,vs2017,为我们生成了三个文件夹controller、model、views。其中controller文件夹放默认约定的控制器类,model文件夹放模型类,views文件夹放视图页面,我们还注意到有一个app_start文件夹,里面有一个routeconfig类,这个类文件是用来配置mvc路由规则的。打开routeconfig文件:
默认路由配置是home控制器,index方法,你可以根据需要进行定制。现在我们来创建一个控制器,在controllers文件夹上,右键【添加】-->【控制器】,然后选择第一个空模板。
输入控制器的名字,记住:控制器根据约定大于配置原则,都要求以controller结尾。
可以看到,控制器默认都有一个返回值为actionresult 的index方法。
创建完控制器之后,我们接着来创建index视图:创建视图的方法有两种。第一种是:右键选择控制器的index方法,选择【添加视图】;第二种是在views文件夹下,找到相对应的控制器对应的文件夹,这里是home文件夹,然后右键home,选择添加视图。记住视图的名字一般和action名字一样,也可以不一样,如果一样,就直接写return view();如果不一样,就必须写出路径。这里我们选择第一种方式创建index视图。
在视图中添加如下代码,然后运行程序:
运行的结果如下图:
记住,这里我们是创建了和action方法同名的index视图,如果我们创建不一样的视图呢,并且不在一个对应的home文件夹下,创建这个视图呢。会是什么效果???我们来看看。
1.我们在views文件夹下,创建一个test文件夹,在test文件夹下面,创建一个test视图页面;
在test视图中,添加如下代码:
然后修改home控制器index方法的代码,运行程序:
结果如下图:可以看到页面加载了test文件夹下的test.cshtml视图页面了。
好了,这就是,这篇教大家怎么从零开始创建一个新的asp.net mvc 5.0应用程序了,大家有什么疑问,可以留言评论,我会一一回复。谢谢!
上一篇: 淘淘购物系统 (Python)
下一篇: 03-jQuery动画效果
推荐阅读
-
2.第一个ASP.NET MVC 5.0应用程序
-
6. ASP.NET MVC 5.0 中的HTML Helper【HTML 帮助类】
-
2.什么是ASP.NET MVC?
-
基于asp.net MVC 应用程序的生命周期(详解)
-
asp.net MVC 应用程序的生命周期
-
ASP.NET MVC 第一个程序 hello world
-
8. Filters in ASP.NET MVC 5.0【ASP.NET MVC 5.0中的过滤器】
-
学习ASP.NET MVC(三)——我的第一个ASP.NET MVC 视图
-
ASP.NET Core Web 应用程序系列(二)- 在ASP.NET Core中使用Autofac替换自带DI进行批量依赖注入(MVC当中应用)
-
ASP.NET Core Web 应用程序系列(一)- 使用ASP.NET Core内置的IoC容器DI进行批量依赖注入(MVC当中应用)