demo项目开发笔录（web和mobile）

最新推荐文章于 2022-12-22 20:51:55 发布

原创最新推荐文章于 2022-12-22 20:51:55 发布 · 311 阅读

0 ·

CC 4.0 BY-SA版权

java 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种通过判断用户代理来区分移动设备和PC端请求的方法，并展示了如何根据不同的请求类型呈现定制化的网页布局。文章还提供了具体的Java代码实现，包括如何检查User-Agent字符串以及如何调整视图路径。

笔者在demo里使用的样式文件是w3.css，支持响应式，但笔者前端能力有限，并不能一次编写统一使用，于是对访问作了判断，并删减了移动端页面的部分内容。

一、判断是移动端还是PC端的请求：

package com.gcc.modules.untils;

/**
 * Created by gcc on 2018/5/4.
 */
public class IsMobileUtil {
    private final static String[] agent = { "Android", "iPhone", "iPod","iPad", "Windows Phone", "MQQBrowser" }; //定义移动端请求的所有可能类型
    /**
     * 判断User-Agent 是不是来自于手机,false则是web
     * @param ua
     * @return
     */
    public static boolean checkAgentIsMobile(String ua) {
        boolean flag = false;
        if (!ua.contains("Windows NT") || (ua.contains("Windows NT") && ua.contains("compatible; MSIE 9.0;"))) {
            // 排除 苹果桌面系统
            if (!ua.contains("Windows NT") && !ua.contains("Macintosh")) {
                for (String item : agent) {
                    if (ua.contains(item)) {
                        flag = true;
                        break;
                    }
                }
            }
        }
        return flag;
    }
}

二、判断后，修改view

    /**
     * 首页
     * @param model
     * @return
     */
    @RequestMapping("index")
    public String index(Model model, HttpServletRequest request){

        String userAgent = request.getHeader("User-Agent");
        String view = "modules/frontstage/index";
        if(IsMobileUtil.checkAgentIsMobile(userAgent)){
            view="modules/frontstage/mobile/indexMobile";
        }

        String typeId = request.getParameter("typeId");
//        String id = request.getParameter("id");
        String pagination = request.getParameter("pagination");
        String flag = request.getParameter("flag");
        Map<String,Object> commentMap=indexService.getList(typeId,pagination,flag);
        model.addAttribute("articleList",commentMap.get("articleList"));
        model.addAttribute("pagination",commentMap.get("pagination"));
        List<ArticleType> articleTypeList=articleTypeService.getTypeList();
        model.addAttribute("articleTypeList",articleTypeList);
        model.addAttribute("typeId",typeId);
        return view;
    }

注：userAgent值示例：