Taurus.MVC WebMVC 入門開發教程3:數據綁定Model

来源:https://www.cnblogs.com/cyq1162/p/18031054
-Advertisement-
Play Games

在本篇教程中,我們學習瞭如何在 Taurus.MVC WebMVC 中進行數據綁定操作。我們還學習瞭如何使用 ${屬性名稱} CMS 語法來綁定頁面上的元素與 Model 中的屬性。通過這些步驟,我們成功實現了一個簡單的數據綁定示例。 ...


前言:

在這篇 Taurus.MVC WebMVC 入門開發教程的第三篇文章中,

我們將重點介紹如何進行數據綁定操作,還會學習如何使用 ${屬性名稱} CMS 語法來綁定頁面上的元素與 Model 中的屬性。

步驟1:創建 Model

首先,我們需要創建一個 Model 類來存儲數據。

在 Visual Studio 中,右鍵單擊項目文件夾,選擇「添加」-> 「新建項」。在彈出的對話框中,選擇「類」,並命名為「User.cs」。

在 User.cs 類中,我們可以定義一些屬性來表示用戶信息,例如姓名、年齡等。

public class User
{
    public string Name { get; set; }
    public int Age { get; set; }
}

步驟2:更新控制器

接下來,我們需要更新控制器以支持數據綁定。

在 HomeController.cs 文件中,我們可以修改 Index 方法,創建一個 User 對象,並將其傳遞給視圖。

public class HomeController : Taurus.Mvc.Controller
{
    public void Index()
    {
        User user = new User
        {
            Name = "Alice",
            Age = 25
        };

        View.LoadData(user);
    }

    public void About() { }

    public void Contact() { }
}

View.LoadData 可以載入對象類型很多,比如:實體類,數據行(MDataRow )、字典、哈希等。

步驟3:更新視圖

現在,我們需要更新視圖來實現數據綁定。在 Index.html 視圖文件中,

我們可以使用 ${屬性名稱} CMS 語法來綁定頁面上的元素與 Model 中的屬性。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>歡迎來到 Taurus.MVC WebMVC</title>
</head>
<body>
    <h1>用戶信息</h1>
    <p>姓名:${Name}</p>
    <p>年齡:${Age}</p>
</body>
</html>

在上述代碼中,我們使用通過使用 ${Name} 和 ${Age} 語法來綁定頁面上的元素與 Model 中的屬性。

步驟4:運行應用程式

最後,我們可以運行應用程式並查看頁面的效果。

您將看到用戶信息頁面上顯示了用戶的姓名和年齡,這些信息是通過數據綁定從 Model 中獲取的。

步驟5:使用 View.KeyValue 添加綁定值

除了直接使用Model,通過 View.LoadData 來載入值外,對於一些場景,如果不想使用 Model,

比如想在界面綁定一些值,但不想重新定義Model時,則可以使用 View.KeyValue.Add(key,value)來添加。

例如框架內部實現中就使用到它,添加了幾個預設值,以下是框架內部源碼的實現部分:

private void LoadHtmlView()
{
    if (!CancelLoadHtml)
    {
        _View = ViewEngine.Create(HtmlFolderName, HtmlFileName);//這裡ControllerName用原始大寫,相容Linux下大小寫名稱。
        if (_View != null)
        {
            //追加幾個全局標簽變數
            _View.KeyValue.Add("module", ModuleName.ToLower());
            _View.KeyValue.Add("controller", ControllerName);
            _View.KeyValue.Add("action", MethodName.ToLower());
            _View.KeyValue.Add("para", Para.ToLower());
            _View.KeyValue.Add("suffix", Path.GetExtension(Request.Url.LocalPath));
            _View.KeyValue.Add("httphost", Request.Url.AbsoluteUri.Substring(0, Request.Url.AbsoluteUri.Length - Request.Url.PathAndQuery.Length));
        }
    }
}

View.KeyValue是一個Dictionary,你可以添加,也可以移除。

實際View.LoadData 是將 Model 批量載入到了 View.KeyValue 中,後續你也可以通過它來移除不想綁定的數據。

總結

在本篇教程中,我們學習瞭如何在 Taurus.MVC WebMVC 中進行數據綁定操作。

我們還學習瞭如何使用 ${屬性名稱} CMS 語法來綁定頁面上的元素與 Model 中的屬性。

通過這些步驟,我們成功實現了一個簡單的數據綁定示例。

 

