从头学习MVC4基础之视图
实例一:首先简单显示实例:
控制器代码:
public class WujyTestController : Controller
{
public ActionResult Index()
{
List<UserInfo> list = new List<UserInfo>() {
new UserInfo(){ Name="wujy", PassWord="", Age=, BrithDay=DateTime.Now, Sex=true},
new UserInfo(){Name="zyb", PassWord="", Age=, BrithDay=DateTime.Now, Sex=false}
};
return View(list);
}
}
视图显示如下:
@model IEnumerable<FirstMvcTest.Models.UserInfo>
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
@foreach (var item in Model)
{
<h1>
姓名:@item.Name 年龄:@item.BrithDay
性别:@(item.Sex?"男生":"女生")
</h1>
}
实例二:表单的简单运用
控制器代码:
public ActionResult TestSearch()
{
return View();
} public ActionResult Search(string Name)
{
UserInfo model=new UserInfo();
List<UserInfo> list = new List<UserInfo>() {
new UserInfo(){ Name="ybs", PassWord="", Age=, BrithDay=DateTime.Now, Sex=true},
new UserInfo(){ Name="wujy", PassWord="", Age=, BrithDay=DateTime.Now, Sex=true},
new UserInfo(){Name="zyb", PassWord="", Age=, BrithDay=DateTime.Now, Sex=false}
};
if (!string.IsNullOrEmpty(Name))
{
model = list.Find(u => u.Name.Contains(Name));
}
return View(model);
}
提交视图显示:
@{
ViewBag.Title = "TestSearch";
}
@using (Html.BeginForm("Search", "WujyTest", FormMethod.Get))
{
@Html.TextBox("Name", "wujy")
<input type="submit" value="提交"/>
}
结果显示视图:
@model FirstMvcTest.Models.UserInfo
@{
ViewBag.Title = "Search";
}
<h1>符合要求:</h1>
@if (Model != null)
{
@Model.Name
}
注意:BeginForm运用
@using (Html.BeginForm("Search", "WujyTest", FormMethod.Get, new { target="_blank",@class="editForm",data_validatable=true}))
{
@Html.Label("搜索的姓名:") @Html.TextBox("Name", "wujy")
<input type="submit" value="提交"/>
}
生成为:
<form action="/WujyTest/Search" class="editForm" data-validatable="True" method="get" target="_blank">
<input id="Name" name="Name" type="text" value="wujy" />
<input type="submit" value="提交"/>
</form>
其中data-validatable="True" 在C#符号-连字符的属性名是无效的,所以辅助方法在渲HTML时会将属性名中的下划线转换为连字符;
从头学习MVC4基础之视图的更多相关文章
- 一步步学习javascript基础篇(0):开篇索引
索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...
- Scala的安装,入门,学习,基础
1:Scala的官方网址:http://www.scala-lang.org/ 推荐学习教程:http://www.runoob.com/scala/scala-tutorial.html Scala ...
- Spring实战第六章学习笔记————渲染Web视图
Spring实战第六章学习笔记----渲染Web视图 理解视图解析 在之前所编写的控制器方法都没有直接产生浏览器所需的HTML.这些方法只是将一些数据传入到模型中然后再将模型传递给一个用来渲染的视图. ...
- 一步步学习javascript基础篇(3):Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- JavaScript学习02 基础语法
JavaScript学习02 基础语法 JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括: 各种算术运算符.比较运算符.逻辑运算符: if else语句.s ...
- jQuery学习笔记 - 基础知识扫盲入门篇
jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...
- Python3学习(1)-基础篇
Python3学习(1)-基础篇 Python3学习(2)-中级篇 Python3学习(3)-高级篇 安装(MAC) 直接运行: brew install python3 输入:python3 --v ...
- Cocoa Drawing Guide学习part1——基础和图形上下文 (转)
原文:http://noark9.github.io/2013/12/28/cocoa-drawing-guide-study-part-1/ 简介 cocoa drawing由AppKit提供并且也 ...
- Ant学习-001-ant 基础知识及windows环境配置
一.Ant 概要基础知识 Apache Ant 是一个将软件编译.测试.部署等步骤联系在一起加以自动化的一个工具,大多用于Java环境中的软件开发,用以构建应用,或结合其他开源测试工具例如 git.T ...
随机推荐
- [BZOJ1799][AHOI2009]同类分布(数位DP)
1799: [Ahoi2009]self 同类分布 Time Limit: 50 Sec Memory Limit: 64 MBSubmit: 1635 Solved: 728[Submit][S ...
- Week Two
2018.12.3: 1.[BZOJ 4819] 2.[BZOJ 4827] 3.[P1919] 4.[FFT模板] 2018.12.4: 1.[NTT] 2.[MTT(CRT)] 3.[MTT(my ...
- PHP -- 函数基础入门
FROM : http://www.cnblogs.com/kym/archive/2010/02/14/1668300.html, http://www.cnblogs.com/kym/archiv ...
- Spring bean配置继承
在 Spring,继承是用为支持bean设置一个 bean 来分享共同的值,属性或配置. 一个子 bean 或继承的bean可以继承其父 bean 的配置,属性和一些属性.另外,子 Bean 允许覆盖 ...
- Skip-External-Locking – MySQL性能参数详解
MySQL的配置文件my.cnf中默认存在一行skip-external-locking的参数,即“跳过外部锁定”.根据MySQL开发网站的官方解释,External-locking用于多进程条件下为 ...
- Linux中/proc目录下文件详解(转贴)
转载:http://www.sudu.cn/info/index.php?op=article&id=302529 Linux中/proc目录下文件详解(一) 声明:可以自由转载本文, ...
- Netty Channel 接口名词理解
1.Channel channel 是负责数据读,写的对象,有点类似于老的io里面的stream.它和stream的区别,channel是双向的,既可以write 也可以read,而stream要分o ...
- 解决kylin查询报错:org.apache.kylin.rest.exception.InternalErrorException
报错信息: -- ::, ERROR [Query 12e9c054-760c---b1f06724c9b6-] service.QueryService: : Exception when exec ...
- 基于 Node.js 的轻量「持续集成」工具 CIZE
CIZE 是什么? CIZE 是一个「持续集成」工具,希望能让开发人员更快捷的搭建一个完整.可靠.便捷的 CI 服务. 甚至可以像 Gulp 或 Grunt 一样,仅仅通过一个 cizefile.js ...
- 数学图形(2.5)Loxodrome曲线
这也是一种贴在球上的曲线 #http://www.mathcurve.com/courbes3d/loxodromie/sphereloxodromie.shtml vertices = 1000 t ...