MVC 【Razor 视图引擎】基础操作 --页面跳转,传值,表单提交
ASPX 与 Razor 仅仅是视图不一样。
新建项目----ASP.NET MVC 4 Web 应用程序------选择模板(空)、视图引擎(Razor )
1、视图中 c# 代码 与 HTML 的转换
@ using 命名空间 引用命名空间形式
----------------------------------------------------------------
@{
一堆 c# 代码 ,能自动识别c# 与HTML
}
-----------------------------------------------------------------
@(一句c# 代码)
--有时 直接 一个 @ 不用括号也可
-----------------------------------------------------------------
@: 将冒号后面转换成文本或HTML
-----------------------------------------------------------------
2、页面跳转
<a href =" / Home/ Idsert "> </a>
--以 “/” 开头表示从根目录下找
--------------------------------------------------------------------------------
@Html.ActionLink("添加hehe", "Insert", "Home")
(“显示的文本”,“动作名”,“控制器名”)
@Html.ActionLink("修改", "Update/" + u.Ids, "Home")
-- 传值跳转 传u.Ids
---------------------------------------------------------------------------------
<input type="button" value="添加新用户" id="btn1" />
<script type="text/javascript">
document.getElementById("btn1").onclick = function () {
window.location.href = " @Url.Action("Insert", "Home") ";
}
</script>
-- 普通按钮提交跳转
-- href 后面跟字符串
---------------------------------------------------------------------------------
3、传值
只能由控制器的动作传到本动作的视图
ViewBag 传值
ViewBag.变量=值
传: ViewBag.a= u ;
收: <% Users u = ViewBag.a %>
ViewData 传值
传: ViewData [ " a "] = u ;
收: Users uu = ViewData [ " a "] as Users
----------------------------------------------------------------------------------------------------
全局变量传值 ,能夸控制器传值
Session 传值
传: session [ " a " ]= s ;
收: string s = session[ " a " ].Tostring( )
Cookies 传值
传: Response.Cookies["aa"].Value = s;
收:string ss = Request.Cookies["aa"].Value;
TempData 传值
传: TempData["a"] =" 用户名密码错误" ;
收: string s = TempData["a"] ;
-- 使用一次自动清空
----------------------------------------------------------------------------------------------------
强类型
return View(u);
-- 直接由视图传递值,
-- 一个视图页面中只能有一个强类型数据对象;
传:
public ActionResult Update(string id)
{
Users u = new UsersData().SelectUser(id);
if (u != null)
{
return View(u);
}
else
{
return RedirectToAction("index", "Home");
}
}
收:
@model Users
-- 声明传进来的强类型的数据类型
-- 放在上方,model 都小写,后面没有分号;
@Model.NickName
-- 取值时 Model M用大写
--------------------------------------------------------------------------------------------
4、表单
(1)普通按钮,非标单按钮提交
<div>
<h1>添加新用户</h1> @{ using (Html.BeginForm("Insert1", "Home", "post")) { @:用户名:<input type="text" name="username" /><br />
@:密码:<input type="text" name="password" /><br />
@:昵称:<input type="text" name="nickname" /><br />
@:性别:
<input type="radio" value="True" id="r1" name="sex" checked="checked" /><label for="r1">男</label>
<input type="radio" value="False" id="r2" name="sex" /><label for="r2">女</label>
<br />
@:生日:<input type="text" name="birthday" /><br />
@:民族:
<select name="nation">
@{
List<UserNation> unlist = new UserNationData().SelectAll(); foreach (UserNation un in unlist)
{
<option value="@un.NationCode">@un.NationName</option>
} }
</select>
<br /> <div id="div1" style="width: 100px; height: 100px; background-color: red;">保存</div> <input type="button" value="保存" id="btn1" /> }
} </div> <script type="text/javascript"> document.getElementById("div1").onclick = function () {
this.parentNode.submit();
//点击div时 提交 }
document.getElementById("btn1").onclick = function () {
this.form.submit(); } //普通按钮提交 </script>
(2)多表单提交
@{using (Html.BeginForm("JiaFa", "Home", "post"))
{
string s=""; <input type="text" name="t1" />
<input type="text" name="t2" /> if(TempData["jg"]!= null )
{
s=TempData["jg"].ToString();
} <input type="text" name="t3" value ="@s" /> <input type="submit" value="加法" />
<input type="submit" id="btn2" value="减法" /> }
}
--------------------------------表单部分 <script type ="text/javascript" >
document.getElementById("btn2").onclick = function () { this.form.action = "@Url.Action("JianFa","Home") "; }; </script>
--------------------------------js 部分 public ActionResult JiaFa(string t1, string t2)
{
TempData["jg"] = Convert.ToInt32(t1) + Convert.ToInt32(t2);
return RedirectToAction("Test1", "Home");
} public ActionResult JianFa(string t1, string t2)
{
TempData["jg"] = Convert.ToInt32(t1) - Convert.ToInt32(t2);
return RedirectToAction("Test1", "Home");
}
------------------------------------------控制器部分
--此例中,表单默认提交到 JiaFa 动作中
点击 “减法” 按钮时,通过 js 改变表单提交的动作
MVC 【Razor 视图引擎】基础操作 --页面跳转,传值,表单提交的更多相关文章
- Razor视图引擎基础语法
在VS2010中新建一个MVC3项目可以看出与以往的MVC2发生了很明显的变化 1.ASP.NET MVC3必要的运行环境为.NET 4.0 (想在3.5用MVC3,没门!) 2.默认MVC3模板项目 ...
- ASP.NET MVC3 Razor视图引擎-基础语法
I:ASP.NET MVC3在Visual Studio 2010中的变化 在VS2010中新建一个MVC3项目可以看出与以往的MVC2发生了很明显的变化. 1.ASP.NET MVC3必要的运行环境 ...
- (转)ASP.NET MVC3 Razor视图引擎-基础语法
转自:http://kb.cnblogs.com/page/96883/ I:ASP.NET MVC3在Visual Studio 2010中的变化 在VS2010中新建一个MVC3项目可以看出与以往 ...
- ASP.NET MVC3 系列教程 - Razor视图引擎基础语法
http://www.cnblogs.com/highend/archive/2011/04/09/aspnet_mvc3_razor_engine.html 4. 关于所有带"_" ...
- ASP.NET MVC——Razor视图引擎
Razor是MVC框架视图引擎,我们今天就来说一说Razor视图引擎. 首先还是来创建一个基础项目叫Razor来演示. 先来定义一个Model叫Product public class Product ...
- ASP.NET MVC Razor视图引擎攻略
--引子 看下面一段MVC 2.0的代码. <%if (Model != null){%> <p><%=Model%></p><%}%>&l ...
- ASP.NET WEB应用程序(.network4.5)MVC Razor视图引擎2 视图模板页
https://www.cnblogs.com/xlhblogs/archive/2013/06/09/3129449.html MVC Razor模板引擎 @RenderBody.@RenderPa ...
- MVC Razor视图引擎
Razor 不是编程语言.它是服务器端标记语言. Razor 是一种允许您向网页中嵌入基于服务器的代码(Visual Basic 和 C#)的标记语法 当网页被写入浏览器时,基于服务器的代码能够创建动 ...
- ASP.NET WEB应用程序(.network4.5)MVC Razor视图引擎2
https://www.bbsmax.com/A/gAJG67OXzZ/ 在MVC3.0版本的时候,微软终于引入了第二种模板引擎:Razor.在这之前,我们一直在使用WebForm时代沿留下来的ASP ...
随机推荐
- FastJSON基础
对象的类型 json文本 json数组 json对象 java对象 类型的转换 json文本 转 json对象 JSON.parseObject(str) json文本 ...
- Ubuntu 14.04 LTS 下使用校园网客户端DrclientLinux
原先博客放弃使用,几篇文章搬运过来 下载客户端并解压 安装开发包 sudo -i dpkg --add-architecture i386 #添加32位的支持 apt-get update apt-g ...
- hdu 4022 Bombing
Bombing Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 65768/65768 K (Java/Others)Total Sub ...
- ubuntu16.04下使用navicat连接docker mysql5.7.20
摘要: 本文将介绍如何使用docker创建mysql容器,并使用navicat连接该mysql服务,最后提供一个navicat中文乱码问题的解决方案. docker的安装和使用在这里不再赘述,如果不是 ...
- 说说xgboost算法
xgboost算法最近真是越来越火,趁着这个浪头,我们在最近一次的精准营销活动中,也使用了xgboost算法对某产品签约行为进行预测和营销,取得了不错的效果.说到xgboost,不得不说它的两大优势, ...
- 背水一战 Windows 10 (89) - 文件系统: 读写文本数据, 读写二进制数据, 读写流数据
[源码下载] 背水一战 Windows 10 (89) - 文件系统: 读写文本数据, 读写二进制数据, 读写流数据 作者:webabcd 介绍背水一战 Windows 10 之 文件系统 读写文本数 ...
- 47_并发编程-线程python实现
一.Threading模块 1.线程的创建 - 方式一 from threading import Thread import time def sayhi(name): time.sleep(2 ...
- 一道面试题(C语言)
题:输入一个数,列出所有加和等于该数的式子. 分析: 以 6 为例: 从上面的分析就比较容易找到规律了. C语言代码: #include <stdio.h> int main() { in ...
- APK防护——Anti_Virtual App的思路和实现
作者:HAI_i 原文来自:https://bbs.ichunqiu.com/thread-42982-1-1.html 0×00 前言 Virtual App是一个很强大的存在,破坏了Android ...
- Shell-15--sed