[inBuilder Low Code Development Lab] Use inbuilder to complete UBML low code design

Article directory

    • 1. Activity introduction
    • 2. Process steps
    • 3. Environment construction
          • 1. Install nodejs
          • 2. Install java’s jdk `OpenJDK8`
          • 3. Install `PostgreSQL` 10.0 + database
          • 4. Install `inBuilder IDE` community edition software
          • 6. A sign of successful environment construction
    • 4. Complete the low-code experimental operation
    • 5. Summary and harvest

1. Event introduction

With the development of digitization, low-code platforms have become the solution to speed up development and meet the growing demand. At the same time, low-code platforms allow developers to use graphical interfaces and visual programming tools to develop applications without writing a lot of code.

This approach reduces development time and technical difficulty while improving application quality and maintainability.

This open atom training camp opened the inBuilder low-code laboratory, including 5 courses, based on the Inspur nBuilder low-code development platform community version (a widely available release based on UBML open source projects), experience wizard, visualization, drag and drop development methods to realize scenario applications in digital transformation. Through the learning and practice of the training camp, participants master the skills and methods of low-code development, improve development efficiency and business response speed, and reduce development costs and risks.

The most important thing is that it is free enterprise-level low-code platform!

2. Process steps

It can be roughly divided into two parts: environment construction and low-code practical operation.

  1. According to the manual or video https://live.csdn.net/room/csdnnews/NOJrQRAh (starting at 18:50), build a good environment (nodejs, jdk, database, a jit node global dependency package)
  2. Download the inbuilder tool (https://ibc.inspurs.com/)
  3. According to the video https://live.csdn.net/room/csdnnews/NOJrQRAh (30:00) minutes to start the project, it can be accessed through http://localhost:5200/, and then according to the video (38:00 ) minutes to start the first hands-on practice
  4. Find the project directory, (you can see it in the setting button in the lower left corner or the work area in the upper right corner during the actual operation), this file is actually the front-end and back-end code generated by the low-code platform for you and can be used in the production environment!

In addition to the live broadcast, the organizer also thoughtfully prepared a super detailed graphic tutorial. Newcomers can experience the low-code platform just by following the tutorial step by step, and the participation is unprecedentedly smooth.

So next, I will explain how to use the platform from the above two parts.

3. Environment construction

In summary, you need to prepare 4 tools to build the environment:

Software Version Download URL
Node.js Node 8.0 + https://nodejs.org/zh-cn/download/
JDK OpenJDK8(LTS) https://adoptopenjdk.net/releases.html
Database PostgreSQL 10.0 + https://www.postgresql.org/download/windows/
IDE inBuilder IDE Community Version https://ibc.inspures.com/

Note: It is recommended to install 12 or above in nodejs. After installation, a special global dependency package needs to be installed

npm install -g @farris/[email protected]
1. Install nodejs

Go directly to the official website to download nodejs, and then install it like installing ordinary software, such as QQ

2. Install java jdk OpenJDK8

The download is a green free installation version, no installation is required, just unzip it to any disk, and then configure it in the environment.

image-20230523203332938

3. Install PostgreSQL 10.0 + database

The database is free and open source, first choice, if you have installed MySQL on your computer, you can also skip it.

image-20230523203533758

4. Install inBuilder IDE community edition software

This is the low-code IDE development tool developed by Inspur Technology, the event party, through which low-code drag-and-drop development can be realized!

Direct download, no need to install, you can start, see the picture below:

image-20230523203856455

6. A sign of successful environment construction

If you can access the interface of the low-code development platform through http://localhost:5200/, the construction is successful

4. Complete the low-code experiment operation

1. When using the environment to build, log in to http://localhost:5200/ with the default system username and password

image-20230515141641316

2. Click on the designer

image-20230515141706634

3. After creating a workspace and enabling job creation, the specified directory will be set as the workspace to store the products and dependencies during the development process. The default new workspace is /worksapce , the location is a relative path. If there is no such directory under the root directory of the drive letter where the installation disk is located, it will be created automatically. It can also be changed to an absolute path.

That is, the workspace set here is actually the code it generates for you, and you can copy the project code here later

image-20230523204208710

4. Enter the designer

Click the hands-on experiment application domain, and then click the basic data module (you can also click the Create button in the upper left corner to create application domains and modules)

Click on Executive Apps (or New App)

image-20230515141908765

5. According to the live video https://live.csdn.net/room/csdnnews/NOJrQRAh, the first hands-on operation will start at the 38th minute, and it will take about 5 minutes to complete.

6. If you want to preview (debug button), please publish first

image-20230515142734408

Seeing this interface means success.

image-20230515143558114

The following is the rendering:

image-20230523204406152

image-20230523204729336

5. Summary and harvest

Through this activity, I have seen Inspur’s practice in this area, and provided new ideas and references for low code development.

image-20230515153039444

inbuilder is actually far more powerful than you think. It has many built-in out-of-the-box projects, which can be quickly developed just like building blocks. Of course, developers can also creatively customize projects according to their own needs and real business scenarios.

You can also see the activity introduction from here: https://marketing.csdn.net/p/dbf8ee27f154f238649643d47ca5ec04

Git address: https://atomgit.com/kxlong/inbuilder