起飞网 ASP.NET MVC 5 学习教程目录:

本教程将介绍如何使用Visual Studio Express 2013 Web 预览版,或Visual Studio 2013预览版来创建一个基本的ASP.NET MVC 5 Web 应用程序。在学习本系列教程之前,你需要安装Visual Studio Express 2013 Web 预览版或Visual Studio 2013预览版,下载地址:http://www.microsoft.com/visualstudio/chs/2013-downloads

Visual Studio 是一个IDE,也叫做集成开发环境。就像你使用Microsoft Word 写文档一样,使用Visual Studio 来创建应用程序。在Visual Studio 顶部有一个工具栏,显示了各种可用的选项;还有一个菜单,提供了在IDE中执行操作的另一种方式(例如,除了可以在“起始页”中选择“新建项目”,还可以使用菜单 ,选择“文件”>"新建项目")。

图1:Visual Studio Express 2013 起始页

创建第一个应用程序

你可以选择Visual Basic或者Visual C#作为编程语言来创建第一个应用程序。单击“新建项目”,在左侧列表中选择Visual C# > Web,在右侧窗口中选择 ASP.NET Web 应用程序,在名称输入框中输入“MvcMovie”,设置好路径后点击“确定”按钮。

图2:新建项目窗口

新建ASP.NET项目对话框中,选择 MVC,然后单击“创建项目”按钮。

图3:新建ASP.NET项目对话框

在我们刚创建的项目中,Visual Studio 为ASP.NET MVC项目使用默认的模板,因此我们不用做任何事情,马上就有了一个可用的应用程序!这是一个简单的“Hello World”项目,也是一个很好的学习MVC的起点。

图4:MvcMovie项目

按F5启动调试。F5会引发Visual Studio 启动 IIS Express,并运行你的Web应用程序。Visual Studio 会在浏览器中打开程序首页。注意浏览器中的地址栏 localhost,而不像 example.com这样的网址,这是因为 localhost 总是指向你本地的计算机。当Visual Studio 运行Web项目的时候,Web服务器会使用一个随机的端口号。在下面的截图中,端口号是4155,当你运行程序时,你可能会看到不同的端口号。

图5:浏览器中打开的MvcMovie页面

在图5中可以看到,默认的模板为我们创建了Home、Contact和About页面,另外还有Account的部分。当我们将页面宽度调整到比较小的时候,你会发现页面布局也发生了变化。

图6:发生改变后的Home页

在图6中你可以看到,Home、Contact、About,还有Register和Login等导航链接都不见了,取而代之的是一个导航菜单。这是因为在ASP.NET MVC 5 的默认模板中使用了响应式布局,响应式布局用来适应不同的设备宽度,更好的提升用户体验。MVC 5的模板中引用了Bootstrap,响应式布局想必是Bootstrap的功劳(未考证)。

点击图6中的导航菜单,你会看到被隐藏的链接。

图7:导航菜单

本篇内容主要介绍了如何使用Visual Studio Express 2013 Web 预览版创建 ASP.NET MVC 5 应用程序。在接下来的内容中,我们将修改程序代码,了解更多MVC的知识,敬请关注!

本文转自起飞网,原文网址:http://www.qeefee.com/mvc/mvc-5-getting-started

ASP.NET MVC 5 学习教程:快速入门的更多相关文章

  1. ASP.NET MVC 5 学习教程:数据迁移之添加字段

    原文 ASP.NET MVC 5 学习教程:数据迁移之添加字段 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符 ...

  2. ASP.NET MVC 5 学习教程:添加模型

    原文 ASP.NET MVC 5 学习教程:添加模型 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 通过控 ...

  3. ASP.NET MVC 5 学习教程:添加视图

    原文 ASP.NET MVC 5 学习教程:添加视图 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 通过控 ...

  4. ASP.NET MVC 5 学习教程:Details 和 Delete 方法详解

    原文 ASP.NET MVC 5 学习教程:Details 和 Delete 方法详解 在教程的这一部分,我们将研究一下自动生成的 Details 和Delete 方法. Details 方法 打开M ...

  5. ASP.NET MVC 5 学习教程:添加验证

    原文 ASP.NET MVC 5 学习教程:添加验证 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 通过控 ...

  6. ASP.NET MVC 5 学习教程:添加查询

    原文 ASP.NET MVC 5 学习教程:添加查询 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 通过控 ...

  7. ASP.NET MVC 5 学习教程:Edit方法和Edit视图详解

    原文 ASP.NET MVC 5 学习教程:Edit方法和Edit视图详解 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 ...

  8. ASP.NET MVC 5 学习教程:使用 SQL Server LocalDB

    原文 ASP.NET MVC 5 学习教程:使用 SQL Server LocalDB 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 ...

  9. ASP.NET MVC 5 学习教程:生成的代码详解

    原文 ASP.NET MVC 5 学习教程:生成的代码详解 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 ...

随机推荐

  1. 许可EDM营销是个长期过程

    为什么这么说呢?基于博主自己这三四年的理解,许可EDM营销确实是个长期的过程,这跟一般的EDM营销有一定的区别. 大多数时候不会有立竿见影的效果,而且需要持续地不间断地进行到底,这也是很多企业实施许可 ...

  2. (转)在低版本的SDK里使用高版本函数@SuppressLint("NewApi") or @TargetApi?

    @SuppressLint 和 @TargetApi达到的效果是一样的,相对于SuppressLint ,TargetApi会根据函数里使用的API,严格匹配SDK版本,给出编译错误,但是Suppre ...

  3. redmin3 忘记管理密码找回方法

    在网上找了一下都是redmine2的,而且比较复杂. 后来我看了一下redmin的数据库,如下: 注册一个新用户把admin的值改为1即可,就是管理员了. 如果忘记数据库密码,可以参考此文档修改数据库 ...

  4. Android之TextView的Span样式源码剖析

           Android中的TextView是个显示文字的的UI类,在现实中的需求中,文字有各式各样的样式,TextView本身没有属性去设置实现,我们可以通过Android提供的 Spannab ...

  5. Appium移动自动化测试(四)--one demo

    继续更新. -------------------------------------------- 第四节  安装Appium Client Appium Client是对webdriver原生ap ...

  6. [Matlab] Galois Field

    1. gf(M)用来把M转换到伽罗华域 2. gf(M.x)用来把M转换到实数域

  7. Android学习笔记之性能优化SparseArray

    PS:终于考完试了.来一发.微机原理充满了危机.不过好在数据库89分,还是非常欣慰的. 学习内容: 1.Android中SparseArray的使用..   昨天研究完横向二级菜单,发现其中使用了Sp ...

  8. 内存中OLTP(Hekaton)里的事务日志记录

    在今天的文章里,我想详细讨论下内存中OLTP里的事务日志如何写入事务日志.我们都知道,对于你的内存优化表(Memory Optimized Tables),内存中OLTP提供你2个持久性(durabi ...

  9. IOS开发UI基础UIImagePickerController的属性

    UIImagePickerController 1.+(BOOL)isSourceTypeAvailable:(UIImagePickerControllerSourceType)sourceType ...

  10. sprint3与总结

    backlog-看板-燃尽图-每日立会 github:https://github.com/alfredzhu/team-work 总结:这种团队合作的方式很好,大家在一起沟通,相互交流想法,一起解决 ...