.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

相关文章
|
2月前
|
前端开发 Java 数据库
springBoot:template engine&自定义一个mvc&后端给前端传数据&增删改查 (三)
本文介绍了如何自定义一个 MVC 框架,包括后端向前端传递数据、前后端代理配置、实现增删改查功能以及分页查询。详细展示了代码示例,从配置文件到控制器、服务层和数据访问层的实现,帮助开发者快速理解和应用。
|
3月前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
43 7
|
3月前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
63 0
|
4月前
|
JSON 前端开发 Java
Spring MVC返回JSON数据
综上所述,Spring MVC提供了灵活、强大的方式来支持返回JSON数据,从直接使用 `@ResponseBody`及 `@RestController`注解,到通过配置消息转换器和异常处理器,开发人员可以根据具体需求选择合适的实现方式。
170 4
|
4月前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
49 0
|
4月前
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?
|
4月前
|
开发框架 .NET
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
129 0
|
5月前
|
前端开发 Java Spring
Spring MVC中使用ModelAndView传递数据
Spring MVC中使用ModelAndView传递数据
|
6月前
|
设计模式 前端开发 安全
理解最常用的MVC分层模型及其变种
【6月更文挑战第24天】 本文介绍架构模式如MVC、MVVM和MVP是解决软件结构问题的通用方案。。每种模式有其优缺点,适用场景不同。
380 0
理解最常用的MVC分层模型及其变种
|
6月前
|
前端开发
Spring-MVC的数据响应-19
Spring-MVC的数据响应-19

热门文章

最新文章

下一篇
无影云桌面