.NET MVC第五章、模型绑定获取表单数据

简介: .NET MVC第五章、模型绑定获取表单数据

Html.ActionLink超链接

输出超链接使用的HTML辅助方法是Html.ActionLink,常见的有以下3种写法:

@Html.ActionLink("超链接1","函数名称")
@Html.ActionLink("超链接2","函数名称","控制器名称")
@Html.ActionLink("超链接3","函数名称", new { userName = "admin", age = 12 })

Html.ActionLink示例

控制器

public ActionResult Index(string userName,int? age=2)
{
    ViewBag.userName = userName;
    ViewBag.age = age;
    return View();
}

视图层


@Html.ActionLink("超链接1", "Index")
<hr />
@Html.ActionLink("超链接2", "Index", "Test")
<hr />
@Html.ActionLink("超链接3", "Index", new { userName = "admin", age = 12 })
<hr/>
@ViewBag.userName
<br/>
@ViewBag.age

效果:


链接1、2直接访问,在url上可以看到,并且age的默认值是2,链接3显示admin与age的12,说明超链接符合预期。


image.png


HTML辅助方法生成表单


image.png

image.png

示例


控制器

[HttpPost]
public ActionResult GetForm(string userName,string pwd,string sex,String []likes, string age,string introduce) {
    string info = "";
    info += userName+"<br/>";
    info += pwd + "<br/>";
    info += sex + "<br/>";
    foreach (string l in likes) {
        info += l + "<br/>";
    }
    info += age + "<br/>";
    info += introduce + "<br/>";
    TempData["show"] = info;
    return Redirect("~/Test/Index");
}

视图层


@{
    ViewBag.Title = "Index";
}
<h2>超链接</h2>
<hr />
<form action="~/Test/GetForm" method="post">
    <fieldset>
        <legend>表单</legend>
        <hr />
        <p>
            @Html.TextBox("userName", "", new { @placeholder = "请输入用户名" })
        </p>
        <p>
            @Html.TextBox("pwd", "", new { @placeholder = "请输入用密码" })
        </p>
        <p>
            @Html.RadioButton("sex", "男") 男
            @Html.RadioButton("sex", "女") 女
        </p>
        <p>
            @Html.CheckBox("likes", "0") 健身
            @Html.CheckBox("likes", "1") 交友
            @Html.CheckBox("likes", "2") 蹦迪
        </p>
        <p>
            @Html.DropDownList("age",
           new List<SelectListItem> {
               new SelectListItem { Text = "22岁", Value = "22" } ,
               new SelectListItem { Text = "23岁", Value = "23" } ,
               new SelectListItem { Text = "24岁", Value = "24" }
           }
            , new { @class = "form-control" })
        </p>
        <p>
            @Html.TextArea("introduce")
        </p>
        <p>
            <input type="submit" value="提交" class="btn btn-block btn-primary" />
        </p>
    </fieldset>
</form>
<hr />
@TempData["show"]


image.png

相关文章
|
6月前
|
存储 设计模式 前端开发
QTChart实现柱状图的mvc模型
QTChart实现柱状图的mvc模型
87 1
|
4月前
|
前端开发 Java Spring
Spring MVC拦截器+注解方式实现防止表单重复提交
Spring MVC拦截器+注解方式实现防止表单重复提交
|
10天前
|
机器学习/深度学习 编解码 并行计算
SegNetr来啦 | 超越UNeXit/U-Net/U-Net++/SegNet,精度更高模型更小的UNet家族
SegNetr来啦 | 超越UNeXit/U-Net/U-Net++/SegNet,精度更高模型更小的UNet家族
26 0
|
3月前
|
设计模式 JSON 前端开发
Spring MVC 详解(连接、获取参数、返回数据)
Spring MVC 详解(连接、获取参数、返回数据)
|
3月前
|
算法 数据库 计算机视觉
【计算机视觉】FCN、Seg-Net、U-Net模型进行图像分割实战(附源码和数据集 超详细必看)
【计算机视觉】FCN、Seg-Net、U-Net模型进行图像分割实战(附源码和数据集 超详细必看)
45 1
|
3月前
|
存储 前端开发 Java
Spring Boot中Spring MVC的表单标签库与数据绑定讲解与实战(附源码 超详细必看)
Spring Boot中Spring MVC的表单标签库与数据绑定讲解与实战(附源码 超详细必看)
26 0
|
3月前
|
前端开发 JavaScript Java
让你了解什么是spring MVC模型数据(附大量代码)
让你了解什么是spring MVC模型数据(附大量代码)
40 0
|
4月前
|
开发框架 前端开发 API
私有化部署大模型:5个.Net开源项目
私有化部署大模型:5个.Net开源项目
51 0
|
6月前
|
前端开发
MVC模型
MVC模型
30 0
|
6月前
|
JSON 数据格式
.NET Core - 配置绑定:使用强类型对象承载配置数据
.NET Core - 配置绑定:使用强类型对象承载配置数据

热门文章

最新文章

相关产品

  • 云迁移中心