chaojidan

摘要： 依赖的东西： 对象建模 逻辑编辑器 数据源 变量体系 事件交互体系 组件定义 属性分类 二开 界面： 在物料区有三个点需要重点关注： 1.变量需要单独进行管理 2.动作需要单独进行管理 3.二开组件的定义，个人推荐先实现两种：一种是同类型的组件进行灵活重组，属性区只需要做一点点的改变；一种是不同类型 阅读全文

摘要： 作为一个低代码平台，每个公司的业务不一样，需要的编辑器也不一样，我这里介绍的比较全一点： 页面编辑器：构建基本的页面，比如：表单页面，图表页面，管理类的系统都需要这种编辑器，供PC端使用 移动端编辑器：构建移动端的页面，比如：一个app可以通过这个编辑器构建出来 流程编辑器：构建一个业务流程的编辑器 阅读全文

摘要： 上篇文章把工具的定义以及工具和编辑器之间的关系讲清楚了，这篇文章主要讲编辑器和组件的定义。 编辑器的定义： 1 { 2 name:"PageEdit", 3 link:"http://xxx.xxx.com/edit/pageEdit", 4 helpDoc:{} 5 component:[{ // 阅读全文

摘要： 工具要做到高度可配，灵活重组，那就必须做到工具本身的功能是可以配置的，同时工具加载的编辑器是动态可配的。 技术栈的选择： vue3+ts+pinia+webpack5+prettier+eslint+git+Jenkins 第一点：工具本身的功能是可以配置的 在技术实现上，就必须做到工具上所有可视化 阅读全文

摘要： 组件，顾名思义就是编辑器的基本组成部分，比如：柱状图，文本框，下拉框等组件 编辑器，可以输出一个完整产物的工具，比如：页面编辑器，移动端编辑器，大屏看板编辑器，建模编辑器等 工具（平台），可以把编辑器的产物进行互相的引用，串联，输出一个完整的应用，这个应用可以部署运行时 几个说明： 1.工具（平台） 阅读全文

摘要： 低代码顾名思义主要是为了解决两个核心问题： 1.不懂代码的人或者不是程序员的人，比如：产品经理，运营，测试，交付等可以通过低代码实现之前需要用写代码的方式生成的应用（通常以页面的方式呈现） 2.提高效率，通过低成本的大量复制，给公司节省研发成本，提高公司的竞争力，给公司赚取利润 竞品分析： 1.me 阅读全文

摘要： webpack是一个用于现代 JavaScript 应用程序的静态模块打包工具 webpack解决的问题： 对模块化编程的支持 通过loader可以使 webpack 支持多种语言和预处理器语法编写的模块，如Vue, React,等 webpack-dev-serve提供的本地服务和无需刷新整个页面 阅读全文

摘要： 基于canvas的画图，可以选择阿里巴巴的G6，使用它提供的api进行画图，这种方案适合小公司小团队；如果公司规模和团队还不小，可以基于d3自己封装画图的能力，可以参考G6或者国外的一些开源项目，这样子在性能和功能上都做到的自主可控，我当时在的公司和团队还不错，所以选择自己来搞，基于d3自己分装的画 阅读全文

摘要： 有些公司的业务需要把一篇篇文章里面的关键字标记出来，如果不符合的文章就不发布出去，标记文章里面的关键字有多种方案，比如：使用svg进行标记；使用dom进行标记；使用canvas进行标记。 我个人推荐使用Dom进行标记，符合Dom操作的习惯，而且简单易用，易于理解，同时不需要深入了解画图类的技术底层。 阅读全文

摘要： 大部分公司在做国际化的时候，都是在已有项目上去做，即便一开始项目启动时做了预留的口子，但是前期项目上线时还是先上线中文版的，少数的项目是一开始就做国际化的，所以大部分的情况下，都是怎么把一个中文版的项目以最低的成本改造成一个国际化的项目。 最通用的方案： 当然里面还涉及到很多的细节，比如：发起第一次 阅读全文