当前位置:首页 > 开发 > 系统架构 > 架构 > 正文

appfuse 样式主题

发表于: 2013-08-27   作者:亿度思考   来源:转载   浏览次数:
摘要: appfuse中web.xml的css样式配置说明: <!-- Define the default CSS Theme --> <context-param> <param-name>theme</param-name> <param-value>simplicity</param-value> &

appfuse中web.xml的css样式配置说明:

<!-- Define the default CSS Theme -->
<context-param>
    <param-name>theme</param-name>
    <param-value>simplicity</param-value>
</context-param>

 

 

该段用于页面整体风格,theme的值对应相应样式文件夹,appfuse对这个参数的使用如下:

  • 在/myapp/src/web/org/appfuse/webapp/listener/StartupListener.java文件中将theme值放入ServletContext
  • 在/myapp/src/web/org/appfuse/webapp/filter/LocaleFilter.java文件中将request中的theme值保存到ServletContext
  • 页面根据theme值加载css文件

StartupListener.java关键代码

ServletContext context = event.getServletContext();

        // Orion starts Servlets before Listeners, so check if the config
        // object already exists
        Map config = (HashMap) context.getAttribute(Constants.CONFIG);

        if (config == null) {
            config = new HashMap();
        }
        
        if (context.getInitParameter("theme") != null) {
            config.put("theme", context.getInitParameter("theme"));
        }

 

 

LocaleFilter.java

String theme = request.getParameter("theme");
        if (theme != null && request.isUserInRole(Constants.ADMIN_ROLE)) {
            Map config = (Map) getServletContext().getAttribute(Constants.CONFIG);
            config.put("theme", theme);
        }

 

 

页面根据theme值加载css文件

 <link rel="stylesheet" type="text/css" media="all" href="<c:url value='/styles/${appConfig["theme"]}/theme.css'/>" />
 <link rel="stylesheet" type="text/css" media="print" href="<c:url value='/styles/${appConfig["theme"]}/print.css'/>" />

 

 

appfuse 样式主题

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
作者 : 万境绝尘 (octopus_truth@163.com) 转载请著名出处 :http://blog.csdn.net/shulianghan/arti
 上一讲我们讲解了如何使用官方的api来修改主题样式,这讲我们继续讲解sass的样式修改,   编译官
WPF使用通用对话框时,经典样式不免有点不搭配,想更改为系统主题样式,例如winform下的样式。 下面
<?xml version="1.0" encoding="utf-8"?> <resources> <!-- 样式创建 --> <st
ASP.NET创建的动态网站,与静态网站相比,简单地说,就是在静态网站的基础上增加了由在服务器端运行
Android应用程序中不可避免的需要使用的样式和主题,样式指定一般指定View的高度、字体、字体颜色、
教程索引 Android 拖拽(Drag and Drop)教程 Android 绘制(Drawables)教程 Android 样式和主题(
效果如下图: 通过xml文件来设置主题和样式: style文件自定义样式和主题的代码: <?xml version
  OpenExpressApp中有一个项目【OpenExpressApp.Module.WPF.Style】,它作为以后UI样式扩展用,以
今天发现个奇怪问 用户访问我们网站 textarea 变的很小 大家看一下图 原因是因为用户用了第三方主题
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号