Easy UI 支持移动端例子
登录系统时,需要判断是移动端登录还是PC端登录。
1. 判断移动端登录的java code。
package org.jeecgframework.core.util;import javax.servlet.http.HttpServletRequest; public class HttpRequestDeviceUtils { /**Wap网关Via头信息中特有的描述信息*/ private static String mobileGateWayHeaders[]=new String[]{ "ZXWAP",//中兴提供的wap网关的via信息,例如:Via=ZXWAP GateWayZTE Technologies, "chinamobile.com",//中国移动的诺基亚wap网关,例如:Via=WTP/1.1 GDSZ-PB-GW003-WAP07.gd.chinamobile.com (Nokia WAP Gateway 4.1 CD1/ECD13_D/4.1.04) "monternet.com",//移动梦网的网关,例如:Via=WTP/1.1 BJBJ-PS-WAP1-GW08.bj1.monternet.com. (Nokia WAP Gateway 4.1 CD1/ECD13_E/4.1.05) "infoX",//华为提供的wap网关,例如:Via=HTTP/1.1 GDGZ-PS-GW011-WAP2 (infoX-WISG Huawei Technologies),或Via=infoX WAP Gateway V300R001 Huawei Technologies "XMS 724Solutions HTG",//国外电信运营商的wap网关,不知道是哪一家 "wap.lizongbo.com",//自己测试时模拟的头信息 "Bytemobile",//貌似是一个给移动互联网提供解决方案提高网络运行效率的,例如:Via=1.1 Bytemobile OSN WebProxy/5.1 }; /**电脑上的IE或Firefox浏览器等的User-Agent关键词*/ private static String[] pcHeaders=new String[]{ "Windows 98", "Windows ME", "Windows 2000", "Windows XP", "Windows NT", "Ubuntu" }; /**手机浏览器的User-Agent里的关键词*/ private static String[] mobileUserAgents=new String[]{ "Nokia",//诺基亚,有山寨机也写这个的,总还算是手机,Mozilla/5.0 (Nokia5800 XpressMusic)UC AppleWebkit(like Gecko) Safari/530 "SAMSUNG",//三星手机 SAMSUNG-GT-B7722/1.0+SHP/VPP/R5+Dolfin/1.5+Nextreaming+SMM-MMS/1.2.0+profile/MIDP-2.1+configuration/CLDC-1.1 "MIDP-2",//j2me2.0,Mozilla/5.0 (SymbianOS/9.3; U; Series60/3.2 NokiaE75-1 /110.48.125 Profile/MIDP-2.1 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML like Gecko) Safari/413 "CLDC1.1",//M600/MIDP2.0/CLDC1.1/Screen-240X320 "SymbianOS",//塞班系统的, "MAUI",//MTK山寨机默认ua "UNTRUSTED/1.0",//疑似山寨机的ua,基本可以确定还是手机 "Windows CE",//Windows CE,Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11) "iPhone",//iPhone是否也转wap?不管它,先区分出来再说。Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; zh-cn) AppleWebKit/532.9 (KHTML like Gecko) Mobile/8B117 "iPad",//iPad的ua,Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; zh-cn) AppleWebKit/531.21.10 (KHTML like Gecko) Version/4.0.4 Mobile/7B367 Safari/531.21.10 "Android",//Android是否也转wap?Mozilla/5.0 (Linux; U; Android 2.1-update1; zh-cn; XT800 Build/TITA_M2_16.22.7) AppleWebKit/530.17 (KHTML like Gecko) Version/4.0 Mobile Safari/530.17 "BlackBerry",//BlackBerry8310/2.7.0.106-4.5.0.182 "UCWEB",//ucweb是否只给wap页面? Nokia5800 XpressMusic/UCWEB7.5.0.66/50/999 "ucweb",//小写的ucweb貌似是uc的代理服务器Mozilla/6.0 (compatible; MSIE 6.0;) Opera ucweb-squid "BREW",//很奇怪的ua,例如:REW-Applet/0x20068888 (BREW/3.1.5.20; DeviceId: 40105; Lang: zhcn) ucweb-squid "J2ME",//很奇怪的ua,只有J2ME四个字母 "YULONG",//宇龙手机,YULONG-CoolpadN68/10.14 IPANEL/2.0 CTC/1.0 "YuLong",//还是宇龙 "COOLPAD",//宇龙酷派YL-COOLPADS100/08.10.S100 POLARIS/2.9 CTC/1.0 "TIANYU",//天语手机TIANYU-KTOUCH/V209/MIDP2.0/CLDC1.1/Screen-240X320 "TY-",//天语,TY-F6229/701116_6215_V0230 JUPITOR/2.2 CTC/1.0 "K-Touch",//还是天语K-Touch_N2200_CMCC/TBG110022_1223_V0801 MTK/6223 Release/30.07.2008 Browser/WAP2.0 "Haier",//海尔手机,Haier-HG-M217_CMCC/3.0 Release/12.1.2007 Browser/WAP2.0 "DOPOD",//多普达手机 "Lenovo",// 联想手机,Lenovo-P650WG/S100 LMP/LML Release/2010.02.22 Profile/MIDP2.0 Configuration/CLDC1.1 "LENOVO",// 联想手机,比如:LENOVO-P780/176A "HUAQIN",//华勤手机 "AIGO-",//爱国者居然也出过手机,AIGO-800C/2.04 TMSS-BROWSER/1.0.0 CTC/1.0 "CTC/1.0",//含义不明 "CTC/2.0",//含义不明 "CMCC",//移动定制手机,K-Touch_N2200_CMCC/TBG110022_1223_V0801 MTK/6223 Release/30.07.2008 Browser/WAP2.0 "DAXIAN",//大显手机DAXIAN X180 UP.Browser/6.2.3.2(GUI) MMP/2.0 "MOT-",//摩托罗拉,MOT-MOTOROKRE6/1.0 LinuxOS/2.4.20 Release/8.4.2006 Browser/Opera8.00 Profile/MIDP2.0 Configuration/CLDC1.1 Software/R533_G_11.10.54R "SonyEricsson",// 索爱手机,SonyEricssonP990i/R100 Mozilla/4.0 (compatible; MSIE 6.0; Symbian OS; 405) Opera 8.65 [zh-CN] "GIONEE",//金立手机 "HTC",//HTC手机 "ZTE",//中兴手机,ZTE-A211/P109A2V1.0.0/WAP2.0 Profile "HUAWEI",//华为手机, "webOS",//palm手机,Mozilla/5.0 (webOS/1.4.5; U; zh-CN) AppleWebKit/532.2 (KHTML like Gecko) Version/1.0 Safari/532.2 Pre/1.0 "GoBrowser",//3g GoBrowser.User-Agent=Nokia5230/GoBrowser/2.0.290 Safari "IEMobile",//Windows CE手机自带浏览器, "WAP2.0"//支持wap 2.0的 }; /** * 根据当前请求的特征,判断该请求是否来自手机终端,主要检测特殊的头信息,以及user-Agent这个header * @param request http请求 * @return 如果命中手机特征规则,则返回对应的特征字符串 */ public static boolean isMobileDevice(HttpServletRequest request){ boolean pcFlag = false; boolean mobileFlag = false; String via = request.getHeader("Via"); String userAgent = request.getHeader("user-agent"); for (int i = 0; via!=null && !via.trim().equals("") && i < mobileGateWayHeaders.length; i++) { if(via.contains(mobileGateWayHeaders[i])){ mobileFlag = true; break; } } for (int i = 0;!mobileFlag && userAgent!=null && !userAgent.trim().equals("") && i < mobileUserAgents.length; i++) { if(userAgent.contains(mobileUserAgents[i])){ mobileFlag = true; break; } } for (int i = 0; userAgent!=null && !userAgent.trim().equals("") && i < pcHeaders.length; i++) { if(userAgent.contains(pcHeaders[i])){ pcFlag = true; } } if(mobileFlag==true && mobileFlag!=pcFlag){ return true; } return false; }
}
2. 在登录时,判断是否是移动端,只需要这样写。
if(HttpRequestDeviceUtils.isMobileDevice(request)){//具体的逻辑.....}
3. 登录成功之后,Easy UI 使用 c:forEach 循环输出数据。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%><head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head><body><div data-role="page"><div data-role="header"><h1>JEECG</h1><div data-role="navbar"><ul><li><a href="loginController.do?login" data-icon="home">首页</a></li><li><a href="loginController.do?logout">注销</a></li></ul></div></div><div data-role="content"><h2>简历信息表</h2><a href="jformResumeInfoController.do?goAdd" data-role="button" target="_blank">录入</a><ol data-role="listview" data-inset="true" data-filter="true"><c:forEach items="${jformResumeInfoEntityList}" var="poVal"><li><a href="jformResumeInfoController.do?goUpdate&id=${poVal.id}" target="_blank">${poVal.name},${poVal.sex},${poVal.birthday},${poVal.telnum},${poVal.email},${poVal.degree},${poVal.workyear},${poVal.residence},${poVal.salary},${poVal.workPlace},${poVal.workType},${poVal.arrivalTime},${poVal.introduction},${poVal.jformResumeExpInfoEntity.beginDate},${poVal.jformResumeExpInfoEntity.endDate},${poVal.jformResumeExpInfoEntity.companyName},${poVal.jformResumeExpInfoEntity.departName},${poVal.jformResumeExpInfoEntity.post},${poVal.jformResumeExpInfoEntity.experience}</a></li></c:forEach></ol></div></div>
</body>
Easy UI 支持移动端例子相关推荐
- 二开苹果CMS视频网站模板源码下载+支持双端/UI黑金高端
正文: 二开苹果CMS视频网站模板+支持双端/UI黑金高端高端,兼容性和面向场景: 1.Windows 平台: IIS/Apache + PHP(5.6+) + MySQL(5.5+) 2.Linux ...
- 第四十四课:jQuery UI和jQuery easy UI
jQuery UI是jQuery官方提供的功能效果和UI样式.作为官方出的东西,它一直没有被人们看重,一是它没有datagrid,tree等UI库必备的东西,二是它修改太过频繁,体积庞大.其实它所有以 ...
- 最简单的基于FFmpeg的移动端例子:Windows Phone HelloWorld
===================================================== 最简单的基于FFmpeg的移动端例子系列文章列表: 最简单的基于FFmpeg的移动端例子:A ...
- 7个jquery easy ui 基本组件图解
下面给出7个jquery easy ui 基本组件: 1 基本面板 <!DOCTYPE html> <html> <head><meta charset=&q ...
- siwper vue 上下滑动分页_支持移动端的vue滑动轮播图插件vueswiper
一款支持移动端的vue滑动轮播图插件vueswiper,演示页面给出了5中范例:基本例子.垂直滚动.不定宽度.无缝循环滚动.多层级滚动,每一种都可以通过鼠标拖动图片来滑动,可以点击按钮来增加页面查看效 ...
- 最简单的基于FFmpeg的移动端例子:IOS HelloWorld
===================================================== 最简单的基于FFmpeg的移动端例子系列文章列表: 最简单的基于FFmpeg的移动端例子:A ...
- 最简单的基于FFmpeg的移动端例子附件:SDL Android HelloWorld
===================================================== 最简单的基于FFmpeg的移动端例子系列文章列表: 最简单的基于FFmpeg的移动端例子:A ...
- 最简单的基于FFmpeg的移动端例子:Android HelloWorld
===================================================== 最简单的基于FFmpeg的移动端例子系列文章列表: 最简单的基于FFmpeg的移动端例子:A ...
- Unity 读取DICOM文件,并支持移动端
本文参考网上大神的源码,在此基础上修改,适配Unity,并支持移动端,本文代码支持安卓端,ios端请各位自行适配,原理不变,只是在数据读取的方法上可以有点区别. 大神原贴:医学影像调窗技术 - ass ...
最新文章
- R语言apply族函数
- C++——构造函数(拷贝构造,拷贝复制),析构函数,操作符重载
- JavaScript两个变量交换值(不使用临时变量)
- 第十五周项目一-程序填空(范型程序设计)
- NYOJ 23 取石子
- qlineedit文本改变时_行文本编辑框QLineEdit及自动补全
- github的基础使用
- 【渝粤题库】国家开放大学2021春1026西方经济学(本)题目
- 数据结构笔记(三十六)-- 插入排序与直接插入排序
- 直播教程 || 虚拟直播设备清单分享,建议收藏~
- C++解析XML文件
- わたしたちの田村くん
- [SSL_CHX][2022-02-23]进制转换
- python 文字快闪视频制作
- Mac升级Catalina,根目录下无法创建个人文件夹
- 写给即将毕业的同学们
- 网络营销中的几个常见基本术语
- MIT协议是干什么的?底层原理是什么?
- coursera python web_一步步爬取Coursera课程资源
- java烟弹,heets烟弹乌克兰版本