【问题标题】:Dynamically create UI Components from User Uploaded Templates从用户上传的模板动态创建 UI 组件
【发布时间】:2020-10-29 16:29:27
【问题描述】:

TL;DR:需要从用户提供的自定义模板动态创建 UI 页面。这些模板应包含足够的信息,以便可以为所有用户案例动态创建前端和后端。

将 TLDR 置于首位。另外,我不确定以前是否在这里问过这个问题,如果这是一个重复的问题,很抱歉。

一点背景知识,我正在尝试创建一个 基于 Angular 7 的 Web 应用程序,它将作为用户配置网络设备(路由器、交换机等)的单一界面。为了覆盖尽可能多的不同设备和供应商,我不能将我的 UI 页面设为静态。他们应该能够根据用户要求和规范进行更改。

为了实现这样的目的,常见的逻辑是我们应该让用户为他们的数据和数据属性创建自定义模板,然后让他们将其上传到门户,这样 UI 就可以从那里动态呈现。

例如,对于一些复杂的配置,用户 A 可能需要一个带有 2 个输入参数(设备名称和 IP 地址)的表单,而同一组织中的用户 B 可能需要一个带有 N 个输入参数、M 个下拉列表等的表单.

所以最后来到这个问题,如果您的页面不能是静态的并且必须根据用户的要求进行更改,那么生成 UI 页面的最佳方法是什么?如果我们使用用户上传的模板,这些模板应该包含哪些信息?

我现在正在使用 Angular 7 来构建我的应用程序,但在这方面我很灵活。在这里寻求想法和头脑风暴。

【问题讨论】:

    标签: javascript typescript angular7 templating dynamic-ui


    【解决方案1】:

    答案是实现数据驱动的 UI。对于像我这样的初学者,NPM - Data Driven UI 是一个很好的起点。
    为了满足我的用例,我实现了一个 Java 平台来根据用户输入生成 UI 元数据,然后将其馈送到 UI 以生成围绕中心模式/主题的网页。

    【讨论】:

      猜你喜欢
      • 2020-09-16
      • 2019-07-14
      • 2018-11-14
      • 2017-03-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-07-05
      相关资源
      最近更新 更多