springmvc 实现pc端手机端适配（同一个请求根据不同客户端展示不同界面）

向右看齐 2021-12-22 00:47 413阅读 0赞

转自：https://my.oschina.net/scipio/blog/477854

主要解决两个问题：  
A、对于mobile的请求和pc端的请求，自动使用不同的模板目录  
B、对于返回json还是返回ftl，由springMVC自己判断，controller方法只写一个

### 1、maven依赖 ###

<dependency>
              <groupId>org.springframework.mobile</groupId>
              <artifactId>spring-mobile-device</artifactId>
              <version>1.1.0.RELEASE</version>
          </dependency>

### 2、配置多内容版本 ###

<bean class="org.springframework.web.servlet.view.ContentNegotiatingViewResolver">
    
            <property name="defaultContentType" value="text/html" />
    
            <property name="mediaTypes">
                <map>
                    
                    <entry key="json" value="application/json" />
                </map>
            </property>
    
            <property name="viewResolvers">
                <list>
                    <ref bean="liteDeviceDelegatingViewResolver" />
                </list>
            </property>
    
            <property name="defaultViews">
                <list>
                    
                    <bean class="com.yami.infrastructure.jsonview.AppJsonView">
                    </bean>
                </list>
            </property>
        </bean>

配置.json的请求返回json，其他返回view

### 3、配置viewResolver ###

<bean id="liteDeviceDelegatingViewResolver" class="org.springframework.mobile.device.view.LiteDeviceDelegatingViewResolver">
            <constructor-arg>
                <bean class="org.springframework.web.servlet.view.freemarker.FreeMarkerViewResolver">
                    <property name="contentType" value="text/html; charset=UTF-8"/>
                    <property name="cache" value="true"/>
                    <property name="prefix" value=""/>
                    <property name="suffix" value=".ftl"/>
                    <property name="exposeSpringMacroHelpers" value="true"/>
                    <property name="exposeRequestAttributes" value="true"/>
                    <property name="exposeSessionAttributes" value="true"/>
                    <property name="requestContextAttribute" value="request"/>
                </bean>
            </constructor-arg>
            
            <property name="mobilePrefix" value="mobile/"/>
            <property name="tabletPrefix" value="tablet/"/>
            <property name="enableFallback" value="true"/>
        </bean>

配置mobile来的请求ftl的走mobile目录下模板

### 4、配置device判断 ###

<mvc:annotation-driven>
            <mvc:argument-resolvers>
                
                <bean class="org.springframework.mobile.device.DeviceWebArgumentResolver" />
                
                <bean class="org.springframework.mobile.device.site.SitePreferenceWebArgumentResolver" />
            </mvc:argument-resolvers>
        </mvc:annotation-driven>
    
        <bean id="deviceResolverHandlerInterceptor" class="org.springframework.mobile.device.DeviceResolverHandlerInterceptor" />
        <bean id="sitePreferenceHandlerInterceptor" class="org.springframework.mobile.device.site.SitePreferenceHandlerInterceptor" />
        <mvc:interceptors>
            <ref bean="deviceResolverHandlerInterceptor" />
            <ref bean="sitePreferenceHandlerInterceptor" />
        </mvc:interceptors>

5.测试

/*
     * Copyright 2008-2018 shopxx.net. All rights reserved.
     * Support: http://www.shopxx.net
     * License: http://www.shopxx.net/license
     * FileId: mFgPu27MEMKx2FdJguKD8D8/mA79BmNG
     */
    package net.shopxx.controller.shop;
    
    import javax.inject.Inject;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.ModelMap;
    import org.springframework.web.bind.annotation.GetMapping;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    import net.shopxx.service.ProductCategoryService;
    
    /**
     * Controller - 商品分类
     * 
     * @author SHOP++ Team
     * @version 6.1
     */
    @Controller("shopProductCategoryController")
    @RequestMapping("/product_category")
    public class ProductCategoryController extends BaseController {
    
        @Inject
        private ProductCategoryService productCategoryService;
    
        /**
         * 首页
         */
        @GetMapping
        public String index(ModelMap model) {
            model.addAttribute("rootProductCategories", productCategoryService.findRoots(5,0));
            return "shop/product_category/index";
            //手机端过来执行了 return "shop/product_category/index" 但是最后实际走的是 return "mobile/shop/product_category/index"
        }
        
        @GetMapping("pointCategory")
        public String pointCategory(ModelMap model) {
            model.addAttribute("rootProductCategories", productCategoryService.findRoots(5,1));
            return "shop/product_category/index_point";
        }

**注意：**

//手机端过来执行了 return "shop/product_category/index" 但是最后实际走的是 return "mobile/shop/product_category/index"，也就是说你的mobile目录下要包含这样一个目录文件：

shop/product_category/index，index其实是一个index.ftl文件

转载于:https://www.cnblogs.com/longsanshi/p/10820912.html