Component-based development framework-building blocks

What is a building block is a development framework for efficient and rapid web application development. The framework abstracts system development into building blocks through a component-based and configurable development model. The building blocks provide a variety of general development components that developers can choose as needed. It can also be expanded based on the existing framework to develop the required components, effectively reducing the development cycle of the project. Obtain

[Source Code address]

Https://gitee.com/geohey/app-jimu

[Example address]

Http://geohey.com/apps/jimu/

[Detailed documentation]

Http://geohey.com/doc/jimu/

Features

• Configurable componentized Development Mode

• Easily expand custom components based on the Framework

In recent years, many excellent development frameworks have been widely used, such as vue and react. What are the differences between the building block framework and development frameworks such as vue and react?

In contrast, building blocks are not so much a framework as a code design pattern. The building blocks adopt a component-based development model. The entire system is composed of a series of components with high cohesion and low coupling. Each component (widget) encapsulates a highly targeted business logic function module, and all the organizational work between components is maintained by the framework. This design mode allows developers to focus more on the internal implementation logic of components. This not only improves the development efficiency, but also makes the maintenance work easier.

Framework Design

In the building blocks, all modules are built in the form of components, that is, what you see is components. The establishment of components is controlled by the configuration file of a system in a unified manner. There are two types of components:

• Common components
• Container Components

A common component is only responsible for implementing its own business logic. In addition to its own business logic, the container component is also responsible for constructing and managing its internal child components according to the configuration. It can be imagined that the app. vue at the outermost layer is a container component, which automatically generates child components. If the child component is still a container component, it will be continuously constructed downward. Until all components are set up

UML diagram of building blocks

What can it bring?

• Basic project development framework with relatively complete functions
• For a component-based development experience, developers only need to pay attention to the business logic of each component.

 

 

Component-based development framework-building blocks