分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

Net学习日记_ASP.Net_MVC_HtmlHelper_笔记

发布时间:2023-09-06 01:35责任编辑:苏小强关键词:MVC

一、HtmlHepler

1.ActionLink() 

动态生成 超链接:根据路由规则,生成对应的 html 代码。

//1.注册路由信息routes.MapRoute( ???name: "Default", ???url: "{controller}_aa/{action}.html/{id}", ???defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional });//2.在试图上创建 超链接<a href="/Home/Heaven">去天堂</a><br />@Html.ActionLink("去天堂吧","heaven", "Home")//3.在浏览器看到的生成结果<a href="/Home/Heaven">去天堂</a><br /><a href="/Home_aa/heaven.html">去天堂吧</a>

2.BeginForm()

//1.在视图中 创建 表单@using (Html.BeginForm("add", "home", FormMethod.Post, new { id="form1" })){ }//2.生成的html代码<form action="/home/add.html" id="form1" method="post"> ???????文章标题:</form>

补充:

//直接 在视图中 @ 调用有返回值的方法,就已经相当于是将返回值 写入 Response了@Html.Label("ATitle")//相当于下面代码@{ ???Response.Write(Html.Label("ATitle"));}

3.Lable()等生成 html 标签方法

 注:所有的方法 都默认 去 视图的 Model 属性所储存的对象 中 查找匹配属性

//1.为实体类 添加 特性 DisplayNamepublic partial class BlogArticle{ ???[DisplayName("文章标题")] ???public string ATitle { get; set; }}//2.在Action方法中,为视图 的 Model 设置值public ActionResult Add(){ ???return View(new Models.BlogArticle() { ATitle="哇哈哈哈~~!" });}//3.在视图中,通过 html的帮助方法,生成 html 标签,同时指定,要读取的 属性名@Html.Label("Atitle")//4.生成对应的 html标签,并自动读取了 对应属性 的 DisplayName 里的文本。<label for="Atitle">文章标题</label>

4.强类型的Html标签方法

强类型方法,直接 通过 lambda表达式,去试图的 Model属性对象中 查找对应的属性数据

4.1普通强类型方法(通过不同方法生成不同html标签)

//1.视图上调用方法@Html.TextBoxFor(a=> a.ATitle)//2.生成的html代码<input class="text-box single-line" id="ATitle" name="ATitle" type="text" value="哇哈哈哈~~!"/>

4.2超强强类型方法(通过 属性的 DataType特性生成html标签)

//1.在实体类中 为 AContent 属性设置 DataType特性,指定为 多行文本框public partial class BlogArticle{ ???[DataType(System.ComponentModel.DataAnnotations.DataType.MultilineText)]public string AContent { get; set; }}//2.视图上 自动根据model对象里属性保存的 实体类 属性 的 [DataType] 特性里指定的类型生成对应的html标签@Html.EditorFor(a=> a.ATitle)//3.生成html代码<textarea class="text-box multi-line" id="AContent" name="AContent"></textarea>

Net学习日记_ASP.Net_MVC_HtmlHelper_笔记

原文地址:https://www.cnblogs.com/lisong-home/p/8257051.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved