后端集成如何通过数据源管理动态初始化页面

[复制链接]
查看: 2495   回复: 2

1

主题

0

回帖

1万

积分

论坛元老

Rank: 8Rank: 8

积分
17435
2023-6-15 22:58:03   显示全部楼层   阅读模式  
本帖最后由 wenbin151 于 2023-6-15 23:05 编辑

我想通过v-form-designer 设计一个动态页面设计器。思路如下:
1、DB 我设计了tableName表和columnName表,分别记录所有数据表的信息和字段信息:名称、name、类型、长度等等

我的思路是:

2、能通过“数据源管理” 配置当前页面用到的field-list-api 的url及参数、get-option-data的url及参数、get-form-data的url及参数、get-form-json的url及参数。

3、渲染表单 页面时,通过这几个数据源的配置,把页面初始化出来。


后台java端程序可以写,但是请问如何写页面端的程序呢?我在文档中,看《后端集成》章节没有找到想要的动态通过“数据源管理” 的方式传参数给 “渲染表单”的 例子或代码


我知道答案 回答被采纳将会获得1000 威望 已有2人回答

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?注册账号

x
回复

使用道具 举报

0

主题

3

回帖

1万

积分

论坛元老

Rank: 8Rank: 8

积分
14457
2023-6-28 16:02:11   显示全部楼层  
我的思路 生成的前端都是json 是可以导出的 那么有俩种方式 一种 直接写文件 然后路径引用 另一种把页面的内容json存储到一个地方
再建立一个各个控件的列表 把控件和列进行绑定 然后再根据绑定关系 生成一个原生的json. 然后就可以直接加载了
import CFormRender from "@/components/form-render/index.vue";
页面引用他的控件
然后加载json
vFormRef.setFormJson(formJson);
这样你配置好的页面就有了 然后也可以根据信息 加载数据
this.$refs.vFormRef.setFormData(this.formData);



回复

使用道具 举报

0

主题

10

回帖

36

积分

新手上路

Rank: 1

积分
36
dpl
2023-9-18 08:27:20   显示全部楼层  
楼上方法可参考
回复

使用道具 举报

您需要登录后才可以回帖   登录 注册账号

高级模式