mvc传值到视图模板页

mvc传值到视图模板页
竭诚为您提供优质文档/双击可除mvc传值到视图模板页
篇一：【mVc】javascript代码中获取视图模型的数据
【mVc】
javascript代码中获取视图模型的数据
懂点mVc的人都知道mVc的机制是访问contoller下的action，由action组织好页面需要的数据然后返回视图（returnView()/returnpartialView()）或数据（returncontent(“blah”)/returnjson(…)），有的时候返回视图的同时连带返回数据以供页面使用
（returnView(model)）。

其实controller与View之间的传值有很多形式啦，除了传统的Retrun语句向页面返回数据，还可以通过Viewdata，Viewbag等。

它们的使用在Razor句法与非Razor句法中稍
有不同。

比如妳新建一个mVc程序，在初始的home/indexaction 里而，就有如下代码：
publicactionResultindex()
{
Viewbag.message="/doc/7716808405 .html,mVc!";
returnView();
}
其中通过Viewbag向页面传送一句文本。

那么在页面，我们通过直接书写相同的系统变量名称来访问：
再看看Viewdata
，比如我把刚才通过Viewbag
传送的值通过Viewdata来完成。

所以在home/index这个action里而，修改代码如下：
publicactionResultindex()
{
//Viewbag.message="/doc/77168084 05.html,mVc!";
Viewdata["message"]="/doc/7716808 405.html,mVc!!";
returnView();
}
它是以数组的形式，随便取了个游标名以便访问数据，这里定义了一个名为“message”的文本保存到了Viewdata 里而。

然后在页面，同样使用相同的语句来访问：
]%>
如果想传递多个变量，直接书写另一个变量就行，然后
在页面访问变量名获取数据。

有意思的是，貌似Viewbag和Viewdata其实是同种东
西的不同表示，比如我们定义：
publicactionResultindex()
{
Viewbag.message="Viewbag.message";
returnView();
}
在页面，既可以通过Viewbag的句法来访问，也可以通过Viewdata的句法来访问。

反之亦可。

但其实上面这些都不是本文我想说的，下面进入主题，如果在javascript
代码
中访问这些数据，进一步说，如何访问由action
传到页面的数据。

在由包围的脚本代码中，自然想到用相同的语法来访问。

我们用Viewdata进行传递:
publicactionResultindex()
{
Viewdata["message"]="datafromserver.";
returnView();
}
然后在js代码中，看起来应该是这样子的：
$(function(){
vardata= ]%>;
})
然后一运行发现报错，
但神奇的是我们已经完成任务了。

但其实仔细看是不正确的，因为等号后面的语句，不是正常的javascript语句。

那为了避免报错同时使代码正常，我们需要用引号将它包起来，所以看起来应该是这样子的：
vardata=;
篇二：mVc实例入门(经典推荐)
mVc实例入门
初次学习/doc/7716808405.html,mVc，因此简单的记录一下自己的学习过程和经历，以便后面学习参考，同时也为后来者做出自己的一点点贡献。

第一步：创建一个新的mVc4项目。

打开Vs20xx，在“文件”菜单下选择“新建”下拉菜单下的“项目”，在弹出的“新建项目”对话框中选择[web]选项卡，选择[/doc/7716808405.html,mVc4web应用程序]，在名称里输入：
myFirstmvcapplication，点击确定，即完成项目的新建。

在稍后弹出的“选择模板”中选择【基本】，然后点击确定，即完成一个mVc项目的创建。

如下图所示：
默认情况下的项目结构如图所示：
创建完成后，我们可以发现，新建项目的同时创建了一个与之同
名的解决方案。

mVc默认情况下，在新建项目的同时创建一个解决方案。

开发者可以在解决方案中任意添加项目。

新建完成时，我们可以看到controllers文件夹、models 文件夹下都是空的，什么也没有；Views文件夹下默认有个shared文件夹。

mVc文件夹介绍可以参看《/doc/7716808405.html,mVc–经典入门教程(推荐阅读)》。

备注：所有mVc应用程序中的文件夹名称都是相等的。

mVc框架基于默认的命名。

控制器位于controllers文件夹，视图位于Views文件夹，模型位于models文件夹。

您不必在应用程序代码中使用文件夹名称。

标准化的命名减少了代码量，同时有利于开发者对mVc 项目的理解。

下面是对每个文件夹内容的简要描述：
1.app_data文件夹
app_data文件夹用于存储应用程序数据。

我们将在本教程稍后的章节向app_data文件夹添加sql 数据库。

2.content文件夹
content文件夹用于静态文件，比如样式表（css文件）、图表和图像。

Visualwebdeveloper会自动向content文件夹添加一个themes 文件夹。

这个themes文件夹存放jquery样式和图片。

在这个项目中，您可以删除这个主题文件夹。

Visualwebdeveloper同时向项目添加标准的样式表文件：content文件夹中的文件site.css。

这个样式表文件是您希望改变应用程序样式时需要编辑的文件。

我们将在本教程的下一章中编辑这个样式表文件(site.css)。

3.controllers文件夹
controllers文件夹包含负责处理用户输入和响应的控制器类。

mVc要求所有控制器文件的名称以"controller"结尾。

Visualwebdeveloper已创建好一个home控制器（用于首页和关于页面）以及一个account控制器（用于登录页面）：我们将在本
教程稍后的章节创建更多控制器。

4.models文件夹
models文件夹包含表示应用程序模型的类。

模型存有并操作应用程序的数据。

我们将在本教程稍后的章节创建模型（类）。

5.Views文件夹
Views文件夹存有与应用程序的显示相关的html文件
（用户界面）。

Views文件夹中含有每个控制器对于的一个文件夹。

Visualwebdeveloper已创建了一个account文件夹、一个home 文件夹、一个shared文件夹（在Views文件夹内）。

account文件夹包含用于注册并登录用户帐户的页面。

home文件夹用于存储诸如首页和关于页之类的应用程序页面。

shared文件夹用于存储控制器间分享的视图（模板页和布局页）。

6.scripts文件夹
scripts文件夹存储应用程序的javascript文件。

默认地，Visualwebdeveloper在这个文件夹中放置标准的mVc、ajax以及jquery文件：
注释：文件"modernizr"是用于在应用程序中支持html5和css3的javascript文件。

第二步：在models文件夹下添加类。

操作如图所示：
model文件夹下有一个c#person.cs文件，在其中添加代码如下：usingsystem;
usingsystem.collections.generic;
usingsystem.linq;
usingsystem.web;
//这里的namespace名与所创建的项目程序名相同
namespacemvcapplication1.models
{
//创建一个person类
publicclassperson
{
privatestringaddr;//声明一个字符串类型的addr字段publicstringname//声明一个name属性
{
get;
set;
}
publicstringaddress;//声明一个address属性{
get
{
returnthis.addr;
}
set
{
this.addr=value;
}
}。