MVC5学习系列——添加视图

MVC5学习笔记，其实就是敲了一遍官网代码，官网地址：http://www.asp.net/mvc
接着上一篇MVC5学习系列——HelloWorld，这次我们添加真正的页面——视图（*.cshtml）,再添加视图之前我们还原HomeController.cs的代码：

public class HomeController : Controller
{
//public string Index()
//{
//    return "这是我的第一个MVC5应用程序！";
//}

//public string Index(string id)
//{
//    return "参数ID为：" + id;
//}

//public string Index(string p1, int id)
//{
//    return "参数p1为：" + p1 + "<br/>id为：" + id;
//}

//public string Index(string p1, int id=0)
//{
//    return "参数p1为：" + p1 + "<br/>id为：" + id;
//}

//public string Welcome()
//{
//    return "嗨，我来自Welcome方法！";
//}

// GET: Home
public ActionResult Index()
{
return View();
}
}

然后，添加视图：







将创建好的视图，我们稍作修改，修改页面Title、添加点内容，然后调试：



哈哈，这次比较顺利。
下面我们看看如何从视图是如何获取控制器的值的,修改控制器代码：

// GET: Home
public ActionResult Index(string name, int numTimes = 1)
{
ViewData["Message"] = "Hello " + name;
ViewData["NumTimes"] = numTimes;
return View();
}

在视图上添加代码：

<ul>
@for (int i = 0; i < (int)ViewData["NumTimes"]; i++)
{
<li>@ViewData["Message"]</li>
}
</ul>

直接调试，界面如下：



切换url地址：http://localhost:63743/Home/Index?name=qq&numTimes=8 如下图：



到此，添加视图结束，谢谢！