如何在ASP.NET MVC中创建关联实体的Razor视图？

1. 构建整合型ViewModel #

要在单个视图中收集两个独立实体的信息，ViewModel是核心解决方案——它作为视图与控制器之间的数据传输载体，整合Persona和Usuario的所有需要收集的字段。示例代码如下：

public class PersonaUsuarioViewModel
{
    // 包含Persona实体
    public Persona Persona { get; set; }
    // 包含Usuario实体
    public Usuario Usuario { get; set; }
}

2. 基于ViewModel创建强类型视图 #

将视图的模型类型指定为PersonaUsuarioViewModel，使用强类型Html辅助方法绑定两个实体的字段，确保表单提交时数据能正确映射到ViewModel。示例视图代码片段：

@model PersonaUsuarioViewModel

@using (Html.BeginForm("Create", "Persona", FormMethod.Post))
{
    <h3>Persona信息</h3>
    <div>
        @Html.LabelFor(m => m.Persona.Nombre)
        @Html.TextBoxFor(m => m.Persona.Nombre)
        @Html.ValidationMessageFor(m => m.Persona.Nombre)
    </div>
    <div>
        @Html.LabelFor(m => m.Persona.Apellido)
        @Html.TextBoxFor(m => m.Persona.Apellido)
        @Html.ValidationMessageFor(m => m.Persona.Apellido)
    </div>
    <div>
        @Html.LabelFor(m => m.Persona.CorreoElectronico)
        @Html.TextBoxFor(m => m.Persona.CorreoElectronico)
        @Html.ValidationMessageFor(m => m.Persona.CorreoElectronico)
    </div>
    <div>
        @Html.LabelFor(m => m.Persona.Telefono)
        @Html.TextBoxFor(m => m.Persona.Telefono)
        @Html.ValidationMessageFor(m => m.Persona.Telefono)
    </div>

    <h3>Usuario信息</h3>
    <div>
        @Html.LabelFor(m => m.Usuario.NombreUsuario)
        @Html.TextBoxFor(m => m.Usuario.NombreUsuario)
        @Html.ValidationMessageFor(m => m.Usuario.NombreUsuario)
    </div>
    <div>
        @Html.LabelFor(m => m.Usuario.Contrasena)
        @Html.PasswordFor(m => m.Usuario.Contrasena)
        @Html.ValidationMessageFor(m => m.Usuario.Contrasena)
    </div>

    <input type="submit" value="创建" />
}

3. 修改控制器的Create方法 #

GET方法：返回空的ViewModel实例

public ActionResult Create()
{
    var viewModel = new PersonaUsuarioViewModel();
    return View(viewModel);
}

POST方法：处理ViewModel，同步创建两个实体

需要注意事务处理（确保两个实体要么都保存成功，要么都回滚），以及密码加密（不要明文存储密码）。示例代码：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create(PersonaUsuarioViewModel viewModel)
{
    if (ModelState.IsValid)
    {
        // 使用EF的事务确保数据一致性
        using (var transaction = db.Database.BeginTransaction())
        {
            try
            {
                // 先创建Persona并保存，获取其主键
                db.Personas.Add(viewModel.Persona);
                db.SaveChanges();

                // 关联Persona的主键到Usuario
                viewModel.Usuario.PersonaId = viewModel.Persona.Id;
                // 加密密码（示例使用ASP.NET内置的PasswordHasher）
                var hasher = new PasswordHasher();
                viewModel.Usuario.Contrasena = hasher.HashPassword(viewModel.Usuario.Contrasena);

                // 创建Usuario并保存
                db.Usuarios.Add(viewModel.Usuario);
                db.SaveChanges();

                // 提交事务
                transaction.Commit();
                return RedirectToAction("Index");
            }
            catch (Exception ex)
            {
                // 回滚事务
                transaction.Rollback();
                ModelState.AddModelError("", "创建失败：" + ex.Message);
            }
        }
    }
    // 验证失败时返回视图
    return View(viewModel);
}

4. 关键注意事项 #

• 模型验证：确保Persona和Usuario实体的DataAnnotations验证属性正确配置（比如[Required]、[EmailAddress]等），ViewModel会自动继承这些验证规则。
• 外键关联：确保Usuario实体中存在指向Persona的外键字段（如PersonaId），且实体框架已正确配置两者的关联关系（比如通过Fluent API或DataAnnotations）。
• 密码安全：绝对不要明文存储密码，必须使用哈希算法加密，示例中使用的PasswordHasher是ASP.NET Identity提供的工具类，也可以使用其他加密方式。

推荐学习资源 #

• ASP.NET MVC官方文档：《强类型视图与ViewModel》章节
• Entity Framework官方文档：《关联实体的创建与保存》
• 微软官方教程：《ASP.NET MVC表单处理与模型绑定》

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