wbccb / Frontend-Articles

博客文章+源码调试,已经完成vue2和vue3的源码解析+webpack5整体流程源码+vite4开发环境核心流程源码+koa2源码 ===>正在研究 React18源码
MIT License
9 stars 0 forks source link

【从0到1】React18和Koa2实现自定义可视化大屏low-code平台(一) #1

Open wbccb opened 1 year ago

wbccb commented 1 year ago

前期准备

  1. 需求分析
  2. 后台管理系统架构设计
  3. 后台管理系统编码
  4. 低代码技术选型和研究
  5. 低代码架构设计
  6. 低代码业务架构设计
  7. 低代码业务编码和调试

需求分析

后台登录管理系统

  1. 登录权限管理
  2. 自定义表单解析数据
  3. 数据自动转化为可视化大屏
  4. 可视化大屏机兼容Element PlusAnt DesignWeb Components多种组件库
  5. 支持可视化大屏机自定义界面

可以借鉴的平台分析

Fusion Design:阿里巴巴推出的低代码平台,提供了一系列组件和模板,可以快速构建各种类型的应用。 Coding Pages:国内 GitLab 服务提供商 Coding 推出的前端低代码平台,基于 Vue.js 技术栈,提供了一系列组件和模板,可以快速构建前端应用。 行云:行云是一款基于 Vue.js 和 Vuetify 的前端低代码开发平台,提供了可视化操作界面,可以快速构建前端业务应用。 BuilderX:BuilderX 是一款可视化设计工具,支持多个前端平台,包括 React Native、React、Vue.js 等,可以快速设计和开发移动应用。

参考

  1. https://github.com/rjsf-team/react-jsonschema-form
  2. https://github.com/alibaba/formily
  3. https://juejin.cn/post/6858881797490098190