At present, the mainstream low-code development platforms in China include: Kingdee, UFIDA, Yidao, Yuncheng, Jiandaoyun, Mingdaoyun, Tritium Cloud, Partner Cloud, Daoyiyun, JEPaaS, Huayan Rubik's Cube, Dadayun, JeecgBoot, RuoYi, etc. These platforms have their own advantages and disadvantages, and their positioning is also different. Users can choose according to their own needs. If an enterprise wants to develop a low-code platform from scratch independently, how to choose technology?
The Hydrogen platform is a low-code platform that I led the team to build for 3 years, so the name will appear in large numbers in this series of documents, so I won’t repeat the explanation.
-
Process engine selection
The well-known open source process engines on the market include osworkflow, jbpm, activiti, flowable, and camunda. Among them: the four frameworks of Jbpm4, Activiti, Flowable, and camunda have the same origin, and their ancestors are all Jbpm4, and the smooth engine selection of the hydrogen platform is Flowable6.5 -
Process designer selection
For process visualization in low-code platforms, the process designer is an important supporting tool. Currently, the mainstream process designers on the market include bpmn-js, mxGraph, Activiti-Modeler, flowable-modeler, easy- flow, bpmn2-modeler plugin, etc. The hydrogen source platform selection is bpmn-js+ self-expanding. -
Low-code designer selection
Ali’s low-code designer Low-Code Engine, Baidu’s low-code amis, and foreign low-code Appsmith, these designers are all based on react technology. Vue is open source and there are not many excellent designers. The selection of Hydrogen low-code designer is Ali low-code engine+ self-extension. Note: (Ali's low-code engine loads slowly, and the source code is more complicated, and the general team cannot control it) -
There are many open source projects in the form designer selection market, such as: form-generator is a form designer based on Element UI, and vue-form-making is a visual form designer based on vue and element-ui, but compared to Ali Designer There is a certain gap, so it needs to be expanded according to the Ali designer, but a lot of transformation is required to make it available at the enterprise level. -
The front-end technology selection
vue adopts vue2.0, vue3.0, vue2.0 is some historical debt, the newly developed project adopts vue3.0, react adopts react18.1, and the micro front-end framework adopts qiankun and MicroApp. Both qiankun and MicroApp have their own advantages and disadvantages. The original hydrogen platform is divided into application development state and application running state. MicroApp is used in application development state. The reason is that the integration of MicroApp is simpler, and the idea of WebComponent is more suitable for the integration and reuse of complex applications. The qiankun is used in the running state of the application, because the application created by Ali Designer uses qiankun for better performance. -
Visual chart selection
• echart is an old JavaScript-based open source visual chart library
• D3.js is a data-driven visualization library that can run independently in modern browsers without any other frameworks. It combines powerful visual components to drive DOM operations
• antv contains a complete set of visual component systems
• Chart.js is an easy-to-use JavaScript charting library based on HTML5
• metrics-graphics is a visualization library built on top of D3, optimized for visualizing and arranging time series data
• C3. js makes it easy to generate D3-based charts by packaging the code required to construct the entire chart.
Because the hydrogen platform needs to consider various business scenarios, it adopts the method of echart+d3+antv to realize visual development. -
The front-end ui framework selection
Vue2.0 control library selection ivew** (historical project)**, the vue3.0 control library selection is ant Design, the react control library selection is ant Design, Ant Design is released as a design language, After years of iteration and accumulation, its UI design ideas have become a set of de facto standards, sought after and loved by many front-end developers and enterprises. -
The less css management tool
Less is a CSS preprocessing language. It extends the CSS language and adds features such as variables, Mixins, and functions, making CSS easier to maintain and expand. Less can run on Node or the browser.
There are many technical options, and the subsequent chapters will gradually add