1、工程相关 | 技术平台

# 1、工程相关

工程名字：ctp-portal

门户路径: ctp-portal\trunk\src\main\webapp\portal

登录页相关: ctp-portal\trunk\src\main\webapp\main\login

门户的jsp页面: ctp-portal\trunk\src\main\webapp\WEB-INF\jsp\ctp\portal

# 2、模板文件入口

# 注册门户模板

PC⻔户模板: /webapps/seeyon/portal/config/portal_themes/portal_themes_pc.xml 移动⻔户模板: /webapps/seeyon/portal/config/portal_themes/portal_themes_mobile.xml 登录前⻔户: /webapps/seeyon/portal/config/portal_themes/portal_themes_loginPre.xml ⼤屏⻔户: /webapps/seeyon/portal/config/portal_themes/portal_themes_bigScreen.xml

# 注册整体⽪肤

PC⻔户模板: /webapps/seeyon/portal/config/portal_skin_set/portal_skin_set_pc.xml 移动⻔户模板: /webapps/seeyon/portal/config/portal_skin_set/portal_skin_set _mobile.xml 登录前⻔户: /webapps/seeyon/portal/config/portal_skin_set/portal_skin_set_loginPre.xml ⼤屏⻔户: /webapps/seeyon/portal/config/portal_skin_set/portal_skin_set_bigScreen.xml

# 注册⻔户模板与整体⽪肤的绑定关系

PC⻔户模板: /webapps/seeyon/portal/config/portal_skin_choice/portal_skin_choice.xml

# 注册⻔户⽪肤

PC⻔户的主框架⽪肤: /webapps/seeyon/portal/config/portal_skins/portal_skins_pc.xml 移动⻔户皮肤: /webapps/seeyon/portal/config/portal_skins/portal_skins_mobile.xml 登录前⻔户皮肤: /webapps/seeyon/portal/config/portal_skins/portal_skins_loginPre.xml 栏⽬外框⽪肤: /webapps/seeyon/portal/config/portal_skins/portal_skins_section.xml ⼆级⻚⾯组件⽪肤: /webapps/seeyon/portal/config/portal_skins/portal_skins_section.xml ⼤屏⻔户皮肤: /webapps/seeyon/portal/config/portal_skins/portal_skins_bigScreen.xml

# 注册⻔户布局

PC⻔户布局: /webapps/seeyon/portal/config/portal_template/portal_template_pc.xml 移动⻔户布局: /webapps/seeyon/portal/config/portal_template/portal_template_mobile.xml 登录前⻔户布局: /webapps/seeyon/portal/config/portal_template/portal_template_loginPre.xml ⼤屏⻔户布局: /webapps/seeyon/portal/config/portal_template/portal_template_bigScreen.xml

# ⻔户模板图⽚资源

在/webapps/seeyon/portal/pagelayout/layout/layout_c001 下新建⼀个图⽚资源⽬录 images ，新开发的⻔户模板中⽤到的图⽚资源必须都放到这个⽬录下，例如html⽂件中使⽤的图⽚⽂件，css⽂件中使⽤的图⽚⽂件，js⽂件中使⽤的图⽚⽂件，所有使⽤图⽚⽂件都必须使⽤全路径引⽤ /seeyon/portal/pagelayout/layout/ layout_c001/images/xxx.png ，图⽚资源⽀持gif、png和jpg三种格式。

# 注册⻔户元素

注册⻔户模板: /webapps/seeyon/portal/config/portal_laytpl_template/elements.xml 注册⻔户模板: /webapps/seeyon/portal/config/portal_laytpl_template/elements_mobile.xml 在webapps/seeyon/portal/pagelayout/element/custom 下新建为每个⻔户元素新建三个⽂件： tpl-xxx.html 、 tpl-xxx.css 、 tpl-xxx.css

# 开发和注册栏⽬

栏⽬模板是指栏⽬⻓的是什么样⼦，例如列表样⼦、棋盘样式、图⽚轮播样式等，⼀个栏⽬模板由4个⽂件组成：1个html⽂件、1个js⽂件、1个css⽂件和1个java⽂件，其中html⽂件必须遵循 laytpl模板引擎语法，1个java⽂件必须实现com.seeyon.ctp.portal.section.templete. BaseSectionTemplete基类。以⽬前系统中已有栏⽬模板横幅模板（bannerTemplete）为例，所包含的内容如下所示：

tpl-bannerTemplete.html tpl-bannerTemplete.js tpl-bannerTemplete.css com.seeyon.ctp.portal.section.templete.BannerTemplete 在确定了栏⽬要显示哪些内容后，就可以按照上⾯的示例内容进⾏栏⽬模板的开发。在webapps/seeyon/portal/config/portal_laytpl_template/sections.xml 中注册该栏⽬模板

# 开发和注册依赖的第三⽅JS⽂件

如果栏⽬有依赖的第三⽅js⽂件，则需要单独在配置⽂件中配置

PC注册依赖: /webapps/seeyon/portal/config/portal_section_jsfiles/pc.xml 移动注册依赖: /webapps/seeyon/portal/config/portal_section_jsfiles/mobile.xmll

# 3、登录前门户静态化

登录前门户的url地址是：xxx/sportal/entry/index.html 登录前门户开关：

# 4、其它说明

# 查看新增模板

以集团管理员登录系统，进⼊后台管理=》【V-Portal配置平台-》整体样式库】中可以看到我们刚才开发好的⻔户模板，如下图所示：

# 5、移动端门户

http://ip:port/seeyon/m3/apps/v5/portal/html/portalIndex.html 手机端门户首页 http://ip:port/seeyon/m3/apps/v5/collaboration/html/colAffairs.html 手机端待办列表 http://localhost/seeyon/m3/apps/m3/todo/layout/todo-list.html 首页待办 /seeyon/H5/wechat/html/allApps.html 不掉线的首页