ASP.NET MVC 5 学习教程:快速入门
起飞网 ASP.NET MVC 5 学习教程目录:
- 添加控制器
- 添加视图
- 修改视图和布局页
- 控制器传递数据给视图
- 添加模型
- 创建连接字符串
- 通过控制器访问模型的数据
- 生成的代码详解
- 使用 SQL Server LocalDB
- Edit方法和Edit视图详解
- 添加查询
- Entity Framework 数据迁移之添加字段
- 添加验证
- Details 和 Delete 方法详解
本教程将介绍如何使用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 学习教程:快速入门的更多相关文章
- ASP.NET MVC 5 学习教程:数据迁移之添加字段
原文 ASP.NET MVC 5 学习教程:数据迁移之添加字段 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符 ...
- ASP.NET MVC 5 学习教程:添加模型
原文 ASP.NET MVC 5 学习教程:添加模型 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 通过控 ...
- ASP.NET MVC 5 学习教程:添加视图
原文 ASP.NET MVC 5 学习教程:添加视图 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 通过控 ...
- ASP.NET MVC 5 学习教程:Details 和 Delete 方法详解
原文 ASP.NET MVC 5 学习教程:Details 和 Delete 方法详解 在教程的这一部分,我们将研究一下自动生成的 Details 和Delete 方法. Details 方法 打开M ...
- ASP.NET MVC 5 学习教程:添加验证
原文 ASP.NET MVC 5 学习教程:添加验证 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 通过控 ...
- ASP.NET MVC 5 学习教程:添加查询
原文 ASP.NET MVC 5 学习教程:添加查询 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 通过控 ...
- ASP.NET MVC 5 学习教程:Edit方法和Edit视图详解
原文 ASP.NET MVC 5 学习教程:Edit方法和Edit视图详解 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 ...
- ASP.NET MVC 5 学习教程:使用 SQL Server LocalDB
原文 ASP.NET MVC 5 学习教程:使用 SQL Server LocalDB 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 ...
- ASP.NET MVC 5 学习教程:生成的代码详解
原文 ASP.NET MVC 5 学习教程:生成的代码详解 起飞网 ASP.NET MVC 5 学习教程目录: 添加控制器 添加视图 修改视图和布局页 控制器传递数据给视图 添加模型 创建连接字符串 ...
随机推荐
- 比较下OceanBase的选举协议和Raft的选举协议的区别
阿里技术大讲堂OceanBase专场中曾有专门一场讲座介绍OB自己实现的分布式选举算法:<分布式选举-破解数据库高可用性难题> 这里简单列一下这个选举算法和raft论文中提到的选举算法的区 ...
- sql server 2008安装过程中服务器配置出错
请选择:对所有 SQL Server 服务使用相同的账号: 但这里不能给他设置自己定义的账号和密码 ( 例如下面设置它的账号为 sa ,密码为 654321) 就会发生错误:
- sencha touch api 使用指南
本文主要讲解如何使用sencha touch的api以及如何查看api中官方示例源码 前期准备 1.sdk 下载地址:http://www.sencha.com/products/touch/down ...
- 读书笔记_Effective_C++_条款四十三:学习处理模板化基类的名称
背景是这样的,有两个不同的公司,然后想设计一个MessageSender,为这两个公司发送不同的消息,既支持明文发送SendClearText,也支持密文发送SendEncryptedText.一种思 ...
- CGAL4.4+VC2008编译
一: CGAL是欧盟资助的基础几何库,很底层, 纯算法, 对于你的项目和科研都是不可多得的好东西, 废话一句, 国内做这样的东西, 估计会活不下去交不了差的. 不多介绍.送上 英文原址, 从软件角度, ...
- _set_invalid_parameter_handler异常处理函数
VS2005之后的版本,微软增加了一些新的异常机制,新机制在出现错误时默认不通知应用程序,这时程序就崩溃了.所以这种情况下,必须调用_set_invalid_parameter_handler._se ...
- WWDC2015 结束.新一波更新以及bug即将来袭.
WWDC结束.新一波更新以及bug即将来袭. HTTPS 将成为标准链接. http被报错. GamePlayKit 这是搞那样. 还有ReplayKit 那些什么录像分享什么的还有活路么? Mod ...
- git分享(一)git clone
git clone 命令参数: usage: git clone [options] [--] <repo> [<dir>] -v, --verbose be more ver ...
- Hadoop入门进阶课程8--Hive介绍和安装部署
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,博主为石山园,博客地址为 http://www.cnblogs.com/shishanyuan ...
- Feathers JS – 基于 Express 构建数据驱动的服务
Feathers 是一个轻量的 Web 应用程序框架,基于 NodeJS 最流行的 Web 框架——Express.这使得它很容易使用 socket.io 来创建 RESTful Web 服务和实 ...