ASP.NET MVC 实践之路 之四 使用View来创建页面

使用View来创建页面

 

前面的首个站点的HomeController中的Index方法输出一个纯文本到浏览器中，但是在现实中ASP.NET MVC使用的是View模板来生成HTML文档来展示页面到浏览器的。下面我们将在HomeController中新建一个名为Hello的方法，使用View来生成页面。在HomeController中加入Hello方法的代码。

public class HomeController : Controller
    {
        public ActionResult Hello()
        {
            return View();
        }
    }

ASP.NET MVC框架与Visual Studio继承的很好，我们在Hello方法里点击鼠标右键，弹出的上下文菜单中选择Add View。

这个时候将弹出Add View对话框。默认情况下，View的名字都是与Action的名字对应的，这样便于将来的站点维护，我们接受自动生成的名字Hello。对话框中的Create a partial view是用来创建局部视图的选项，Create a strongly-typed view是用来创建一个强类型视图，这两个我们后面还会详细讲到，这里先略过。我们接受使用默认的master page（母版页），点击Add。

Visual Studio自动在项目的Views/Home目录里生成了一个名为Hello.aspx的页面。

我们将Hello.aspx页面的内容修改如下。

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Hello</h2>
    <body>
        Hello, ASP.NET MVC (from the view)!
    </body>
</asp:Content>

然后我们按F5运行，然后在地址栏中输入http://{yoursite}/home/hello，可以看到使用View生成的页面效果。