.NET中在cshtml调用cshtml.cs函数：传递用户输入至参数

1. 修改后端逻辑（cshtml.cs） #

在DropdownModel类中添加接收用户输入的属性与表单提交处理方法，保留原有静态计算类：

public class DropdownModel : PageModel
{
    // 绑定用户输入的两个数字
    [BindProperty]
    public int FirstNum { get; set; }

    [BindProperty]
    public int SecNum { get; set; }

    // 存储计算结果
    public int Result { get; set; }

    // 处理表单提交的POST请求
    public void OnPostAdd()
    {
        Result = Addnumber.Addnumbers(FirstNum, SecNum);
    }

    // 保留原有静态计算类
    public class Addnumber
    {
        public static int Addnumbers(int firstnum, int secnum)
        {
            return firstnum + secnum;
        }
    }
}

2. 修改前端页面（cshtml） #

添加用户输入表单，提交后展示计算结果：

@page
@model DropdownModel
@{
    ViewData["Title"] = "Calculator";
    ViewData["Add"] = "The Calculator";
}

<h1>@ViewData["Title"]</h1>

<!-- 用户输入表单 -->
<form method="post">
    <div>
        <label>第一个数字：</label>
        <input type="number" asp-for="FirstNum" required />
    </div>
    <div style="margin: 10px 0;">
        <label>第二个数字：</label>
        <input type="number" asp-for="SecNum" required />
    </div>
    <button type="submit" asp-page-handler="Add">计算</button>
</form>

<!-- 展示计算结果 -->
@if (Request.Method == "POST")
{
    <h2>计算结果：@Model.Result</h2>
}

<p>Use this page for a calculator project.</p>

核心说明 #

• 后端通过[BindProperty]自动绑定表单输入值到模型属性
• 表单以POST方式提交，通过asp-page-handler="Add"指定调用OnPostAdd方法执行计算
• 提交完成后页面会渲染出最终计算结果

内容的提问来源于stack exchange，提问作者Yeyeye