从头学习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 ...
随机推荐
- luogu P1011 车站
题目描述 火车从始发站(称为第1站)开出,在始发站上车的人数为a,然后到达第2站,在第2站有人上.下车,但上.下车的人数相同,因此在第2站开出时(即在到达第3站之前)车上的人数保持为a人.从第3站起( ...
- Nginx 502 Bad Gateway 解决方法
proxy_next_upstream error timeout invalid_header http_500 http_503;或者尝试设置:large_client_header_buffer ...
- 【8.30校内测试】【找规律模拟】【DP】【二分+贪心】
对于和规律或者数学有关的题真的束手无策啊QAQ 首先发现两个性质: 1.不管中间怎么碰撞,所有蚂蚁的相对位置不会改变,即后面的蚂蚁不会超过前面的蚂蚁或者落后更后面的蚂蚁. 2.因为所有蚂蚁速度一样,不 ...
- HDU 5652 India and China Origins 二分+并查集
India and China Origins 题目连接: http://acm.hdu.edu.cn/showproblem.php?pid=5652 Description A long time ...
- linux基础命令学习(一)系统的关机、重启以及注销
1.shutdown shutdown 参数说明: [-t] 在改变到其它runlevel之前﹐告诉init多久以后关机. [-r] 重启计算器[reboot]. [-k] 并不真正关机﹐只是送警告信 ...
- mysqldump之字符集问题解决
最近导数据的需求真多,年底了大家都要做分析吗?近期使用mysqldump导出的中文出现乱码问题. mysqldump -uroot -ppassword -S /tmp/mysql9991.sock ...
- Chrome无法播放m3u8格式的直播视频流的问题解决
出国,然后安装这个插件即可:Native HLS Playback https://chrome.google.com/webstore/detail/native-hls-playback/emnp ...
- Ubuntu 16.04开启SFTP服务
说明:其实只要安装了SSH服务就已经具备了SFTP功能,这个用普通客户端无法连接,只能用支持SFTP协议的客户端才能连接. FileZilla作为FTP客户端,它也可以连接SFTP,SFTP的监听端口 ...
- Get just enough boost voltage - current-mirror circuit - VOUT tracks VIN varies
Adding a current-mirror circuit to a typical boost circuit allows you to select the amount of boost ...
- Android源码大放送之material design类型
本文转载自:http://www.apkbus.com/android-243232-1-1.html 鉴于大家对源码的渴望,就算自己辛苦一点也要满足大家的需求,查看了几百个源码之后终于筛选出了这些精 ...