Taurus.MVC WebMVC 入門開發教程5:表單提交與數據驗證

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

通過本篇教程,我們學習瞭如何在 Taurus.MVC WebMVC 中處理表單提交和進行數據驗證。我們創建了一個包含表單的視圖,併在控制器中接收表單數據,併進行數據驗證和其他邏輯操作。 ...


前言:

在本篇 Taurus.MVC WebMVC 入門開發教程的第五篇文章中,我們將學習如何處理表單提交和進行數據驗證。

這是 Web 開發中非常重要的一部分,因為它涉及到用戶輸入數據的處理和有效性驗證。

我們將繼續使用 Taurus.Mvc 命名空間,並探討如何在控制器中接收表單數據、進行數據驗證並給出相應的響應。

步驟1:創建視圖

首先,我們需要創建一個包含表單的視圖。

在視圖文件(例如 create.html)中,我們可以使用 HTML 表單元素來接收用戶輸入的數據。

<!DOCTYPE html>
<html>
<head>
    <title>創建用戶</title>
</head>
<body>
    <h1>創建用戶</h1>
    <form method="post">
        <label for="name">姓名:</label>
        <input type="text" name="name" id="name" required>
        <br>
        <label for="age">年齡:</label>
        <input type="number" name="age" id="age" required>
        <br>
        <input type="submit" value="提交" name="btnAddUser">
<div id="printMsg"></div> </form> </body> </html>

在上述代碼中,我們創建了一個簡單的表單,包含一個文本輸入框和一個數字輸入框,用於接收用戶的姓名和年齡。

表單的 method 屬性被設置為 post,預設將數據提交到當前頁面。

同時給按鈕起了個名稱"btnAddUser",事件按鈕,對應控制器的方法。

步驟2:更新控制器

接下來,我們需要在控制器中創建一個方法來處理表單提交。

我們繼續沿用上文使用到的 HomeController.cs 文件,併在其中添加一個名為 Create 的方法,用來呈現顯示頁面內容。

同時添加 BtnAddUser 方法【和按鈕同名,不區分大小寫】來處理按鈕事件。

public class HomeController : Taurus.Mvc.Controller
{
    public void Index()
    {
        ...
    }



    public void Create() { }

    public void BtnAddUser(string name, int age)
    {
        View.Set("printMsg", name + " - " + age);
    }
}

在 HomeController 類中,定義和 Create.html 同名的方法,用來顯示該表單界面。

同時添加 BtnAddUser 方法,來處理按鈕點擊事件。

上述代碼中的 BtnAddUser 方法可以指定接收 表單 對象作為參數,其中包含了表單提交的數據。

我們也可以通過 Query<string>("name") 和 Query<int>("age") 來獲取相應的用戶輸入值。

上述示例代碼中,最後通過:View.Set 方法,可以將數據呈現在指定(ID=“printMsg”)的 Html 標簽中。

步驟3:進行數據驗證

在表單提交後,我們通常需要對用戶輸入的數據進行驗證,以確保其有效性。

在上述代碼的中,我們將參數表單的接收參數,定義到方法參數中,同時指定了數據類型。

對於表單參數較少時:

將表單參數放到方法參數中,可以簡化代碼,同時利用框架的的數據類型轉換,進行有效轉換。

對於參數較多時:

您可以通過定義實體Model,並將它定義到方法參數中,例如:

    public void BtnAddUser(User user)
    {
        View.Set("printMsg", user.name + " - " + user.age);
    }

當然我們也可以不定義任何方法參數,通過 Query<T>(Name) 方法來獲取相應的用戶輸入值。

    public void BtnAddUser()
    {
        View.Set("printMsg", Query<String>("name") + " - " + Query<int>("age"));
    }

接下來,您需要自行添加數據驗證的邏輯,以保證程式的穩定輸出。

例如,您可以使用條件語句、正則表達式或其他驗證方式來檢查用戶輸入的數據是否符合要求。

如果數據驗證失敗,您可以返回一個視圖,向用戶顯示錯誤信息並要求重新輸入。

如果數據驗證成功,您可以執行其他操作(例如保存到資料庫)並重定向用戶到另一個頁面。

步驟4:運行應用程式

最後,運行應用程式並訪問 /Home/Create 路由,您將看到一個表單頁面。

嘗試提交表單並查看控制台輸出,您將看到用戶輸入的姓名和年齡被成功獲取。

 

總結

通過本篇教程,我們學習瞭如何在 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(掃碼支持作者):微信:
騰訊雲產品福利專區

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

