集成页面

低代码开发平台魔笔可以通过 iframe组件快速集成已有的成熟工程,本文介绍如何使用iframe组件集成页面。

操作步骤

  1. 登录魔笔

  2. 在顶部菜单栏选择应用管理,搜索目标应用。

  3. 光标置于应用卡片上,单击进入设计器,进入应用开发页面。

  4. 在应用开发界面的左侧功能区,单击image,在页面页签,选择指定页面。

  5. 在左侧功能区选择iframe组件,拖入画布。

    1. 右侧属性链接或HTML代码选择静态

    2. 文本内容填写部署工程的访问链接,如https://xxx.com。

    3. 根据业务需求设置对应样式,具体操作参考Iframe组件介绍。

      image
      说明

      确保已有工程的服务器允许iframe嵌入。服务器的X-Frame-Option HEADER值,需要配置为ALLOW-FROM,并对集成侧魔笔应用的域名加白。

  6. 预览发布应用。

    上述示例完整展示了如何在魔笔应用中集成开发其他已部署的成熟工程。

    image