学习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)运行浏览,注意浏览器地址

 

    正文结束~~~

posted @ 2019-08-09 15:18  Yanky  阅读(1630)  评论(0编辑  收藏  举报