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

        正文结束~~~

  • 相关阅读:
    数据库的初始创建
    组合总和 II (Leetcode 暴力)
    Leetcode 最大正方形(两种解法)
    Python PyAPNs 实现消息推送
    Windows下nginx+web.py+fastcgi服务搭建
    Python学习预备
    《Effective C++》笔记:IV
    《Effective C++》笔记:III
    《Effective C++》笔记:II
    《Effective C++》笔记:I
  • 原文地址:https://www.cnblogs.com/yankyblogs/p/11295694.html
Copyright © 2020-2023  润新知