ASP.NET MVC - 视图

ASP.NET MVC - 视图 首页 / ASP.Net MVC入门教程 / ASP.NET MVC - 视图

在ASP.NET MVC应用程序中,没有什么比页面更重要了,当您在URL中指定路径时,它也不包含与页面直接对应的任何内容。

在ASP.NET MVC应用程序中,所有传入的浏览器请求均由控制器处理,并将这些请求映射到控制器操作,控制器Action可能会返回视图,或者可能还会执行其他某种类型的Action,如重定向到另一个控制器Action。

通过创建一个新的ASP.NET MVC项目,让我们看一下View的简单示例。

步骤1 - 打开Visual Studio,然后单击File→New→Project 菜单选项。

Visual Studio

步骤2 - 在左侧窗格中,选择Template→Visual C#→Web。

步骤3 - 在中间窗格中,选择ASP.NET Web应用程序。

步骤4 - 在"Name"字段中输入项目名称" MVCViewDemo",然后单击"OK"继续。您将看到以下对话框,要求您设置ASP.NET项目的初始内容。

MVCViewDemo

步骤5 - 为了简化操作,请选择"Empty"选项,然后在"Add folders and core references for"部分中选中" MVC"复选框,然后单击"OK"。

步骤6 - 右键单击Solution Explorer中的controller文件夹,然后选择Add→Controller。

Controller Folder

步骤7 - 选择" MVC 5 Controller-Empty"选项,然后单击"Add"按钮。

出现"Add Controller"对话框。

Add Controller Dialog

步骤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

由于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 View

您可以在此处看到我们有一个错误,并且该错误实际上是描述性的,它告诉我们找不到MyView视图。

步骤12 - 要添加视图,请在MyView操作内右键单击并选择添加视图。

MyView Action

它将显示"Add View"对话框,并将添加默认名称。

Add View Dialog

步骤13 - 取消选中"Use a layout page"复选框,然后单击"Add"按钮。

现在,我们在视图中有了默认代码。

Use Layout Page

步骤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。按回车键,您将收到以下输出。

I am View

现在,您可以从"View"中查看文本。

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

推荐系统三十六式 -〔刑无刀〕

从0开始学微服务 -〔胡忠想〕

MySQL实战45讲 -〔林晓斌〕

张汉东的Rust实战课 -〔张汉东〕

打造爆款短视频 -〔周维〕

程序员的测试课 -〔郑晔〕

去无方向的信 -〔小麥〕

Web 3.0入局攻略 -〔郭大治〕

结构思考力 · 透过结构看思考 -〔李忠秋〕

好记忆不如烂笔头。留下您的足迹吧 :)