13、v5门户,登录前门户、移动端门户

13、v5门户,登录前门户、移动端门户

  

1、工程相关

  1、工程地址:http://10.3.4.218:6666/svn/v5/ctp-portal

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

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

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

2、模板文件入口

1、注册门户模板

    

  • 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

2、注册整体⽪肤

  • 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

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

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

4、注册⻔户⽪肤

  • 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

5、注册⻔户布局

  • 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

6、⻔户模板图⽚资源

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

7、注册⻔户元素

  • 注册⻔户模 板: /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

8、开发和注册栏⽬

   栏⽬模板是指栏⽬⻓的是什么样⼦,例如列表样⼦、棋盘样式、图⽚轮播样式等,⼀个栏⽬模板 由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 中注册该栏⽬ 模板

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

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

  • PC注册依赖:  /webapps/seeyon/portal/config/portal_section_jsfiles/pc.xml

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

3、登录前门户

4、其它说明

1、查看新增模板

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

5、移动端门户

1、M3更新应用包:

    ⻔户相关的应⽤包在 webapps/seeyon/m3files/v5/65.zip 中, 此包其实使⽤webapps/seeyon/m3/apps/v5/portal ⽬前打包⽣成 ,如果需要更新,有两种⽅案使其⽣效:

  1. 需要系统管理员登录后,进⾏⼿动热部署,重启服务

  2. 重启服务

2、微协同调试

  1. pc登陆协同:http://xt.seeyon.com/ 

  2. 修改url路径为: http://xt.seeyon.com/seeyon/m3/apps/v5/portal/html/portalIndex.html 

  3. 打开控制台进入调试页面,设置为手机模式如图:

3、M3调试

  1. 安卓调试

  2. iOS 使用ios模拟器

6、常见Bug分析

关于IE刷新退出、登录页背景播放、门户样式混乱问题先查看附件列表:  bug排查.zip

1、磁贴问题排查

2、横竖屏问题

7、附件清单(见附件)

     门户文档.zip

     bug排查.zip

LICENSED UNDER CC BY-NC-SA 4.0