门户首页小部件开发

场景描述

需要对门户首页小部件进行自定义

实现思路

1. 发布门户下配置
   1. 在“功能树配置”中添加对应的菜单（如果菜单已存在可直接在功能树配置中新增，如果没有需要先到应用资源管理菜单中新增菜单），并设置菜单类型为“桌面及小部件”
   2. 按照需求配置菜单扩展信息,可用属性（jsonpath）如下：

      $.code:小部件唯一编码 $.showTitle:值为true或者false,设置小部件(widget)是否展示标题 $.more.url:更多页面链接地址(当链接地址为空时标题栏不显示更多按钮) $.more.title:更多页面标题

   3. 在“定制首页”（私有，配置后仅自己可看）或“定制公共首页”（公有，仅管理员角色可操作，配置后所有组织下用户展示）上进行配置
2. 云ide下配置
   1. 选中需要设置的页面，对应的serviceMetaInfo配置
   2. 按需配置serviceMetaInfo配置中ext及types属性

实现步骤

1.发布门户下配置

1. 在“功能树配置”中添加对应的菜单，设置标题及访问地址，并设置菜单类型为“桌面及小部件”

1. 配置小部件扩展信息，主要配置内容包含小部件编码code、是否显示标题及更多页面信息

    {
        "showTitle":true,//默认显示标题，不显示标题请设置为false
        "code": "wf_waitNotice",//必填且唯一
        "more": {//用于打开更多页面，如果不需要可以不设置
            "title": "任务中心",//更多页面标题
            "url": "/entry/wf-mobileapp/wf-mobile/taskCenter.w?parameter=waiting"//更多页面链接地址
        }
    }
   

   
   如果需要新增一个第三方页面作为小部件在首页进行展示，须在应用资源管理菜单下新增菜单，并保存并发布
   在到功能树配置下新增上面添加的菜单

   在扩展信息配置如下内容：

    {
        "showTitle":false   
    }
   

2. 打开门户“定制首页”功能，即可看到新增的小部件（如果看不到请退出重新登录即可）

3. 按照自己的需求调整小部件长宽大小，并保存当前布局即可

2.云ide下配置

1. 找到你所需要设置页面的serviceMetaInfo配置信息
2. 设置serviceMetaInfo信息

    {
        "authorize":{
            "permissions":[],
            "roles":[]
        },
        "menu":{
            "children":[
                {
                    "children":[
                        {
                            "children":[],
                            "ext":{"showTitle":false},//设置小部件是否显示标题
                            "title":"功能树配置",
                            "types":["pcx","widget"],//设置类型为桌面及小部件
                            "url":"/{serviceName}/mobileapp/mobile/entConfig/functree.w"
                        }
                    ],
                    "ext":{},
                    "title":"门户设置",
                    "types":[]
                }
            ],
            "ext":{},
            "title":"{serviceLabel}",
            "types":[]
        },
        "serviceInfo":{
            "label":"{serviceLabel}",
            "name":"{serviceName}"
        }
    }
   

3. 设置完成后，在门户进行预览，打开“定制首页”或是“定制公共首页”添加设置的小部件，并保存当前布局即可（操作同发布门户）

注意: 如果之前布局中已存在相同小部件，请先删除在重新添加