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的结合应用.