大家好,上一篇对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应用程序了,大家有什么疑问,可以留言评论,我会一一回复。谢谢!

最新文章

  1. Android Tint
  2. 【2015上半年总结】js开源组件开发系列索引
  3. 2016年10月31日--网页 Windows对象操作
  4. linux安装SVN
  5. 汇编语言hello world
  6. BZOJ3585: mex
  7. synchronized 与 Lock 的那点事
  8. 关于mysql严格模式的开启、关闭
  9. Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值
  10. c++入门之文件读取
  11. 编写高质量代码:改善Java程序的151个建议 --[106~117]
  12. PHP中遍历二维数组—以不同形式的输出操作
  13. django-会话 cookie 中缺少HttpOnly 属性-安全加强
  14. 禁止浏览器backspace键(退格键)时跳转页面(extjs,javascript)
  15. [Perforce]password (P4PASSWD) invalid or unset. 的错误解决
  16. sencha touch 扩展官方NavigationView 灵活添加按钮组,导航栏,自由隐藏返回按钮(2014-5-15)
  17. FastAdmin 开发第三天:安装 FastAdmin
  18. linux 标准I/O (一)
  19. LDAP落地实战(四):Jenkins集成OpenLDAP认证
  20. 利用命令行引用外部jar包以使程序正常执行的4种方法

热门文章

  1. Eclipse关于怎么调出web project
  2. ENVIRONMENT
  3. 电商项目中使用Redis实现秒杀功能
  4. JAVA条件判断
  5. xadmin 常见错误
  6. 目标检测之faster-RCNN和FPN
  7. SpringCloud详解
  8. python 读取excel数据
  9. VueJs相关学习网址
  10. 测验2: Python基础语法(上) (第4周)