spring mobile简单试用

spring mobile 是spring新推出的一个用于支持移动浏览的小框架,用起来很简单,和spring mvc结合也很方便。


首先建立一个spring mvc的工程


然后,在pom.xml中添加spring mobile的支持

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

修改servlet-content.xml

	<!-- Enables the Spring MVC @Controller programming model -->
	<annotation-driven>
		<argument-resolvers>
			<beans:bean
				class="org.springframework.mobile.device.DeviceWebArgumentResolver" />
			<beans:bean
				class="org.springframework.mobile.device.site.SitePreferenceWebArgumentResolver" />
		</argument-resolvers>
	</annotation-driven>

	<interceptors>
		<!-- On pre-handle, resolve the device that originated the web request -->
		<beans:bean
			class="org.springframework.mobile.device.DeviceResolverHandlerInterceptor" />
		<!-- On pre-handle, manage the user's site preference (declare after DeviceResolverHandlerInterceptor) -->
		<beans:bean
			class="org.springframework.mobile.device.site.SitePreferenceHandlerInterceptor" />
	</interceptors>

	<!-- Handles HTTP GET requests for /resources/** by efficiently serving 
		up static resources in the ${webappRoot}/resources directory -->
	<resources mapping="/resources/**" location="/resources/" />

	<!-- Resolves views selected for rendering by @Controllers to .jsp resources 
		in the /WEB-INF/views directory -->
		<beans:bean class="org.springframework.mobile.device.view.LiteDeviceDelegatingViewResolver">
		<beans:constructor-arg>
			<beans:bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
				<beans:property name="prefix" value="/WEB-INF/views/" />
				<beans:property name="suffix" value=".jsp" />
			</beans:bean>
		</beans:constructor-arg>
		<beans:property name="enableFallback" value="true" />
		<beans:property name="mobilePrefix" value="mobile/" />
		<beans:property name="tabletPrefix" value="tablet/" />
	</beans:bean>

然后在views目录下,新增两个目录:mobile和tablet。拷贝home.jsp页面进去。


为了区分,分别修改3个home.jsp,如下

home.jsp

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<html>
<head>
	<title>Home</title>
</head>
<body>
<h1>
	Hello world!  
</h1>
<P>  This is normal. </P>
<P>  The time on the server is ${serverTime}. </P>
</body>
</html>

moblie/home.jsp

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<html>
<head>
	<title>Home</title>
</head>
<body>
<h1>
	Hello world!  
</h1>
<P>  This is mobile. </P>
<P>  The time on the server is ${serverTime}. </P>
</body>
</html>

tablet/home.jsp

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<html>
<head>
	<title>Home</title>
</head>
<body>
<h1>
	Hello world!  
</h1>
<P>  This is tablet. </P>
<P>  The time on the server is ${serverTime}. </P>
</body>
</html>

这样就完成了,容易吧。

当检测到时手机访问的时候,会自动将view映射到moblie目录下,当检测到平板访问的时候会将view映射到tablet目录下,其他时候,映射到根目录下。

这是电脑访问的样子


这是手机访问的样子

很方便呢。spring mobile还提供了其他的几种方式,在官网有个例子的链接,很直观。https://github.com/spring-projects/spring-mobile-samples




  • 5
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值