GoView: A low-** data visualization development platform based on VUE3 (Gitee's most valuable project).
Summary:
With the continuous development of information technology, the demand for software development is becoming increasingly strong. In order to improve development efficiency and reduce development costs, a low-quality development platform came into being. This article will introduce a low-** data visualization development platform based on the VUE3 frameworkâGoView. The platform uses TypeScript for type constraints, combined with technology stacks such as VITE2, **UI, ECHARTS5, AXIOS, PINI2, and PlopJS, to provide users with a solution to quickly build data visualization applications.
I. Introduction
The Low-Code Development Platform (LCDP) aims to lower the technical threshold for software development and improve development efficiency through graphical interfaces and preset components. As one of the leaders, GoView not only provides rich chart and page element components, but also achieves a high-performance and highly scalable development experience through encapsulation and optimization technology.
2. Overview of the technology stack
Vue3: As a leader in front-end frameworks, Vue3 provides a solid foundation for GoView with its concise API, efficient and responsive system, and flexible componentization features.
TypeScript4: As a superset of J**Ascript, TypeScript provides static type checking and powerful IDE support, which significantly improves the quality and development efficiency.
VITE2: As a new generation of front-end build tools, VITE2 implements fast cold start and hot module update through native ESM and rollup packaging.
UI: **UI is a lightweight, beautiful Vue3 component library that provides GoView with rich UI components and a friendly development experience.
ECHARTS5: ECHARTS5 is an open-source data visualization library that supports rich chart types and interactive functions, providing GoView with powerful chart rendering capabilities.
Axios: Axios is a Promise-based HTTP client that provides efficient and stable data request and response processing for GoView.
PINIA2: PINIA2 is VUE3's state management library that simplifies the complexity of state management and provides an intuitive and easy-to-use API.
plopjs: plopjs is a small nodeThe JS module, which provides a simple, interactive CLI to help developers quickly generate files, components, and fragments.
Project pure front-end - demo address:
The project has a backend-demo address:
Cloud IDE **Preview address:
Backend address (community implementation, FYI):
j**a (currently in use).
net node
docker image
Interface documentation (not the latest, prior to **).
Framework: Written based on the VUE3 framework, using hooks to extract part of the logic to make the structure clearer;
Type: TypeScript is used for type constraint to reduce the probability of unknown errors, and the logical content can be boldly modified.
Performance: Multiple performance optimizations, such as lazy page loading, dynamic component registration, and data scrolling loading, improve page rendering speed.
Storage: It has local memory, and some configuration items use storage to store locally to improve the user experience.
Encapsulation: The project is encapsulated with detailed utility classes such as: routing, storage, encryption and decryption, file processing, themes, UI global methods, components, etc.
Selected as a featured resource by the UI community: Check out the list of UI recommendations.
Documentation:
Workbench:
Request configuration:
Data Filtering:
Advanced Event Edit:
Custom component colors:
Quick Home Page:
Accent color:
Bright White Theme:
The main technology stacks are:
Development Environment: Completed Chart:
The development and testing platform is done on Google and the latest version of Edge, and other browsers such as IE11 have not been tested yet.
Please check the documentation:
3. GoView features
Encapsulation and abstraction: GoView encapsulates and abstracts common functions and business logic, and reduces the learning cost and workload of developers by providing a series of basic components and utility classes.
Performance optimization: Goview significantly improves page rendering speed and system performance through technical means such as lazy page loading, dynamic component registration, and data rolling loading.
Local memory: GoView supports local storage, and some configuration items use storage to store locally, which improves user experience and system stability.
Easy to extend: GoView's modular design allows developers to easily expand features and components to meet changing business needs based on business needs.
IV. Conclusions
As a low-quality data visualization development platform based on VUE3, GoView provides developers with an efficient and convenient data visualization application development experience with its powerful technology stack, excellent performance, and rich functions. In the future, with the continuous development of technology and the continuous change of market demand, GoView will continue to optimize and improve to provide more users with better services.
Project ** Address:
February** Dynamic Incentive Program