本文概述
- 建立模型
- 创建一个控制器
- 创建一个视图
例
在这里,我们创建一个示例,其中一个简单的模型与视图和控制器绑定。我们正在创建具有某些属性的Student模型。这些属性将用于创建表单字段。
建立模型【asp.net mvc模型绑定】右键单击“模型”文件夹,然后添加一个类以创建新模型。
文章图片
该文件包含一些默认代码,但是我们已经向其中添加了一些属性。模型看起来像这样:
// Student.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace MvcApplicationDemo.Models
{
public class Student
{
public int ID { get;
set;
}
public string Name { get;
set;
}
public string Email { get;
set;
}
public string Contact { get;
set;
}
}
}
创建一个控制器创建模型后,现在让我们为该类创建一个控制器。右键单击Controller文件夹,然后添加控制器类。
文章图片
添加后,它提供以下预定义的代码。
// StudentsController.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace MvcApplicationDemo.Controllers
{
public class StudentsController : Controller
{
// GET: Students
public ActionResult Index()
{
return View();
}
}
}
创建一个视图要创建视图,请在“索引”操作方法的主体内单击鼠标右键,然后选择“添加视图”选项,将弹出该视图的名称,并将模型附加到该视图中。
文章图片
添加后,它将在“学生”文件夹中生成一个索引文件,其中包含以下代码。
// Index.cshtml
@model MvcApplicationDemo.Models.Student
@{
ViewBag.Title = "Index";
}
<
h2>Index<
/h2>
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<
div class="form-horizontal">
<
h4>Student<
/h4>
<
hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<
div class="form-group">
@Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
<
div class="col-md-10">
@Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
<
/div>
<
/div>
<
div class="form-group">
@Html.LabelFor(model => model.Email, htmlAttributes: new { @class = "control-label col-md-2" })
<
div class="col-md-10">
@Html.EditorFor(model => model.Email, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Email, "", new { @class = "text-danger" })
<
/div>
<
/div>
<
div class="form-group">
@Html.LabelFor(model => model.Contact, htmlAttributes: new { @class = "control-label col-md-2" })
<
div class="col-md-10">
@Html.EditorFor(model => model.Contact, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Contact, "", new { @class = "text-danger" })
<
/div>
<
/div>
<
div class="form-group">
<
div class="col-md-offset-2 col-md-10">
<
input type="submit" value="http://www.srcmini.com/Create" class="btn btn-default" />
<
/div>
<
/div>
<
/div>
}
<
div>
@Html.ActionLink("Back to List", "Index")
<
/div>
输出:
执行索引文件时,将产生以下输出。
文章图片
推荐阅读
- asp.net mvc模型
- asp.net mvc动作过滤器
- asp.net mvc的动作action
- asp.net mvc动作选择器
- asp.net mvc控制器
- asp.net mvc项目
- asp.net mvc教程
- asp.net web表单验证摘要
- asp.net web表单必选字段验证器