• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ASP.NET MVC4入门教程(三):添加一个视图

    在本节中,您需要修改HelloWorldController类,从而使用视图模板文件,干净优雅的封装生成返回到客户端浏览器HTML的过程。

    您将创建一个视图模板文件,其中使用了ASP.NET MVC 3所引入的Razor视图引擎。Razor视图模板文件使用.cshtml文件扩展名,并提供了一个优雅的方式来使用C#语言创建所要输出的HTML。用Razor编写一个视图模板文件时,将所需的字符和键盘敲击数量降到了最低,并实现了快速,流畅的编码工作流程。

    当前在控制器类中的Index方法返回了一个硬编码的字符串。更改Index方法返回一个View对象,如下面的示例代码:

    public ActionResult Index() { return View(); }

    上面的Index方法使用一个视图模板来生成一个HTML返回给浏览器。控制器的方法(也被称为action method(操作方法) ),如上面的Index方法,一般返回一个ActionResult(或从ActionResult所继承的类型),而不是原始的类型,如字符串。

    在该项目中,您可以使用的Index方法来添加一个视图模板。要做到这一点,在Index方法中单击鼠标右键,然后单击“ 添加视图“。

    出现添加视图对话框。保留缺省值,并单击添加按钮:

    您可以在解决方案资源管理器中看到MvcMovie\HelloWorld文件夹和已被创建的MvcMovie\View\HelloWorld\Index.cshtml文件:

    下图显示了已被创建的Index.cshtml文件:

    在h2>标签后面添加以下HTML。

    复制代码 代码如下:
    p>Hello from our View Template!/p>

    完整的MvcMovie\HelloWorld\Index.cshtml文件如下所示。

    复制代码 代码如下:
    @{
        ViewBag.Title = "Index";
    }
    h2>Index/h2>
    p>Hello from our View Template!/p>

    注:如果您使用的是Internet Explorer 9,您将看不到在上面用黄色高亮标记的p>Hello from our View Template!/p>,单击“兼容性视图”按钮, 在IE浏览器中,图标会从变为纯色的图标。另外,您也可以在Firefox或Chrome查看本教程。

    如果您正在使用Visual Studio 2012,在解决方案资源管理器中,右键单击Index.cshtml文件,并选择“ 在页面检查器中查看“。

    您可能感兴趣的文章:
    • ASP.NET MVC 控制器与视图
    • ASP.NET MVC从控制器传递数据到视图的四种方式详解
    • ASP.NET MVC中的视图生成实例分析
    • ASP.NET MVC从视图传参到控制器的几种形式
    • asp.net core mvc权限控制:在视图中控制操作权限
    • 详解使用asp.net mvc部分视图渲染html
    • asp.net mvc4 mysql制作简单分页组件(部分视图)
    • ASP.NET MVC中分部视图的应用方法
    上一篇:ASP.NET MVC4入门教程(二):添加一个控制器
    下一篇:ASP.NET MVC4入门教程(四):添加一个模型
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    ASP.NET MVC4入门教程(三):添加一个视图 ASP.NET,MVC4,入门教程,三,