EAS WEB自定义皮肤开发
1. waf2制作的页面为动态框架页面,waf1以及jsp页面为静态框架页面
2. 动态框架页面在数据库t_dynamicconfigure存在字段feasskin,决定页面调用的皮肤。默认为eascard
3. waf2.properties中可能存在skin参数,通过此参数可以设置自定义皮肤
4. 访问动态框架页面时:
(1)页面url中携带waf2skin参数: 去数据库寻找feasskin字段,如果存在值,则返回对应皮肤,如果不存在值,返回waf2skin参数值。
(2)页面url中不存在waf2skin参数 解析waf2.properties里的skin参数,获取对应域下的皮肤返回。默认返回eascard。
5. 访问静态框架页面时:
(1) 页面url中携带waf2skin参数: 返回waf2skin参数对应的皮肤
(2) 页面url中不携带waf2skin参数:
a. 页面参数params中存在staticSkinScope属性: 解析waf2.properties里的skin参数,将staticSkinScope属性值作为静态框架作用域的uipk去skin参数值中寻找对应的作用域皮肤,如果没发现对应的皮肤,返回skin中配置的默认皮肤(不带作用域信息),否则返回eascard皮肤
b. 页面参数params中不存在staticSkinScope属性: 页面参数中存在uipk,将uipk参数值去skin参数值中寻找对应的作用域皮肤,如果没发现对应的皮肤,返回skin中配置的默认皮肤(不带作用域信息),否则返回eascard皮肤
皮肤加载流程图:
配置皮肤详细步骤:
1. 修改waf2.properties配置文件,增加全局皮肤参数 路径:server\deploy\easweb.ear\eas_web.war\WEB-INF\properties\waf2.properties
添加配置:skin= eascustom |eascustom,com.kingdee.eas.re.sales:eascustom|eascustom,com.kingdee.eas.re.sales2:eascustom|eascustom…
(1) 支持多域下配置样式文件,以逗号分隔
(2) 冒号前面的为作用域,不带作用域的为全局样式。
(3) 竖线前面的为静态框架调用样式,竖线后面为动态框架调用样式。
(4) 作用域对应的是页面的uipk,页面uipk包含作用域的,将会加载对应作用域样式。
2. 增加样式文件 路径:server\deploy\easweb.ear\eas_web.war\webviews\webframework\styles\pages\standard\skin
在这个下面增加eascustom文件夹,仿照eascard文件夹,并在文件夹内增加eascustom_all.css 以及eascustom_min.css,同时拷贝eascard文件夹下面的iconfont文件夹以及images文件夹(图标需要),可以考虑把eascard_all.css文件内容拷贝到新样式文件(eascustom_all.css),再在样式文件最下方增加自己自定义的样式。
eascustom_min.css修改方式参照eascustom_all.css.
3.Bin目录同步修改 为了保证在门户中正常生效,需要server\deploy\easweb.ear\eas_web.war\bin\webframework\styles\pages\standard\skin中拷贝之前创建好了的eascustom文件夹
注意点:
1. 自定义皮肤文件由客户自己维护,框架更新样式后,不会同步更新到自定义皮肤文件中。
2. 页面url中如果存在waf2skin参数,会优先根据数据库中页面样式加载皮肤。
3. 打最新补丁后操作
EAS WEB自定义皮肤开发
本文2024-09-22 20:02:32发表“eas cloud知识”栏目。
本文链接:https://wenku.my7c.com/article/kingdee-eas-111074.html