实例一:首先简单显示实例:

控制器代码:

    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基础之视图的更多相关文章

  1. 一步步学习javascript基础篇(0):开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  2. Scala的安装,入门,学习,基础

    1:Scala的官方网址:http://www.scala-lang.org/ 推荐学习教程:http://www.runoob.com/scala/scala-tutorial.html Scala ...

  3. Spring实战第六章学习笔记————渲染Web视图

    Spring实战第六章学习笔记----渲染Web视图 理解视图解析 在之前所编写的控制器方法都没有直接产生浏览器所需的HTML.这些方法只是将一些数据传入到模型中然后再将模型传递给一个用来渲染的视图. ...

  4. 一步步学习javascript基础篇(3):Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

  5. JavaScript学习02 基础语法

    JavaScript学习02 基础语法 JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括: 各种算术运算符.比较运算符.逻辑运算符: if else语句.s ...

  6. jQuery学习笔记 - 基础知识扫盲入门篇

    jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...

  7. Python3学习(1)-基础篇

    Python3学习(1)-基础篇 Python3学习(2)-中级篇 Python3学习(3)-高级篇 安装(MAC) 直接运行: brew install python3 输入:python3 --v ...

  8. Cocoa Drawing Guide学习part1——基础和图形上下文 (转)

    原文:http://noark9.github.io/2013/12/28/cocoa-drawing-guide-study-part-1/ 简介 cocoa drawing由AppKit提供并且也 ...

  9. Ant学习-001-ant 基础知识及windows环境配置

    一.Ant 概要基础知识 Apache Ant 是一个将软件编译.测试.部署等步骤联系在一起加以自动化的一个工具,大多用于Java环境中的软件开发,用以构建应用,或结合其他开源测试工具例如 git.T ...

随机推荐

  1. WC2018伪题解

    NOIP分数过低的场外选手,一个月之后才有幸膜到这套卷子.感觉题目质量很不错啊,可惜了T1乱搞可过,T2题目出锅非集训队员没有通知到,导致风评大幅被害. 感觉Cu的话随手写两个暴力就稳了,Ag的话T3 ...

  2. Python字典树实现

    class Trie: # word_end = -1 def __init__(self): """ Initialize your data structure he ...

  3. Dubbo整合SpringCloud图片显示问题

    Dubbo整合SpringCloud图片显示问题 Tips:公司项目,记录一点经验吧,理解的不对的地方欢迎大神指点 问题:商品图片上传功能(公司没有专门文件服务器)写的保存目录直接是保存在docker ...

  4. bzoj 3595

    Splay 每个节点维护一个区间. /************************************************************** Problem: 3595 User ...

  5. HDU 5670 Machine 水题

    Machine 题目连接: http://acm.hdu.edu.cn/showproblem.php?pid=5670 Description There is a machine with m(2 ...

  6. input输入框限制输入英文,数字,汉字

    <h1>js验证输入框内容</h1><br /><br /> 只能输入英文<input type="text" onkeyup ...

  7. DiscuzX2.5 程序底层架构

    程序底层架构 • 要求PHP版本大于5.1,抛弃了对PHP4的支持 • 大量使用了面向对象编程(OOP) • 实现了程序运程过程中按需加载,按需加载主要是针对类文件 • 对目录名.文件名和类名的要求 ...

  8. linux 升级系统内核linux-4.10版本

    http://blog.csdn.net/steven_liwen/article/details/68487241

  9. 【java web】java运行预编译Groovy脚本

    在JVM中执行Groovy类有两种方式: 使用Groovy编译全部的*.groovy为java的*.class文件,把这些*.class文件放在java类路径中,通过java类载入器来载入这些类. 通 ...

  10. @Redis Desktop Manager无法连接虚拟机中启动的redis服务问题解决

    Redis Desktop Manager下载地址 https://redisdesktop.com/download 安装好以后连接linux服务器上的Redis服务器错误: 问题排查: 1.检查R ...