• 模块联邦及低代码配置平台思路


    1. ssr 渲染主页

    2. 加载所有的bundle.js  -  - - -  数据库 映射 最新的remorte.js  hash

    3.layout 做布局,提供 不同的 布局风格,

    4.layout 中 通过bundle Id  获取模块联邦,(通过webpack在模块联邦打包的时候,把 [name]: [bundle] 的 关系 挂在window上 )

     

    5.layout 中 通过 webpack 提供方法(https://webpack.js.org/concepts/module-federation/#root)loadComponent 获取到 Component

    本地开发:

    本地的时候,则加载数据库中对应的本地的remoteEntry

    CommonReport  简述

    1.配置页面

    全页面Json 化

    分为

    baseConfig    // 基础信息

    inputConfig // form-filter [ ]

    sqlConfig  // server 端,拼凑SQL,   [ ]

    outputConfig // 输出,以SQL序号和sqlConfig进行绑定[ ]

    渲染页

    1.获取上诉配置信息

    2.重新组织JSONfetchnew 实例化避免相互污染,config全部以props 传入到每一个组件组件。(借助组件的生命周期解决渲染绑定同步异步等问题

    3.细节顺序去处理每一个进来的JSON和绑定关系

    4.每个组件自己处理数据格式问题

     

    服务端

    重点如何通用配置接口处理

    1.SQL 记录configpreview_config,table_id,是否缓存

    2.封装每个请求获取对应的数据库类型获取对应的SQL 语句

    3.SQL 装入promise.all做返回

     

    细节很多

    1.数据返回limit 限制where 条件等

    2.联表查询和对应的饼图这类的 数据

    3.对于折线图饼图柱状图 这类的数据格式client 返回

     

     

  • 相关阅读:
    Delphi 中多线程同步的一些处理方法
    delphi 讲的比较详细的多线程
    Delphi MSComm 实时串口通讯
    Delphi多线程数据库查询(ADO)
    常用学习链接收藏
    Linux目录及常用命令
    DEBUG和INFO的使用
    git命令
    9.9 接口与工厂
    9.4 Java中的多继承
  • 原文地址:https://www.cnblogs.com/leolovexx/p/15881291.html
Copyright © 2020-2023  润新知