appfuse theme的实现原理

appfuse当中提供了多套css可以实现动态切换,达到改变外观风格的目的。
每个主题theme都放在web/styles/目录下面,每个主题一个文件夹。文件夹的名字就是主题的名字。在web.xml中配置缺省值:
<context-param>
<param-name>csstheme</param-name>
<param-value>simplicity</param-value>
</context-param>
在startupListener中获取参数放入到appConfig的HashMap当中去:
        if (context.getInitParameter(Constants.CSS_THEME) != null) {
config.put(Constants.CSS_THEME, context.getInitParameter(Constants.CSS_THEME));
}

最后在web/decorator/default.jsp当中进行使用:
<link rel="stylesheet" type="text/css" media="all" href="<c:url value='/styles/${appConfig["csstheme"]}/theme.css'/>" />
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值