过滤器八:过滤器案例:利用过滤器解决多端设备自动适配;

本篇博客介绍在项目中,过滤器的一个经典应用场景

目录

一:问题引入:

二:具体案例

1.准备工作:

2.编写Filter:DeviceAdapter,并在web.xml中配置;

3.效果:

4.案例的总结


过滤器案例:多端设备自动适配:

一:问题引入:

智能设备的种类越来越多,应用的界面在开发设计的时候就需要考虑到不同的终端,界面就至少要开发两套:PC端和手机端;

即同一个网站在不同的设备上,展示的效果是不同的;

可以设想,在实际开发时,一个系统中有非常多的界面,如果在每一个界面中都要做不同设备的判断,那么工作量太大,很麻烦;

为了解决这个问题,就可以开发一个设备适配的过滤器,通过分析客户端请求的的信息的不同,来决定是显示PC端的界面,还是移动端的界面。


二:具体案例

1.准备工作:

创建web工程,device-adapter:注意工程的上下文路径设置成了"/"

在webContent目录下,新建文件夹

其中,desktop目录下的index.html是PC端需要显示的;mobile目录下的index.html是移动端需要显示的;;;;俩index.html加载显示不同的资源;

……………………………………………………

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值