[inBuilder low-code development lab] Use inbuilder to complete merchant form UBML low-code development-mac environment

Article directory

    • 1. Activity introduction
    • Two, Mac computer environment construction
          • 1. Install nodejs
          • 3. Install java’s jdk `OpenJDK8`
          • 4. Install `PostgreSQL` 10.0 + database
          • 5. Install `inBuilder IDE` community edition software
          • 6. A sign of successful environment construction
    • 4. Use built-in modules to quickly complete low-code practical operations
    • 5. View the low code generated by the platform
    • 6. Summary and harvest

1. Event introduction

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. Mac computer 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/macosx/
IDE inBuilder IDE Community Version https://ibc.inspures.com/

Mine is a Mac computer, so the environment is different from the window system. The system requirements are as follows:

version core memory disk bit CPU type
Minimum MacOS 4 8G 50G x64 x64
recommended MacOs 8 32G 200G x64 x64
1. Install nodejs

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

Note: It is recommended to install 12 or above in nodejs. After installation, you also need to install a special global dependency package Jit

2. Jit online manual installation

(1) Switch the registry source operation command of npm: npm --registry https://registry.npm.taobao.org info underscore

(2) Install the jit-engine global package operation command: npm install -g @farris/jit-engine Note: If you want to install a specified version of jit, such as 1.1.2, then execute npm install -g @farris/[email protected]

(3) Link the execution command of jit to the global operation command: sudo ln -s -i /opt/nodejs/bin/jit /usr/bin/ When prompted whether to overwrite, please enter y, Then press Enter to continue.

(4) Verify that jit is successfully installed Operation command: jit --version If you can get the current jit version number, you can confirm that jit is installed successfully.

2. Install ng online npm install -g @angular/[email protected] to establish an ng connection and execute the command sudo ln -s -i /opt/nodejs/lib/node_modules/@angular /cli/bin/ng /usr/bin/ng

3. Install java jdk OpenJDK8

Usually we use the JVM of the HotSpot version, pay attention to the version selection OpenJDK 8 (LTS), choose AdoptOpenJDK provided by < download the compiled version of code>macOS. After the download is complete, double-click the file and follow the prompts to complete the installation.

Configure JDK environment variables

image-20230524100238953

Mac will automatically configure environment variables during jdk installation.

java -version //View JDK version

Enter java -version to check whether JDK is installed successfully. If the version number appears, it means the installation is successful.

4. 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.

The PostgreSQL official website provides an online installation method. Database configuration After the database is successfully installed, you need to reconfigure the database user password and access rights.

  1. Modify vim /var/lib/pgsql/11/data/postgresql.conf

    password_encryption = md5 not required
    listen_addresses = ‘*’ is not required (this item can be modified if the access address is not restricted)

  2. Modify vim /var/lib/pgsql/11/data/pg_hba.conf

    First change the local connection method to trustlocal all all trust First change the local connection method to trust to restart the service: sudo systemctl restart postgresql-11

  3. You can directly log in to the database without a password psql -H postgres -U postgres Change the postgres password after login alter user postgres with password 'new password';

  4. After changing the password, change the configuration file back to local all all md5 and restart the service, you can log in with the password.

  5. After configuring the database, configure the UUID function (must) configure the UUID function, and install the contrib package

    cd ~/postgresql-9.4.1/contrib/contrib

make

make install

# create UUID function

CREATE EXTENSION IF NOT EXISTS “uuid-ossp”;
5. 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:

When starting for the first time, you need to configure the database password, system login user name and password:

image-20230524104245677

image-20230524104315073

image-20230524104343299

image-20230524104428306

image-20230524091242767

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. Use built-in modules to quickly complete low-code operations

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

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 any module application (or create a new application)

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.

image-20230524091424664

Then create a new page, and the fields on the page are the fields corresponding to the business entity:

image-20230524104631744

image-20230524104652515

image-20230524104710265

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

image-20230515142734408

Seeing this interface means success.

image-20230515143558114

Click Debug to see the effect:

image-20230524104807619

5. Check the low code generated by the platform

Find the project directory, (you can see the setting button in the lower left corner or the workspace-management in the upper right corner during actual operation), and you can see the engineering project generated by inbuilder. This directory is actually the front-end and back-end codes that the low-code platform generates for you and can be used in production environments!

image-20230524105202942

6. Summary and harvest

This time I experienced the domestic low-code platform again: UBML products under Inspur Technology, only need to use the inbuilder IDE development tool to complete the built-in low-code such as financial statements, administrative organization, commodity management, etc. Modules, quickly output project products that can be used for release, and these have reached the production standard.

The only cost of use is that although InBuilder provides powerful tools and automatically generated code, it still requires an understanding of UBML concepts and syntax in order to be able to design and use effectively it.

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

The following is my git repository for this event: https://atomgit.com/lixiong/inbuilder