ASP.NET MVC5 入门三——添加视图

在上一篇《ASP.NET MVC5 添加控制器》里面我们都是直接返回string 字符串或者html 。这样的话控制器不仅仅做了控制器的工作还做了VIEW(视图)的工作。通常我们不希望控制器直接返回HTML,因为那样子复杂的页面就会非常繁琐,所以我们通常会用一个单独的视图模板文件来辅助生产对应的html响应报文返回客户端。

接下来我们就来看看如何添加视图,先修改上篇博客的那个例子,我们来修改HelloWorldController类,这样才能让view的模板文件来封装要返回的html响应报文。

image

首先,创建一个视图文件夹 HelloWorld 。右键单击(view)——》添加——》新建文件夹。

image

注意名字一定要是 HelloWorld 因为控制器名字是 HelloWorldController 控制器必须是Controller结尾,视图文件夹的名字必须和控制器除了结尾的部分一样。也就是“约定优于配置”的理念。

image

接下来添加一个支架,选择 MVC5 视图—空 不带模型

image

点击添加,弹出的对话框把视图名字(View name)改为 Index 。其他保持默认然后确定。

image

可以看到多了一个 Index.cshtml的文件。在上面的</h2>后面添加如下的html代码:

<p>这是一个View模板,来自于:HelloWorld下面的Index视图!</p>

然后在index.cshtml文件上面右键,选择在页面检查器中查看。当然也可以按下F5进行运行,在浏览器地址栏输入地址进行查看。

image

但浏览器的地址发到服务器的时候,服务器解析给控制器,然后控制器里面只有一句 return View()语句,指定返回一个视图模板文件给浏览器,我们没有写指定什么名字的视图,默认就是Index。

继续阅读“ASP.NET MVC5 入门三——添加视图”