學習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)運行瀏覽,注意瀏覽器地址

 

    正文結束~~~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM