2016-AspNet-MVC教学-4-动态表格页面的基本测试-1

1.启动Dreamweaver创建一个类似下面界面的表格:



第二步:新建一个Asp.net MVC4 Project  Basic类型,添加Home控制器以及View文件Index.cshtml:

Index.cshtml代码如下,其中表格代码从Dreamweaver复制的,并进行了修改:

@{
ViewBag.Title = "Index";
int iRows=60;
int iAge;
Random rd = new Random();
char r1;
char r2;
}

<h2>Index</h2>
<table width="200" border="1" cellspacing="5" cellpadding="0">
<tr>
<th bgcolor="#FF00FF">ID</th>
<th bgcolor="#FF00FF">Name</th>
<th bgcolor="#FF00FF">Age</th>
</tr>
@{
for(int i=1;i<=iRows;i++)
{

iAge=rd.Next(18, 22);
r1 = Convert.ToChar((int)'H' + iAge);
r2 = Convert.ToChar((int)'A' + iAge);
<tr>
<td>@i</td>
<td>@r1@r2</td>
<td>@iAge</td>
</tr>
}
}

</table>

编译,运行,查看动态效果。

小结:在View 中,我们也可以采用服务后台C#代码进行编程.前台Html代码与后台代码可以相互结合.也就是说,除了在Controller中写C#后台代码,也可以在View中写后台代码.当然,一般情况下,View中的后台代码越少越好.不过,我们需要知道有这个技术.在上述代码中,有随机函数,字符处理函数的应用以及Dreamweaver的结合应用.