ASP.NET - 将 C# 变量传递给 HTML [重复]

使用ASP.NET开发Web应用程序时，我们经常需要将C#变量传递给HTML页面，以便在页面上显示动态内容。在本文中，我将介绍如何在ASP.NET中实现这一功能，并提供一个简单的案例代码来帮助读者更好地理解。

案例背景

假设我们正在开发一个简单的学生成绩管理系统，我们需要在HTML页面上显示学生的姓名和成绩。为了实现这一功能，我们可以使用ASP.NET中的模型绑定技术来将C#变量传递给HTML。

步骤1：创建学生类

首先，我们需要创建一个学生类，用于存储学生的姓名和成绩信息。以下是一个简单的学生类的定义：

csharp
public class Student
{
    public string Name { get; set; }
    public int Score { get; set; }
}

步骤2：创建控制器

接下来，我们需要创建一个控制器来处理HTTP请求并将学生信息传递给HTML页面。以下是一个简单的控制器代码的示例：

csharp
public class StudentController : Controller
{
    public IActionResult Index()
    {
        // 创建一个学生对象
        Student student = new Student
        {
            Name = "张三",
            Score = 90
        };
        // 将学生对象传递给HTML页面
        return View(student);
    }
}

在上述代码中，我们在Index方法中创建了一个学生对象，并将其传递给View方法。View方法将学生对象与一个HTML页面相关联，并将其呈现给用户。

步骤3：创建HTML页面

现在，我们需要创建一个HTML页面，用于显示学生的姓名和成绩信息。以下是一个简单的HTML页面的示例：

html
<!DOCTYPE html>
<html>
<head>
    <title>学生成绩</title>
</head>
<body>
    <h1>学生信息</h1>
    
姓名：@Model.Name
    
成绩：@Model.Score
</body>
</html>

在上述代码中，我们使用了@符号来引用C#变量。@Model表示当前视图所接收的模型对象，我们可以通过@Model.Name和@Model.Score来访问学生的姓名和成绩属性。

结果

当我们运行应用程序并访问Student/Index页面时，将会看到一个包含学生姓名和成绩信息的HTML页面。页面上显示的学生姓名为"张三"，成绩为90。

通过以上步骤，我们成功地将C#变量传递给HTML页面，并在页面上显示了动态内容。ASP.NET的模型绑定技术为我们提供了一种简单而强大的方法来实现这一功能。希望本文对读者理解ASP.NET中如何传递C#变量给HTML页面有所帮助。

以上是关于ASP.NET中将C#变量传递给HTML的简单介绍和示例代码。希望读者通过本文的学习，能够在自己的ASP.NET项目中成功实现这一功能。如果你有任何问题或疑问，请随时留言。