Overview

The 積木 (Block) system is an innovative modular development and visual page-building solution designed specifically for developers and operations teams. Its primary goal is to enhance front-end productivity by increasing the reusability of page modules, while also empowering operations personnel to independently create, maintain, and publish pages based on their requirements. The project has been in use for three months, resulting in over 300 pages created, and there's potential for open-sourcing the project, which could benefit a wider audience.

This system utilizes the Vue framework to simplify and streamline the development process, transitioning away from cumbersome DOM manipulations. By incorporating TypeScript, the project embraces strong typing, making the business logic clearer, more extensible, and easier to maintain. Additionally, the focus on object-oriented and interface-driven programming further enhances the project’s maintainability and extensibility.

Features

Modular Development: The system promotes modular page development, allowing for higher reusability of components and streamlined workflows.
Visual Page Building: A user-friendly interface lets users build and manage pages without needing deep technical expertise, empowering operations personnel significantly.
Vue Framework Integration: Utilizing Vue enhances the front-end experience by minimizing complex DOM manipulations, leading to faster and more efficient development.
Strong Typing with TypeScript: By adopting TypeScript, the system benefits from static types, improving code quality and reducing potential runtime errors.
Dependency Injection: This feature allows functionalities to depend on interfaces rather than implementations, resulting in better extensibility and easier maintenance.
Webpack Construction: The project leverages Webpack to keep pace with the industry’s modular and component-based development approach, ensuring modern build processes.
Real-time Data Access: Users see live data while working on the project since API interfaces are proxied to live projects, allowing for a realistic development experience.
Ongoing Development: There are continual improvements being made, with future tools for front-end developers on the horizon to enhance the overall functionality.

Ljcheibao

Bms Web

Vue Component Select