在ASP.NET MVC应用程序中,没有什么比页面更重要了,当您在URL中指定路径时,它也不包含与页面直接对应的任何内容。
在ASP.NET MVC应用程序中,所有传入的浏览器请求均由控制器处理,并将这些请求映射到控制器操作,控制器Action可能会返回视图,或者可能还会执行其他某种类型的Action,如重定向到另一个控制器Action。
通过创建一个新的ASP.NET MVC项目,让我们看一下View的简单示例。
步骤1 - 打开Visual Studio,然后单击File→New→Project 菜单选项。
步骤2 - 在左侧窗格中,选择Template→Visual C#→Web。
步骤3 - 在中间窗格中,选择ASP.NET Web应用程序。
步骤4 - 在"Name"字段中输入项目名称" MVCViewDemo",然后单击"OK"继续。您将看到以下对话框,要求您设置ASP.NET项目的初始内容。
步骤5 - 为了简化操作,请选择"Empty"选项,然后在"Add folders and core references for"部分中选中" MVC"复选框,然后单击"OK"。
步骤6 - 右键单击Solution Explorer中的controller文件夹,然后选择Add→Controller。
步骤7 - 选择" MVC 5 Controller-Empty"选项,然后单击"Add"按钮。
出现"Add Controller"对话框。
步骤8 - 将名称设置为HomeController,然后点击"Add"按钮。
您将在Controllers文件夹中看到一个新的C#文件" HomeController.cs",该文件也可以在Visual Studio中进行编辑。
让我们更新HomeController.cs文件,其中包含两个操作方法,如以下代码所示。
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace MVCViewDemo.Controllers { public class HomeController : Controller{ //GET: Home public ActionResult Index(){ return View(); } public string Mycontroller(){ return "Hi, I am a controller"; } } }
步骤9 - 运行此应用程序,并将/Home/MyController附加到浏览器中的URL,然后按回车,您将收到以下输出。
由于MyController操作仅返回字符串,要从该操作返回View,我们需要首先添加View。
步骤10 - 在添加视图之前,我们要添加另一个操作,该操作将返回默认视图。
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace MVCViewDemo.Controllers { public class HomeController : Controller{ //GET: Home public ActionResult Index(){ return View(); } public string Mycontroller(){ return "Hi, I am a controller"; } public ActionResult MyView(){ return View(); } } }
步骤11 - 运行此应用程序,并将/Home/MyView附加到浏览器中的URL,然后按回车。您将收到以下输出。
链接:https://www.learnfk.comhttps://www.learnfk.com/asp.net_mvc/asp.net-mvc-views.html
来源:LearnFk无涯教程网
您可以在此处看到我们有一个错误,并且该错误实际上是描述性的,它告诉我们找不到MyView视图。
步骤12 - 要添加视图,请在MyView操作内右键单击并选择添加视图。
它将显示"Add View"对话框,并将添加默认名称。
步骤13 - 取消选中"Use a layout page"复选框,然后单击"Add"按钮。
现在,我们在视图中有了默认代码。
步骤14 - 使用以下代码在此视图中添加一些文本。
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name = "viewport" content = "width=device-width" /> <title>MyView</title> </head> <body> <div> Hi, I am a view </div> </body> </html>
步骤15 - 运行此应用程序,并将/Home/MyView附加到浏览器中的URL。按回车键,您将收到以下输出。
现在,您可以从"View"中查看文本。
祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)