在本篇教程中，我們學習瞭如何使用 Taurus.MVC WebMVC 框架創建一個簡單的頁面。 我們創建了一個控制器並編寫了一個用於呈現頁面的方法，然後創建了對應的視圖，並最終成功運行了應用程式。 在下一篇教程中，我們將繼續探索 Taurus.MVC WebMVC 框架的更多功能和用法。 ...
前言：
在上一篇中，我們瞭解瞭如何下載、配置和運行 Taurus.MVC WebMVC 框架。
現在，讓我們開始編寫一個簡單的頁面併進行呈現。
步驟1：創建控制器
首先，我們需要創建一個控制器來處理頁面呈現的邏輯。
在 Visual Studio 中，右鍵單擊項目文件夾，選擇「添加」-> 「類」。
在彈出的對話框中，命名為「HomeController」。點擊「添加」按鈕以完成控制器的創建。
步驟2：編寫頁面呈現方法
在 HomeController.cs 文件中，定義以下內容。
public class HomeController : Taurus.Mvc.Controller
{
public void Index()
{
}
public void About() { }
public void Contact() { }
}
在上述代碼中，我們定義了三個方法，用於顯示首頁，關於我們、聯繫我們。
關於我們、聯繫我們，在示例後續沒有用到，因此是附贈的。
同時，控制器需要繼承自Taurus.Mvc.Controller 這個基類。
這個方法將用於載入對應的視圖，並處理對應頁面的呈現。
例如：當前的.Net Core 工程目錄如下：
記住，在本系列入門教程中，控制器被放在和工程目錄一起，這是為了入門教程使用。
實際項目中，都會單獨新建一個控制器項目，以單獨存放，以起到分層清晰明目的效果。
步驟3：創建視圖
接下來，我們需要創建一個與控制器方法對應的視圖。
在 Visual Studio 中，在根目錄（或 wwwroot）下，需要添加 Views 文件夾（不存在則創建）。
右鍵單擊「Views」文件夾，選擇「添加」-> 「新建文件夾」。在彈出的對話框中，輸入視圖名稱為「Home」，對應控制器名稱，並點擊「添加」按鈕。
右鍵單擊「Home」文件夾，選擇「添加」-> 「新建項」。在彈出的對話框中，選擇 HTML頁，輸入名稱為「Index」，對應控制器的方法名稱，並點擊「添加」按鈕。
可重覆添加「About」、「Contact」兩個html文件。
在 Index.html 視圖文件中，我們可以使用 html 語法編寫頁面內容。以下是一個簡單的示例：
<!DOCTYPE html> <html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>歡迎來到 Taurus.MVC WebMVC</title> </head> <body> <h1>歡迎來到 Taurus.MVC WebMVC</h1> <p>這是一個簡單的頁面呈現示例。</p> </body> </html>
在上述代碼中，我們創建了一個基本的 HTML 頁面結構，併在頁面中添加了一個標題和一段文字內容。
例如：當前工程項目像如下圖：
步驟4：運行應用程式
現在，我們已經完成了控制器和視圖的編寫。讓我們來運行應用程式並查看頁面的呈現效果。
在 Visual Studio 中，按下「F5」鍵或點擊工具欄上的「開始調試」按鈕，等待應用程式啟動。
一旦應用程式啟動完成，瀏覽器預設可能是：http://localhost:5191
這時，需要在瀏覽器中輸入控制器的請求地址如：/home/index，如下圖
您將在瀏覽器中看到 Taurus.MVC WebMVC 的歡迎頁面。
恭喜！您已經成功創建並呈現了一個簡單的頁面。
設置預設頁：
如果不想每次運行都要手動設置訪問頁，可以通過配置 Mvc.DefaultUrl，來設置預設頁：
如：
{ "AppSettings": { "Mvc.DefaultUrl": "/home/index" } }
總結：
在本篇教程中，我們學習瞭如何使用 Taurus.MVC WebMVC 框架創建一個簡單的頁面。
我們創建了一個控制器並編寫了一個用於呈現頁面的方法，然後創建了對應的視圖，並最終成功運行了應用程式。
在下一篇教程中，我們將繼續探索 Taurus.MVC WebMVC 框架的更多功能和用法。
本系列的目錄大綱為：
Taurus.MVC WebMVC 入門開發教程1：框架下載環境配置與運行 Taurus.MVC WebMVC 入門開發教程2：一個簡單的頁面呈現 Taurus.MVC WebMVC 入門開發教程3：數據綁定Model Taurus.MVC WebMVC 入門開發教程4：數據列表綁定List<Model> Taurus.MVC WebMVC 入門開發教程5：表單提交與數據驗證 Taurus.MVC WebMVC 入門開發教程6：路由配置與路由映射 Taurus.MVC WebMVC 入門開發教程7：部分視圖和頁面片段
| 版權聲明：本文原創發表於 博客園，作者為 路過秋天 本文歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則視為侵權。 |
個人微信公眾號
|
創業QQ群：617713515
|
Donation(掃碼支持作者)：支付寶：
|
Donation(掃碼支持作者)：微信：
|
|
|
騰訊雲產品福利專區 |