-Advertisement-
Play Games
更多相關文章
  • NuGet下載Flurl FlurlHttpClient類 public class FlurlHttpClient { private readonly FlurlClient client; public FlurlHttpClient(FlurlClient client) { this.cl ...
  • 上一篇中,老周簡單膚淺地介紹了 XInput API 的使用,並模擬了滑鼠移動,左、右鍵單擊和滾輪。本篇,咱們用 .NET 代碼來完成相同的效果。 說起來也是倒霉,博文寫了一半,電腦忽然斷電了。不知道什麼原因,可能是 UPS 電源出故障。重新開機進來一看,博文沒有自動保存到草稿箱。我記得以前是有自動 ...
  • 通過本篇教程,我們學習瞭如何在 Taurus.MVC WebMVC 中使用部分視圖和頁面片段來提高代碼的復用性和可維護性。我們瞭解了部分視圖和頁面片段的基本概念,並學習瞭如何創建和使用它們。 ...
  • 已知在OpenXml有以下幾種超鏈接 功能 說明 跳轉頁面 跳轉某一頁:ppaction://hlinksldjump跳轉第一頁:ppaction://hlinkshowjump?jump=firstslide跳轉最後一頁:ppaction://hlinkshowjump?jump=lastslid ...
  • 目錄 一、簡介 二、創建gRPC服務端 1.創建gRPC項目 2.編寫自己的服務 三、創建gRPC客戶端 1.創建客戶端項目 2.grPC服務https的調用 3.gRPC內網http調用 4.IOC註入的方式調用gRPC 四、webapi中加入gRPC 回到頂部 一、簡介 簡單解析一下gRPC,g ...
  • 通過本篇教程,我們學習瞭如何在 Taurus.MVC WebMVC 中配置路由並將其映射到控制器和操作方法。我們學習了預設路由和自定義路由的創建方法,並瞭解了不同 URL 對控制器和操作方法的影響。 ...
  • 本章將和大家分享 Elasticsearch 的一些基本操作。話不多說,下麵我們直接進入主題。 一、索引庫操作 1、settings屬性 settings屬性可以設置索引庫的一些配置信息,例如:配置分片數和副本數、配置自定義分詞器等。 其中分片數量只能在一開始創建索引庫的時候指定,後期不能修改。副本 ...
  • 前言 這是一篇很水的文章,沒有任何技術含量,在 Github 已經有很多人對 Avalonia 的 OpenGL ES 支持進行了討論,但是我還是想寫一篇文章來記錄一下我是如何在 Avalonia 中使用 OpenGL ES 的。 介紹 在介紹 Avalonia 和 OpenGL ES 之前,我們先 ...
一周排行
    -Advertisement-
    Play Games
  • 一個自定義WPF窗體的解決方案,借鑒了呂毅老師的WPF製作高性能的透明背景的異形視窗一文,併在此基礎上增加了滑鼠穿透的功能。可以使得透明窗體的滑鼠事件穿透到下層,在下層窗體中響應。 ...
  • 在C#中使用RabbitMQ做個簡單的發送郵件小項目 前言 好久沒有做項目了,這次做一個發送郵件的小項目。發郵件是一個比較耗時的操作,之前在我的個人博客裡面回覆評論和友鏈申請是會通過發送郵件來通知對方的,不過當時只是簡單的進行了非同步操作。 那麼這次來使用RabbitMQ去統一發送郵件,我的想法是通過 ...
  • 當你使用Edge等瀏覽器或系統軟體播放媒體時,Windows控制中心就會出現相應的媒體信息以及控制播放的功能,如圖。 SMTC (SystemMediaTransportControls) 是一個Windows App SDK (舊為UWP) 中提供的一個API,用於與系統媒體交互。接入SMTC的好 ...
  • 最近在微軟商店,官方上架了新款Win11風格的WPF版UI框架【WPF Gallery Preview 1.0.0.0】,這款應用引入了前沿的Fluent Design UI設計,為用戶帶來全新的視覺體驗。 ...
  • 1.簡單使用實例 1.1 添加log4net.dll的引用。 在NuGet程式包中搜索log4net並添加,此次我所用版本為2.0.17。如下圖: 1.2 添加配置文件 右鍵項目,添加新建項,搜索選擇應用程式配置文件,命名為log4net.config,步驟如下圖: 1.2.1 log4net.co ...
  • 之前也分享過 Swashbuckle.AspNetCore 的使用,不過版本比較老了,本次演示用的示例版本為 .net core 8.0,從安裝使用開始,到根據命名空間分組顯示,十分的有用 ...
  • 在 Visual Studio 中,至少可以創建三種不同類型的類庫: 類庫(.NET Framework) 類庫(.NET 標準) 類庫 (.NET Core) 雖然第一種是我們多年來一直在使用的,但一直感到困惑的一個主要問題是何時使用 .NET Standard 和 .NET Core 類庫類型。 ...
  • WPF的按鈕提供了Template模板,可以通過修改Template模板中的內容對按鈕的樣式進行自定義。結合資源字典,可以將自定義資源在xaml視窗、自定義控制項或者整個App當中調用 ...
  • 實現了一個支持長短按得按鈕組件,單擊可以觸發Click事件,長按可以觸發LongPressed事件,長按鬆開時觸發LongClick事件。還可以和自定義外觀相結合,實現自定義的按鈕外形。 ...
  • 一、WTM是什麼 WalkingTec.Mvvm框架(簡稱WTM)最早開發與2013年,基於Asp.net MVC3 和 最早的Entity Framework, 當初主要是為瞭解決公司內部開發效率低,代碼風格不統一的問題。2017年9月,將代碼移植到了.Net Core上,併進行了深度優化和重構, ...