学习NetCore应用框架——访问页面

此文档解决以下问题：

1.创建新的控制器并访问cshtml视图文件

2.View方法显式访问html页面（绝对路径）

3.View方法显式访问页面（相对路径）

4.Redirect方法重定向html页面（绝对路径））

附：ASP.NET Core 官方文档地址：https://docs.microsoft.com/zh-cn/aspnet/core/?view=aspnetcore-2.2

1.创建新的控制器并访问cshtml视图文件

1）添加新的控制器 Account

2） AccountController.cs 默认代码如下

3）View（）隐式返回页面，需要在Views文件夹中新建跟 AccountController同名的Account的文件夹，并且创建跟方法同名的Index.cshtml页面（一般Views中的都是cshtml页面，不是html）

4）访问页面（一般在cshtml中直接右击浏览器查看，这样更改后直接在浏览器刷新页面即可访问最新网页）

5）由于项目默认运行浏览时是执行Home控制器下的Index方法，所以以下不是我们的目标访问页面，需要修改地址栏的控制器和方法名

6）我们访问的是Account控制器下的Index方法，地址栏格式应该写成 localhost:端口号（每个网站不一样）/控制器名/方法名，以下是我们的目标访问页

2.View方法显式访问html页面（绝对路径）

1）AccountController.cs

        public IActionResult Index3()
        {
            //View 帮助程序方法
            //用 return View("<ViewName>"); 显式返回
            //如果使用从应用根目录开始的绝对路径（可选择以“/”或“~/”开头），则须指定.cshtml或者.html 扩展名
            //此处介绍Views文件夹外的页面访问
            return View("/pages/demo/index3.html");
        }

2）index3.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <h2>View("/pages/demo/index3.html");</h2>
    <h2>根目录下pages文件夹中demo文件夹中的index3.html页面</h2>
</body>
</html>

3.View方法显式访问页面（相对路径）

1）AccountController.cs

        public IActionResult Index4()
        {
            //View 帮助程序方法
            //用 return View("<ViewName>"); 显式返回
            //可以使用相对路径返回 home 视图的 About 视图：
            return View("../home/about");
        }

2）运行浏览

4.Redirect方法重定向html页面（绝对路径））

1）AccountController.cs

        public IActionResult Index5()
        {
            //Redirect是让浏览器重定向到新的地址
            //建议创建在wwwroot项目文件下
            return Redirect("/pages/demo/index5.html");
        }

2）index5.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="../../lib/jquery.js"></script>
</head>
<body>
    <h2>根目录下wwwroot项目文件夹中pages 中demo文件夹中的index5.html页面</h2>
</body>
</html>

3）运行浏览，注意浏览器地址

　　　　正文结束~~~

学习NetCore应用框架——访问页面

猜你喜欢