从头学习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 ...
随机推荐
- FFT(快速傅里叶变换)
学习了FFT用来求多项式的乘法,看了算导上的介绍,上面讲的非常明白,概括一下FFT的原理就是,我们在计算多项式的乘法时,如果暴力模拟的话是n^2 复杂度的,就像小学学的竖式乘法一样,比如一个n位数乘上 ...
- python开发_filecmp
filecmp模块用于比较文件及文件夹的内容,它是一个轻量级的工具,使用非常简单.python标准库还提供了difflib模块用于比较文件的内容.关于difflib模块,且听下回分解. filecmp ...
- [转]Intel haxm安装失败问题解决
在安装Intel haxm为安卓模拟器加速时,会遇到提示VT-X未开启问题,问题提示如下图 工具/原料 Intel haxm 安卓模拟器 方法/步骤 1 确认你的处理器是否是Intel的,如果是AMD ...
- leetcode47. Permutations II
leetcode47. Permutations II 题意: 给定可能包含重复的数字的集合,返回所有可能的唯一排列. 思路: 这题全排列两种写法. 用hash表记录已经visit的数字,虽然看起来很 ...
- Swify闭包
闭包:是字包含的匿名函数代码块,可以做为表达式.函数参数和函数返回值,闭包表达式的运算结果是一种函数类型.类似于 C# Lambda 表达式. 闭包表达式: {(参数列表)->返回类型 in 语 ...
- iOS开发系列--音频播放、录音、
音频 在iOS中音频播放从形式上可以分为音效播放和音乐播放.前者主要指的是一些短音频播放,通常作为点缀音频,对于这类音频不需要进行进度.循环等控制.后者指的是一些较长的音频,通常是主音频,对于这些音频 ...
- Registering DLL and ActiveX controls from code
http://delphi.about.com/od/windowsshellapi/l/aa040803a.htm How to register (and unregister) OLE cont ...
- crtmpserver 在VS2010下的build
Make sure that you have administrative privileges before doing the following steps.1. 下载并安装(Microso ...
- 【JS】 JS毫秒值转化为正常格式 或者正常格式转化为毫秒值
1.毫秒值转化为正常时间格式 最简单的方法 new Date(后台传来的毫秒值).toLocaleDateString() 就是这个样子 2.毫秒值转化为自定义的时间格式 本页面重写一下 toLo ...
- Appium+python自动化13-native和webview切换
前言 现在大部分app都是混合式的native+webview,对应native上的元素通过uiautomatorviewer很容易定位到,webview上的元素就无法识别了. 一.识别webview ...