One, foreword

2021 opens “low code” has become a hot topic, the major cloud vendors are increasing the code. As an ordinary enterprise, do we have a “low code” platform that can also be deeply customized?

Second, cloud vendor’s low code platform

Ali launched easy build, through simple drag, configuration, can complete the construction of business applications. Aims to provide a set of low-cost enterprise application construction solutions for the majority of small and medium-sized enterprises. The application of seamless placement of nail enterprise workbench, anytime, anywhere, efficient collaboration.

Tencent is to launch the micro-build, through professional templates, drag-and-drop components and visual configuration to quickly build multi-terminal applications (small programs, H5 applications, Web applications, etc.), through small programs, cloud functions.

Build our own low code platform? !

Going back to the question in the introduction, can we quickly build our own low-code platform based on open source projects? The answer is yes, there are some very good open source projects out there, apijson, Dataway, and magic-API, which I’ll focus on later, are all very good low code open source projects. Let’s take a look at the three low-code open source projects I recommend today: Baidu Amis, H5-Dooring, and Magic-API.

3.1 Baidu Amis (Front end)

Baidu Amis is a set of front-end low code framework, through JSON configuration can generate a variety of background pages, greatly reduce the development cost, even do not need to understand the front-end.

3.2 H5-Dooring (Front-end)

H5-dooring, make H5 production as simple as building blocks, easily build H5 page, H5 website, PC website, visual design.

H5 page drag generated:

New Digital Large Screen:

Digital large screen effect:

For more information, please visit h5.dooring. Cn

3.3 Magic-API (Back End)

Magic-api is a Rapid development framework based on Java interface, writing interface will be completed through the UI interface provided by Magic-API, automatically mapped to HTTP interface, Without defining Controller, Service, Dao, Mapper, XML, VO and other Java objects, common HTTP API interface development can be completed.

Online development and debugging UI:

Iv. Magic-api construction

Since magic-API is open source in China, I have been paying attention to this project. Magic-api construction is relatively simple, quickly start with the official warehouse.

4.1 Adding a Dependency

<! -- referenced as spring-boot-starter -->
<dependency>
    <groupId>org.ssssssss</groupId>
    <artifactId>magic-api-spring-boot-starter</artifactId>
    <version>1.0.1</version>
</dependency>
Copy the code

4.2 Adding the Configuration

server.port=9999Magic-api. web=/magic/web When starting with classpath, the read-only mode is magic-api.resource. Location =/data/magic-api
Copy the code

4.3 the effect

4.4 Adding an Interface

Click execute to see the effect, there is no demonstration here, magic-API official made a large number of various functions of the demonstration, you can go to experience experience. Address: http://140.143.210.90:9999/magic/web/index.html

4.5 Magic-Script for magic-API core

Magic-api underlying use is the author (Xiao Dong) developed magic-Script to execute scripts, he is a JVM scripting language syntax similar to JS. The author develops many useful functions, among which linq function is very 🐂💨.

Example:

var list = [{
    sex : 0.name : 'Ming'}, {sex : 1.name : 'flower'
}]
return select * from list t where t.sex = 0
Copy the code

Results:

{
    "sex": 0."name": "Xiao Ming"
}
Copy the code

V. Use in combination with MICA

5.1 Add micA-BOM dependency

<dependencyManagement>
    <dependencies>
        <dependency>
            <groupId>net.dreamlu</groupId>
            <artifactId>mica-bom</artifactId>
            <version>${mica.version}</version>
            <type>pom</type>
            <scope>import</scope>
        </dependency>
    </dependencies>
</dependencyManagement>
Copy the code

5.2 MicA-logging seamless access

Mica-logging is easy to access by adding a dependency:

Note: See the MICA documentation for more configurations such as JSON logging and Logstash log collection.

5.3 MICA-CAPTCHA Verification Code

Base64 Verification code:

5.4 MICA-IP2Region IP address transfer location

Sample project source: gitee.com/596392912/m…

From micA access, it can be seen that magic-API has very good scalability. For more custom configurations and extensions, we can check the official document:

Low code open source

Front end:

Amis (Baidu Front-end Low Code Framework) : github.com/baidu/amis

Sortable:github.com/SortableJS/…

Good code: gitee.com/ymm-tech/go…

H5-Dooring:github.com/MrXujiang/h…

The backend:

Apijson:github.com/Tencent/API…

Dataway:gitee.com/zycgit/haso…

Magic-api:gitee.com/ssssssss-te…

Seven,

We can also build our own low code platform based on open source projects such as Magic-API. Of course, we still need some work to develop this low-code platform, mainly through the Web UI and back-end interface API. I once worked on an e-commerce project where many activities were requested on Friday afternoon and had to be launched on Monday. With low-code tools such as magic-API, we can quickly accomplish these requirements. Finally, I hope this article can inspire you.