# SuperPage组件-嵌入网页

SuperPage提供了嵌入网页组件(iframe),可以将系统外部页面或系统内部的元数据文件URL嵌入到SuperPage中展示。如在SuperPage页面中嵌入科普中国网

嵌入网页

示例地址:嵌入网页 (opens new window)

# 嵌入系统外页面

在SuperPage中嵌入系统外的页面,只需要拖入网页组件,并设置外部网页路径。具体步骤如下:

嵌入系统外页面

  1. 拖入网页组件: 在组件区>嵌入分组下将网页组件拖入到画布中
  2. 设置路径:在属性栏>网页>路径中将网页的路径设置为http://www.kepuchina.cn

# 嵌入系统内元数据页面

使用嵌入系统内元数据页面与嵌入系统外页面的操作相同,在路径中建议输入应用绝对地址,可通过右键查看元数据属性的方式找到路径,如:/DEMO/app/SuperPage.app/案例/企业信息自助查询/企业一户式.spg

# 网页路径设置

网页路径可以是一个URL地址,也支持输入宏,同时支持多种地址类型,具体可参考二维码内容设置。嵌入内部元数据和外部页面的路径设置有所区别:

  • 系统外页面:一般为互联网URL地址,如果嵌入的是一个外部应用页面,传递参数时则需要了解相应的参数说明文档
  • 系统内元数据页面:与嵌入元数据的动态路径属性类似,具体可参考嵌入数据模型,但是在传递参数时需要将参数写在URL后,如:/DEMO/app/SuperPage.app/案例/企业信息自助查询/企业一户式.spg?qydm=${[企业].[企业内部序号] ? [企业].[企业内部序号] :'017231fd0731445eb85ae3cd41d52ed6'},更多设置可查看文档:URL参考

# 嵌入网页组件与嵌入元数据组件的区别

嵌入网页组件会嵌入一个完整的HTML页面(iframe),即使是系统内部的元数据文件也是以网页形式嵌入的。而嵌入元数据组件嵌入的是一个组件(div),如嵌入仪表板嵌入CI表单等,可以和父页面有更多交互,如无刷新的传递参数、嵌入的SuperPage页面可以和父页面同时提交数据等。

是否有帮助?
0条评论
评论