建立簡單的Razor Pages 專案

根據以下的步驟,建立一個 Razor Pages 專案。



以下選擇 Web 應用程式即可建立預設 Razor 頁面檔案為主的 Web 應用程式了。完成之後,按一下「建立」按鈕即可。


在接下來出現的畫面中,按下「IIS Express」按鈕,執行專案。


執行出現的畫面是 Index.cshtml 套用主版面的預設頁面。


在 Pages 資料夾節點,點擊右鍵展開選單,點擊「加入」項目,展開下一層選單,點擊「Razor 頁面」,建立新的 Razor 頁檔案。


選擇最簡單的「Razor 頁面」。


在接下來出現的「新增 Razor 頁面」對話方塊中,指定頁面檔案名稱,注意其中的「產生PageModel 類別」,這會建立此頁專屬的獨立關聯類別檔案。


新增完成之後,切換至類別檔案,其中宣告一個 public 的字串變數 msg,並且於 OnGet() 方法中,取得目前伺服器的時間,指定給 msg 變數,這個方法在網頁載入之前被執行, msg 變數儲存取得的時間訊息字串。


切換至 Razor 頁面檔案,其中透過 @Model.msg 敘述,可以取得上述的 public 型態 msg 變數值,以 h2 標籤顯示在頁面上。


執行專案,輸入 url 加上 /hello ,找到這個頁面,現在我們看到除了 H1 標籤的 Hello ,h2 標籤中的時間字串亦輸出。


沒有留言: