从头学习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 ...
随机推荐
- POJ1741 Tree 树分治模板
http://poj.org/problem?id=1741 题意:一棵n个点的树,每条边有距离v,求该树中距离小于等于k的点的对数. dis[y]表示点y到根x的距离,v代表根到子树根的距离 ...
- HDU 1057 What Are You Talking About trie树 简单
http://acm.hdu.edu.cn/showproblem.php?pid=1075 题意 : 给一个单词表然后给一些单词,要求翻译单词表中有的单词,没有则直接输出原单词. 翻译文段部分get ...
- Android UI设计规范之知识点
界面尺寸 android的尺寸众多,建议使用分辨率为720×1280的尺寸设计.这个尺寸720×1280中显示完美,在1080×1920中看起来也比较清晰;切图后的图片文件大小也适中,应用的内存消耗也 ...
- [QSCOJ39]喵哈哈村的代码传说 第五章 找规律
题目大意: 给你n堆排,两人轮流对其中一堆牌进行以下操作之一: 1.从这堆牌中取出任意数量的牌: 2.将这这堆牌分为任意大小的3堆牌. 不能操作者负. 问先手是否有必胜策略. 思路: 尝试构造sg函数 ...
- c# -- Form1_Load()不被执行的三个解决方法
我的第一个c#练习程序,果然又出现问题了...在Form1_Load() not work.估计我的人品又出现问题了. 下面实现的功能很简单,就是声明一个label1然后,把它初始化赋值为hello, ...
- [转]Jquery实现页面定时跳转
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 蓝屏代码详解(更新WIN7蓝屏代码)
6位代码含意 0 0x0000 作业完成. 1 0x0001 不正确的函数. 2 0x0002 系统找不到指定的档案. 3 0x0003 系统找不到指定的路径. 4 0x0004 系统无法开启 ...
- Linear regulator=low-cost dc/dc converter
The circuit in Figure 1 is a good choice if you need a power supply with high efficiency and you don ...
- spingBoot-自定义过滤器
package com.cx.springboot.filters; import java.io.IOException; import javax.servlet.Filter; import j ...
- docker和虚拟化技术的区别
1.docker和虚拟化技术的区别 Docker 扩展了 Linux 容器(Linux Containers),或着说 LXC,通过一个高层次的 API 为进程单独提供了一个轻量级的虚拟环境.Dock ...