本系列的目錄大綱為:

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(掃碼支持作者):微信:
騰訊雲產品福利專區

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1引言 在實際的應用中,我們經常需要調用第三方API來獲取數據或執行某些操作。然而,由於網路不穩定、第三方服務異常等原因,API調用可能會失敗。為了提高系統的穩定性和可靠性,我們通常會考慮實現重試機制。 本文將深入探討如何在Spring Boot項目中優雅地重試調用第三方API,並結合代碼示例,展示 ...
  • 前言: 在本篇 Taurus.MVC WebMVC 入門開發教程的第四篇文章中, 我們將學習如何實現數據列表的綁定,通過使用 List<Model> 來展示多個數據項。 我們將繼續使用 Taurus.Mvc 命名空間,同時探討如何在視圖中綁定並顯示一個 Model 列表。 步驟1:創建 Model ...
  • 問題背景 有同事聯繫我說,在生產環境上,訪問不了我負責的common服務,然後我去檢查common服務的health endpoint, 沒問題,然後我問了下異常,timeout導致的System.OperationCanceledException。那大概率是客戶端的問題,會不會是埠耗盡,用ne ...
  • 概述:.NET提供多種定時器,如System.Windows.Forms.Timer適用於UI,System.Web.UI.Timer用於Web,System.Diagnostics.Timer用於性能監控,System.Threading.Timer和System.Timers.Timer用於一般 ...
  • 概述:Cron表達式是一種強大的定時任務調度工具,通過配置不同欄位實現靈活的時間規定。在.NET中,Quartz庫提供了簡便的方式配置Cron表達式,實現精準的定時任務調度。這種靈活性和可擴展性使得開發者能夠根據需求輕鬆地制定和管理定時任務,例如每天備份系統日誌或其他重要操作。 Cron表達式詳解 ...
  • 概述:本文介紹了在C#程式開發中如何利用自定義擴展方法測量代碼執行時間。通過使用簡單的Action委托,開發者可以輕鬆獲取代碼塊的執行時間,幫助優化性能、驗證演算法效率以及監控系統性能。這種通用方法提供了一種便捷而有效的方式,有助於提高開發效率和代碼質量。 在軟體開發中,瞭解代碼執行時間是優化程式性能 ...
  • 概述:在WPF中,通過EventHandler可實現基礎和高級的UI更新方式。基礎用法涉及在類中定義事件,併在UI中訂閱以執行更新操作。高級用法藉助Dispatcher類,確保在非UI線程上執行操作後,通過UI線程更新界面。這兩種方法提供了靈活而可靠的UI更新機制。 在WPF(Windows Pre ...
  • 是在MVVM中用來傳遞消息的一種方式。它是在MVVMLight框架中提供的一個實現了IMessenger介面的類,可以用來在ViewModel之間、ViewModel和View之間傳遞消息。 Send 接受一個泛型參數,表示要發送的消息內容。 Register 方法用於註冊某個對象接收消息。 pub ...
一周排行
    -Advertisement-
    Play Games
  • 隨著Aspire發佈preview5的發佈,Microsoft.Extensions.ServiceDiscovery隨之更新, 服務註冊發現這個屬於老掉牙的話題解決什麼問題就不贅述了,這裡主要講講Microsoft.Extensions.ServiceDiscovery(preview5)以及如何 ...
  • 概述:通過使用`SemaphoreSlim`,可以簡單而有效地限制非同步HTTP請求的併發量,確保在任何給定時間內不超過20個網頁同時下載。`ParallelOptions`不適用於非同步操作,但可考慮使用`Parallel.ForEach`,儘管在非同步場景中謹慎使用。 對於併發非同步 I/O 操作的數量 ...
  • 1.Linux上安裝Docken 伺服器系統版本以及內核版本:cat /etc/redhat-release 查看伺服器內核版本:uname -r 安裝依賴包:yum install -y yum-utils device-mapper-persistent-data lvm2 設置阿裡雲鏡像源:y ...
  • 概述:WPF界面綁定和渲染大量數據可能導致性能問題。通過啟用UI虛擬化、非同步載入和數據分頁,可以有效提高界面響應性能。以下是簡單示例演示這些優化方法。 在WPF中,當你嘗試綁定和渲染大量的數據項時,性能問題可能出現。以下是一些可能導致性能慢的原因以及優化方法: UI 虛擬化: WPF提供了虛擬化技術 ...
  • 引言 上一章節介紹了 TDD 的三大法則,今天我們講一下在單元測試中模擬對象的使用。 Fake Fake - Fake 是一個通用術語,可用於描述 stub或 mock 對象。 它是 stub 還是 mock 取決於使用它的上下文。 也就是說,Fake 可以是 stub 或 mock Mock - ...
  • 為.net6在CentOS7上面做準備,先在vmware虛擬機安裝CentOS 7.9 新建CentOS764位的系統 因為CentOS8不更新了,所以安裝7;簡單就一筆帶過了 選擇下載好的操作系統的iso文件,下載地址https://mirrors.aliyun.com/centos/7.9.20 ...
  • 經過前面幾篇的學習,我們瞭解到指令的大概分類,如:參數載入指令,該載入指令以 Ld 開頭,將參數載入到棧中,以便於後續執行操作命令。參數存儲指令,其指令以 St 開頭,將棧中的數據,存儲到指定的變數中,以方便後續使用。創建實例指令,其指令以 New 開頭,用於在運行時動態生成並初始化對象。方法調用指... ...
  • LiteDB 是一個輕量級的嵌入式 NoSQL 資料庫,其設計理念與 MongoDB 類似,但它是完全使用 C# 開發的,因此與 C# 應用程式的集成非常順暢。與 SQLite 相比,LiteDB 提供了 NoSQL(即鍵值對)的數據存儲方式,並且是一個開源且免費的項目。它適用於桌面、移動以及 We ...
  • 1 開源解析和拆分文檔 第三方的工具去對文件解析拆分,去將我們的文件內容給提取出來,並將我們的文檔內容去拆分成一個小的chunk。常見的PDF word mark down, JSON、HTML。都可以有很好的一些模塊去把這些文件去進行一個東西去提取。 優勢 支持豐富的文檔類型 每種文檔多樣化選擇 ...
  • OOM是什麼?英文全稱為 OutOfMemoryError(記憶體溢出錯誤)。當程式發生OOM時,如何去定位導致異常的代碼還是挺麻煩的。 要檢查OOM發生的原因,首先需要瞭解各種OOM情況下會報的異常信息。這樣能縮小排查範圍,再結合異常堆棧、heapDump文件、JVM分析工具和業務代碼來判斷具體是哪 ...