The previous section has introduced the technical selection of some front-end components, and this section continues.
-
AntV data visualization component
AntV is a data visualization project and a team. Ant Financial Data Visualization Team, a group of people with love and dreams, is moving forward with the dream of "let people acquire visual thinking ability in the data world". Hope Achieve the world's leading data visualization solution in the intelligent era to meet the increasing demand for data insight.
AntV currently covers statistical charts, mobile charts, graph visualization, geographic visualization, 2D drawing engine and intelligent visualization, mainly including G2, G6, F2, L7 and a complete set of chart usage and design specifications. Thanks to rich business scenarios and user demand challenges, AntV has experienced years of accumulation and continuous polishing, and has supported 20,000+ business systems inside and outside the Ali Group. It has passed the rigorous test of tens of millions of UV products per day. Visualize your most critical infrastructure. -
The report Excel display production component
Lucksheet, which is similar to Excel spreadsheets, is often used in all walks of life; and with the continuous deepening of electronization and background, the spreadsheet is moved to the Web page of the management background, and gradually It has become a more mainstream way of using spreadsheets. Compared with scattered Excel files, spreadsheets in the web version are easier to manage and more convenient. Luckysheet is a nice pure front-end online spreadsheet. (Note: Lucksheet printing is not particularly convenient. Big data has performance problems. We have modified the printing to generate pdf through java for printing. Big data is also realized by using the backend.) -
Mobile interface designer
At present, there are very few open source and excellent mobile terminal designers on the market. At first, I wanted to transform it based on vite-vue3-lowcode, but the writing was too bad to meet the requirements of the enterprise, so I finally gave up. Use vant4+vue3 for self-development. -
Mobile Visual Designer
Mobile visualization is different from mobile interface development. The mobile visual interface pays more attention to the display of charts. The business logic is not as complicated as the interface designer, but it pays more attention to display and data conversion. Of course, it can be combined with the mobile interface designer. , but considering the difference in operation mode and component display, it is recommended to manage and maintain them separately. -
The mobile framework
React Native (referred to as RN) is a cross-platform mobile application development framework open sourced by Facebook in April 2015. It is a derivative of Facebook's earlier open source JS framework React on the native mobile application platform, and supports iOS and Android platforms. RN uses Javascript language, JSX similar to HTML, and CSS to develop mobile applications, so technicians familiar with Web front-end development can enter the field of mobile application development with little learning. The platform uses a mobile designer to generate metadata, and then generates react native related codes based on the metadata to achieve rendering and display. -
When it comes to vue
, when it comes to printing, most people think that using vue-print, vue-print can achieve simple printing, but if you implement a print designer or print complex forms and forms, there is no way, hydrogen The hiprint used by the print component of the original platform. hiprint is an older set of frameworks, and the display deliverables are relatively general, and a lot of changes are required to meet the standards for enterprise use. Note: The changes are relatively large, no less than rewriting, but there are many ideas in it that can be used for reference from hiprint -
Portal Designer
Portal Designer is called Workbench Designer on some platforms. At present, I have not found a particularly good open source designer, so I can only develop it myself. I invested 2 front-end architects in 3 months to complete the development and testing, and generally achieved the expected goal. This component can be used as the core weapon of the unified portal, which can define and dynamically adjust the portal for various tenants and applications. -
Login Designer
The login designer is a niche designer. Most low-code manufacturers do not provide this designer, but our goal is that tenants can have thousands of faces, from login, frame layout, workbench, logo, color Themes can be adjusted. These adjustments can be customized and adjusted not only for tenants, but also for individual applications. Since there are no open source ones, let’s develop them ourselves. -
Back-end function editor
If a low-code platform claims that application development can be realized without writing a single line of code, you can believe it, but I don't believe it anyway. Especially slightly more complex applications will inevitably need to write code. In order to reduce the user's threshold and learning costs, the platform provides a function editor to realize the writing of js code by dragging and dropping, which can be called by the back-end Java, so that the communication between the back-end and the front-end can be easily realized. In fact, it is similar to serverless, and there are few similar open source designers, self-developed. -
Interactive event function editor
Whether it is a login designer, a portal designer, a custom interface designer, a visual interface designer, or a form designer, it is inevitable that there will be interactive operations when designing the interface, and it is inevitable that you need to write js code to intervene . In order to allow business personnel to develop, the platform provides a webIDE for professional code writing, as well as an event editor in drag-and-drop mode. This kind of designer is currently not open source, so it can only be developed by itself. -
Integration Service Designer
Integration services have now become standard components on low-code platforms. They used to be called data buses and integration platforms. If low-code platforms cannot integrate third-party system APIs and third-party system data, then such platforms The applicability is very limited. In order to achieve system integration and data integration in a 0-code manner, it is necessary to provide an integration service designer to implement integration-related work through drag-and-drop and configuration. Tencent's Queqiao and hiflow are similar products. In order to create technical barriers for the original hydrogen platform, coupled with the fact that there are very few excellent open source components and platforms, it can only be self-developed. -
When the report designer
mentions reports, you may think of a bunch of suppliers, such as Fanruan, Crystal Reports, etc., but as a low-code platform, some applications are very simple applications, and the requirements for reports are also very simple. It is still inappropriate to use a third-party supplier, so I still plan to integrate a simple report designer. The open source ureport2 is okay, but to be honest, the ureport2 designer is too ugly and difficult to use. The team used it for a week and gave up decisively. Study it yourself. Self-research based on lucksheet to realize related functions of ureport2.
to be continued