如何挂载低代码页面

挂载方式

天舟云低代码本身引入到系统可以当成一个组件,我们发布出去有四个模板(组件),分别是高级列表(Page),简单列表(List),表单详情(Detail),自定义资源(Resource)。目前用的比较多的是高级列表和表单详情,开发者可以完全把模板当成组件去引用,具体参数在如何集成模板,可以参考页面渲染集成
在集成模板之后,一般挂载方式有

  • 内部路由挂载低代码页面
  • 外部路由挂载低代码页面
  • 弹窗挂载低代码页面

内部路由挂载低代码页面

由于内部路由url不变,所以挂着低代码页面需要开发者在内部路由中新增路由,在新的路由中引入低代码模板,传入参数即可,参数可以从已经建好的页面资源中获取。

外部路由挂载低代码页面

外部路由比较灵活,可以不用开发或者开发量较少。

  • 低代码页面的跳转可以通过配置跳转即可
  • 自行开发代码可以参考上面跳转路径加参数,用window.open,或者内部的history.push即可,比如我是跳一个系统的tab签,以上面图片例子,即history.push(${routerPrefix}/mcdyaog1_2bei0dft/mcdyaog1_2bei0dft_q7g1hstv/detail?apiName=LCP_EYGRM&appId=d1ec9f1782594b74986a44cfd50dc710&tenantId=c518f53d-b405-4111-afe1-5c082b284971&classId=dace745399374e8a913ee1afe4794904),这是跳表单详情的创建,如果是编辑,则需要继续拼上pageId参数

弹窗挂载低代码页面

方法跟内部路由挂载低代码页面差不多,只是不需要增加路由,需要增加页面而已,如果不想增加页面,可以试试@cvte/cir-csb-router中的jump, 提供了弹窗和抽屉的类型,以函数方式运行,不需要额外开发页面

作者:黄允桢  创建时间:2023-02-14 08:24
最后编辑:黄允桢  更新时间:2024-12-11 10:09