在本章中,我们来看看一个asp.net mvc的简单工作示例。在这里构建一个简单的web应用程序。要创建一个asp.net mvc应用程序,首先需要启动visual studio 2017 社区版本,它包含创建,测试和部署一个mvc framework应用程序所需的所有功能。
以下是使用visual studio 中提供的项目模板创建项目的步骤。
第1步 - 打开visual studio 2017 。点击菜单:文件 -> 新建 -> 项目 选项。然后弹出一个新的项目对话框。
第2步 - 在左侧窗格中,选择模板:已安装 -> visual c# -> web。
第3步 - 在中间窗格中,选择“asp.net web应用程序”。如下图所示 -
第4步 - 在名称字段中输入项目名称:firstmvcapp,然后单击 确定 以继续。将看到下面的对话框,要求您设置asp.net项目的初始内容。
第5步 - 为了简单起见,请选择“空” 选项,并在“为以下项添加文件夹和核心引用” 部分中选中 “mvc” 复选框,点击 确定。
它将使用最少的预定义内容来创建一个基本的mvc项目。
在visual studio创建项目之后,将在“解决方案资源管理器” 窗口中看到许多文件和文件夹。
这样,我们已经从一个空的项目模板创建了asp.net mvc项目,所以目前应用程序不包含任何可以运行的东西。
第6步 - 运行这个应用程序从菜单:调试 -> 开始执行(不调试)选项,应该会看到一个404未找到错误的页面提示。如下图所示 -
默认浏览器是firefox,但是可以从工具栏中选择已安装的任何浏览器。如下图所示 -
要解决上面的“404 not found”错误,我们需要添加一个控制器来处理所有传入的请求。
第1步 - 添加控制器,请右键单击项目:firstmvcapp 中的 controllers 文件夹,然后选择:添加 -> 控制器 。
它将显示“添加基架”对话框。如下所示 -
第2步 - 选择 mvc 5控制器 - 空 选项,然后单击“添加” 按钮。添加控制器对话框将出现。如下所示 -
第3步 - 将名称设置为:homecontroller,然后单击添加 按钮。
在controllers文件夹中看到一个新的 c# 文件:homecontroller.cs,该文件夹也在visual studio中打开并进行编辑。
第4步 - 为了使这个工作的例子,修改控制器类通过使用下面的代码修改index方法。
using system; using system.collections.generic; using system.linq; using system.web; using system.web.mvc; namespace firstmvcapp.controllers { public class homecontroller : controller { // get: default public string index() { return "hello world, this is asp.net mvc h3"; } } }
第5步 - 运行该应用程序,将看到浏览器正在显示index操作方法的结果。如下图所示 -