ASP.NET MVC使用相同的控制器分隔移动视图

Question

我正在使用ASP.NET MVC 3 w/Razor开发一个新项目,并开发同一站点的2个不同视图,完整版和移动版.使用相同控制器的最佳实践/方法是什么,但是根据用户代理显示不同的视图？我应该在控制器中处理这个吗？看起来很麻烦,多余,容易出错,每个控制器操作中的if语句检查用户代理,然后根据其设备返回不同的视图.

Answer 1

现在可以使用ASP.NET MVC的内置功能(从版本4开始)称为" DisplayModes "来实现

默认情况下,ASP.NET MVC内置两种显示模式.有默认的显示模式,它可以像往常一样呈现"标准"视图,并且还有一个通用的"移动"显示模式.

这通过检测客户端设备是否是移动浏览器来工作(其本身通过嗅探客户端设备的用户代理字符串来确定,因此不是100%可靠).如果确定设备是移动设备,则覆盖发送到客户端的实际MVC视图,并且替代地呈现并发送替代视图.在包含移动显示模式的情况下,它被配置为查找后缀为.mobile.cshtml而不是的视图.cshtml(如下面的屏幕截图所示)

这允许您设计完全不同的视图,这些视图将被发送到移动设备与非移动设备,而无需对控制器逻辑进行任何更改,因此您不需要在其中包含任何条件逻辑.

如果您需要对发送到客户端设备的确切视图进行更细粒度的控制,则整个显示模式功能是可配置和可扩展的.您可以定义自己的显示模式(通常在"应用程序启动"中执行),这些模式可以特定于给定的浏览器,给定设备或您希望的任何任意定义.所有这些都基于来自客户端设备的用户代理字符串.

请考虑下面的代码片段,其中显示了在Application Start方法中为Windows Phone,iPhone和Android添加3个其他自定义显示模式:

protected void Application_Start()
{   
    DisplayModeProvider.Instance.Modes.Insert(0, new DefaultDisplayMode("WP")
    {
        ContextCondition = (context => context.GetOverriddenUserAgent().
            IndexOf("Windows Phone OS",StringComparison.OrdinalIgnoreCase) >= 0)
    });

    DisplayModeProvider.Instance.Modes.Insert(1, new DefaultDisplayMode("iPhone")
    {
        ContextCondition = (context => context.GetOverriddenUserAgent().
            IndexOf("iPhone", StringComparison.OrdinalIgnoreCase) >= 0)
    });

    DisplayModeProvider.Instance.Modes.Insert(2, new DefaultDisplayMode("Android")
    {
        ContextCondition = (context => context.GetOverriddenUserAgent().
            IndexOf("Android", StringComparison.OrdinalIgnoreCase) >= 0)
    });
}

为每个显示模式提供ID和要与用户代理字符串匹配的字符串,以确定是否要使用此显示模式.如果是,则DisplayModeProvider将查找具有相同字符串后缀的View.(即对于上面的iPhone显示模式,我们希望在用户代理字符串中的任何位置找到字符串"iPhone",如果存在,我们使用此显示模式,该模式使用iphone.cshtml后缀而不是.cshtml后缀呈现视图.

您可以在此处阅读有关此功能的更多信息:http: //www.asp.net/mvc/overview/older-versions/aspnet-mvc-4-mobile-features, 具体在"覆盖视图,布局和部分视图"部分中"和"浏览器特定视图".