页面

能在一个页面解决的问题，就不要去另外一个页面解决。频繁的页面刷新和跳转，会严重影响用户的使用体验，这种现象在web端尤为明显。

📍 INFO

上述内容中的“页面”指终端应用最终渲染的页面，与「活字格设计器」中的页面不同。

• 在设计器中，使用「弹出页面命令」所弹出的页面是两个独立的页面对象；
• 在终端应用中，这两个页面对象会最终编译为一个完整的 Html 页面。

覆盖

覆盖又称为模态框（modal），在活字格中为「弹出页面命令」，也可以通过「Element Plus 插件」进行配置。

【】确定「弹出页面 - 弹出框显示模式」的业务意义。

🔔 TIP

• 业务流转式弹窗选择抽屉模式/全屏；
• 独立性较强功能辅助式弹窗选择对话框；
• 关联性较强的功能辅助式弹窗选择下拉菜单。

嵌入

在活字格中，嵌入方式分为两种：「组件」与「iFrame」。

• 「组件」的页面处理策略和「弹出页面命令」相同，即多个活字格的页面对象最终会编译为一个完整的 Html 页面。
• 「iFrame」则为不同的 Html 页面嵌套。

【】多个功能需要聚合在一个页面时，建议灵活使用「标签页」、「组件」、「EL-标签页头」、「选项卡」等，确保每部分只显示一组信息。

母版

灵活使用母版功能，可以有效共享页面设计中的公共部分。

【】画布标定 应当在「母版页」中完成。为确保滚动条的唯一性，请确保业务页面的画布大小处于「母版页」范围内。

📍 INFO

在应用系统中，当页面内容超出页面的承载尺寸，浏览器会自动出现滚动条。滚动条分为纵向与横向两种。

在复杂的页面设计中，嵌套是常见的设计思路。由于滚动条是依照内容是否超出容器承载为标准出现，因此嵌套的父子页面可能会同时出现滚动条。如果您希望页面中只出现一个滚动条，需要确保子页面的尺寸永远小于等于父页面的尺寸，