标准门户
一、简介
标准门户是门户的一种,提供了常用的 PC 端与移动端导航框架。
二、展示效果
(一)PC端
PC端标准门户导航可支持左侧导航和顶部导航:
- 左侧导航:左侧显示导航菜单和分组,点击菜单显示对应绑定的页面;
- 顶部导航:顶部显示导航菜单和分组,点击菜单显示对应绑定的页面。
点击“门户的缩略图标”可以切换进入不同的门户:
(二)移动端
底部显示标准门户的常用功能导航。移动端不支持切换门户。
- 工作台:门户中的菜单和分组,仅显示绑定了移动端页面的菜单;
- 发起申请:发起申请页面,详细描述见“标准审批”;
- 待办中心:审批处理页面,详情描述见“标准审批”;
- 我的:个人中心页面。
三、新建标准门户
(一)新建方式
- 方式一:在“元素树”上点击“+”,找到门户->标准门户;
- 方式二:在“元素树”的⌈门户⌋分组中点击“+”,选择标准门户。
(二)新建弹窗
1.门户标题/名称:门户的名称需唯一标识,会作为访问门户时的路由,保存后门户标题支持修改,门户名称不支持修改;
2.元素路径:元素存在的代码文件夹,默认 shells 文件夹;
3.PC 端导航:支持左侧导航、顶部导航,默认左侧导航;
4.移动端导航:暂不支持;
5.多标签页面浏览:默认开启,开启后支持多标签页,PC 端导航选择“顶部导航”时不支持多标签浏览;
6.在角色门户中切换中隐藏,默认关闭,开启之后,在“切换应用角色和门户”的面板中不显示该门户,但还是可以通过 Url 直接访问;
7.常用功能导航,标准门户导航上自带的功能模块,开启后才会在导航中显示,否则不可见。
a.发起申请,默认选中,用于发起审批流程,不受应用角色权限控制,详情描述见“标准审批”;
b.待办中心,默认选中,处理别人发起的审批流程,不受应用角色权限控制,详情描述见“标准审批”;
c.消息中心,默认选中,用户的消息列表,详情见“消息通知”描述,不受应用角色权限控制,当前仅支持 PC 端;
d.通讯录,默认选中,组织架构的通讯录页面,详情见“通讯录”描述,不受应用角色权限控制,仅支持 PC端;
e.个人中心,默认选中,显示个人基本信息,不受应用角色权限控制,详情见“个人中心”描述。
8.备注。
四、元素设计器
(一)配置门户
在门户设计器中可以修改门户的配置,配置项与新建时的配置项相同。
(二)菜单
菜单的概念
菜单是导航框架中的某个功能的占位标识,点击可以打开对应的页面,所以菜单是门户中的一个属性。
菜单与页面之间是绑定的关系,两者相对独立。一个菜单可以同时绑定一个 PC端页面和一个移动端页面,同一个页面也可以与不同的菜单绑定,方便页面复用。
新建菜单
新建一个菜单,即在导航框架中新建了一个功能占位标识,配置项有:
- 名称标题:唯一标识,在导航中会显示菜单的标题,可以在 url 携带菜单名字直接访问菜单,格式为:域名/应用 id/门户名称/菜单名称;
- 图标:菜单的图标;
绑定页面:
- 新建页面,新建一个空白的页面,包括 PC 端和移动端,可以选择不同的页面类型:标准页面、数据管理页面、数据录入页面、新建空白页面的名称/标题与菜单/标题相同;
- 绑定已有页面,可以当前应用中的 PC 端页面和移动端页面。
新建分组
菜单支持按分组显示
菜单列表
菜单及分组支持拖动调整顺序。
过滤筛选
可以筛选菜单绑定页面的情况,从左往右依次为:全部菜单、仅绑定 PC 端页面的菜单、仅绑定移动端页面的菜单。
菜单的操作项
设计 PC 端
当菜单有 PC页面才显示该操作项,点击“设计 PC端”,新打开标签页进入 对应 PC端页面的设计器。
设计移动端
当菜单有移动端页面才显示该操作项,点击“设计 移动端端”,新打开标签页进入 对应移动端页面的设计器。
移动到
将菜单移动到其他门户或分组,门户的类型也需要是标准类型。
隐藏
菜单隐藏后, 菜单在导航菜单中不显示,但还是可以通过 Url 访问到。隐藏后,可以点击“取消隐藏”恢复正常。
开启 PC端页面
当菜单只有移动端页面没有 PC 端页面时可以开启 PC 端页面,此时会创建一个空白的 PC 端页面并与菜单绑定。
开启移动端
当菜单只有 PC端页面没有移动端页面时,可以开启移动端页面,此时会创建一个空白的移动端页面并与菜单绑定。
移除 PC 端页面
当菜单同时有 PC端页面和移动端页面,可以移除 PC 端页面,移除后解除菜单与 该 PC端页面的绑定关系,但是并没有删除 PC 端页面。
移除移动端页面
当菜单同时有 PC端页面和移动端页面,可以移除移动端页面,移除后解除菜单与该移动端页面的绑定关系,但是并没有删除移动端页面。
同步到PC端页面
当菜单同时有 PC端页面和移动端页面,可以将移动端页面同步到 PC 端页面,同步后 PC端页面会被覆盖不可恢复。原移动端的组件按照在 PC 端显示规则展示,仅支持移动端的组件在 PC 端不显示。
同步到移动端页面
当菜单同时有 PC端页面和移动端页面才显示该操作项,可以将 PC 端页面同步到移动端,同步后移动端页面会被覆盖不可恢复。原 PC 端的组件按照在移动端显示规则展示,仅支持 PC 端的组件在移动端不显示。
PC端页面变量赋值
可以对 PC端页面中的页面变量赋值,赋值仅支持设置常量。通过菜单打开页面时,会携带页面变量的值。
移动端页面变量赋值
可以对 PC 端页面中的页面变量赋值,赋值仅支持设置常量。通过菜单打开页面时,会携带页面变量的值。
删除
删除菜单可以选择是否删除绑定的页面,仅删除菜单不会删除绑定页面。
五、初始创建的门户
新建应用时会自动创建两个标准门户实例,侧重点不同:
- 默认门户:用于展示业务系统搭建开发的功能,一般业务场景一个门户实例就足够。
管理区门户:常用的后台管理功能,该门户下默认有以下功能菜单:
- 任务模板,详细描述见“任务模板”;
- 权限管理:详情描述见“应用角色”;
- 审批流程:详情描述见“标准流程”。
六、继承重写
(一)继承门户
继承的门户支持查看菜单和分组,不支持新建,但是可以正常访问继承门户下的菜单功能。点击“重写”按钮,可以重写门户。
(二)重写门户
- 重写门户后,在当前应用中创建一个同名的门户实例,此时可以新建菜单/分组。
- 继承门户下的菜单也可以被重写,重写后,在当前门户下新建一个同名的菜单,同时新建一个 PC 端页面和移动端页面。
- 在门户运行时,合并同名的菜单,优先显示当前应用中的菜单,被重写的菜单不会显示。
七、全代码开发
标准门户的代码文件主要有:e.json 和 feature.json
- e.json:主要记录标准门户的声明定义信息
- feature.json:主要记录门户下的菜单和分组信息
进一步了解极态云,体验产品?
请访问极态云官网
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。