e-cology门户模板参考 Weaver Software Co., LTD.
泛微e-cology正式系统使用的门户模板素材
为了方便大家给客户实施制作我们的新版门户，这边提供了一个真实的案例【泛微正式系统】给大家参考，希望能够给大家一些启发，另外也是一个抛砖引玉的过程，希望大家也能够把项目中实施的模板按照这样的方式整理出来分享给大家，谢谢。
PS1：本模板的最好特色就是在于点击每个门户菜单的时候，会切换不同的界面风格。 PS2：新版本门户的配置，请参考说明文档：泛微e-cology门户模块总体使用说明2010V1.0
一、 本模板素材实现实现效果展示
?
登陆界面
?
登陆后界面
泛微软件有限公司 www.weaver.com.cn
Tel:021-50942228,Fax:021-50942278
上海市浦东软件园陆家嘴分园 峨山路91弄101号3层 200127
e-cology门户模板参考 Weaver Software Co., LTD.
?
点击每个菜单会发生界面总体风格的变化，如点击流程中心变成蓝色风格，这是本模板的最要特色
二、 模板配置使用说明
请下载附件的门户模板压缩包里面包含了，模板所需要的素材，下载到的素材解压之后包含以下的信息
?
【门户布局】目录：这个目录下放的是自定义的门户布局，直接将里面的ZIP文件通过后台设置菜单【门户管理】-->【页面中心】-->【页面布局】上传即可，每个布局说明如下： 泛微软件有限公司 www.weaver.com.cn
Tel:021-50942228,Fax:021-50942278
上海市浦东软件园陆家嘴分园 峨山路91弄101号3层 200127
? ? ? ? ?
e-cology门户模板参考 Weaver Software Co., LTD.
weaver_layout_121.zip：登陆后门户布局，4个栏目，分为上中下，中间按3.5:6.5比例二分 weaver_layout_131.zip：登陆后门户布局，5个栏目，分为上中下，中间按2:4:4比例三分 weaver_layout_131_2.zip：登陆后门户布局：5个栏目，分为上中下，中间按2:4::4比例三分 weaver_layout_12155.zip：登陆后门户布局：4个栏目，分为上中下，中间按5:5比例二分
weaverloginlayoutblue.zip：登陆前门户布局：N个栏目，加载背景图片,如果直接给客户试用加压出来制作一个一样的规格的图片解压出来放在images目录下即可
? 【门户模板】目录：这个目录下方的是站点模板，直接将里面的ZIP文件通过后台设置菜单【门户管理】-->【站点中心】-->【站点模板】上传即可。 ?
weaverlogintemplateblue.zip：登陆前的站点模板，如果要给客户直接使用，那么解压出来，制作同等规格的图片，替换images目录下的相关图片以及index.htm内的泛微信息，然后再打包即可使用。注意，这里的图片最好和登录前门户布局weaverloginlayoutblue.zip中的图片一起制作然后进行切割。 ?
其中weavertemplatetest.zip这个模板会调用一些js和相关的程序，这些程序文件请使用【配套的文件页面】 ?
Mypage：这个文件夹下的文件被门户的自定义页面元素调用，实现一些嵌入页面，都是新增的内容，目录下的内容不是标准产品的内容，是单独编写会调用一些系统的方法。其中比较核心的几个文件大家可以参考一下 ?
mypage\\partnerLogin.jsp：用于登陆前门户的【客户登陆】，通过自定义页面元素来实现客户的登陆（因为如果启用了ukey认证，添加多个登陆元素会造成ukey登陆不稳定，所以针对客户登陆单独做了一个页面） ? ? ? ? ? ?
mypage\\AccessCount.jsp：实现了登陆前页面的访问次数统计
mypage\\welcome.jsp：实现了登陆后模板上的，工作日、非工作日提醒
mypage\\homepage：这个文件夹下面的文件，主要是给门户的【自定义页面】元素来调用，如实现的流程查询、通讯录查询等
Favourite：这个文件夹下的文件被js调用，实现网页模式下的收藏夹功能，该文件将在正式版本发布 signAjax.jsp：这个文件被js调用，实现网页模式的签到签退功能，该文件将在正式版本发布 portal\\plugin\\homepage\\webcusto\\ index.jsp 文件比标准版增加了一些内容， 即 98 行107 行之间的内容框在了一个div中， 如下图所示
Weavertemplate2010.zip：登陆后站点模板，如果要给客户直接使用，那么解压出来，制作同等规格的图片，替换images目录下的相关图片以及index.htm内的泛微信息，然后再打包即可使用。
泛微软件有限公司 www.weaver.com.cn
Tel:021-50942228,Fax:021-50942278
上海市浦东软件园陆家嘴分园 峨山路91弄101号3层 200127
e-cology门户模板参考 Weaver Software Co., LTD.
这段代码是加载元素样式使用的，加上了div之后，就可以通过，登陆后站点模板模板
weaverlogintemplateblue.zip中的index.js来控制的点击不同的菜单的时候，横向菜单的风格会自动切换，当然要实现这个功能，除了需要使用weaverlogintemplateblue.zip这个模板以外，还需要在配置菜单连接的时候在每个菜单的尾部加上一个参数，来识别到底需要切换到哪个风格，比如
您想添加的菜单地址为：/homepage/Homepage.jsp?hpid=53&subCompanyId=9 那么需要在这个链接的最后增加一个：&styletype=green2010
即真正需要添加的菜单为：/homepage/Homepage.jsp?hpid=53&subCompanyId=9&styletype=green2010 当前模板支持的参数有以下几个，不加参数，不加参数默认为green2010风格
?
styletype=green2010：绿色样式风格，效果如下：
?
styletype=blue2010：蓝色样式风格，效果如下：
?
styletype=green2010：红色样式风格，效果如下：
?
&styletype=green2010：金属样式风格，效果如下：
泛微软件有限公司 www.weaver.com.cn
Tel:021-50942228,Fax:021-50942278
上海市浦东软件园陆家嘴分园 峨山路91弄101号3层 200127
e-cology门户模板参考 Weaver Software Co., LTD.
?
【门户元素菜单样式和相关图片】，包含了需要用到的样式已经样式中使用的图片素材 ? ? ? ?
Resource：样式中使用的图片，以及门户中使用的视频等 style\\element：元素样式 style\\menuh：横向菜单样式 style\\menuv：纵向菜单样式
将对应文件夹拷贝到 $ecology/page 目录下覆盖（注意里面包含和很多的样式，可以选择性的使用，每个XML文件就是一个样式。覆盖之前请注意一下是否目前已经存在同名的元素）然后重启Resin即可。
以上就是我们正式系统的整个界面风格涉及到的素材和配置方法，提供给大家参考使用，希望大家
也能够把自己项目中自作的的成果整理成这样的素材，发布到系统上供大家分享使用，谢谢
Vincent.Kang
Submitted By Weaver
12/17/2010
泛微软件有限公司 www.weaver.com.cn
Tel:021-50942228,Fax:021-50942278
上海市浦东软件园陆家嘴分园 峨山路91弄101号3层 200127
泛微e-cology正式系统使用的门户模板使用说明
