如何挂载低代码页面
挂载方式
天舟云低代码本身引入到系统可以当成一个组件,我们发布出去有四个模板(组件),分别是高级列表(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
最后编辑:黄允桢 更新时间:2024-12-11 10:09