技术文章

【inBuilder 低代码开发实验室】使用inbuilder完成商户表单UBML低代码开发-mac环境

rixiong

An editor at Blogzine


  • 2023-05-25
  • 10天前
  • 2897
  • 34 Views
  • 100

一、活动介绍

本次开放原子训练营开启inBuilder低代码实验室,包含5次课程,基于浪潮nBuilder低代码开发平台社区版(基于UBML开源项目的一个可以广泛使用的发行版),体验向导式、可视化、拖拽式开发方式,实现数字化转型中的场景应用。参与者通过训练营的学习和实践,掌握低代码开发的技能和方法,提高开发效率和业务响应速度,减少开发成本和风险。

最重要的是它是免费企业级低代码平台!

二、Mac电脑的环境搭建

总结来说,搭建环境需要准备4样工具:

软件版本下载地址
Node.jsNode 8.0+https://nodejs.org/zh-cn/download/
JDKOpenJDK8(LTS)https://adoptopenjdk.net/releases.html
数据库PostgreSQL 10.0+https://www.postgresql.org/download/macosx/
IDEinBuilder IDE 社区版https://ibc.inspures.com/

我的是Mac电脑,所以环境与window系统不太一样。系统要求如下:

版本核心内存磁盘bitCPU 类型
最低MacOS48G50Gx64x64
推荐MacOs832G200Gx64x64
1、安装nodejs

直接到官网下载nodejs,然后像安装普通软件,比如QQ那样安装即可。

注意:在nodejs建议安装12及以上,安装后,还需要安装一个特别的全局依赖包 Jit

2、Jit在线手动安装

(1) 切换npm的注册源操作命令:npm --registry https://registry.npm.taobao.org info underscore

(2) 安装jit-engine 全局包操作命令:npm install -g @farris/jit-engine注意:如果要安装指定版本的jit,例如 1.1.2,那么执行npm install -g @farris/jit-engine@1.1.2

(3) 将jit的执行命令链接至全局操作命令:sudo ln -s -i /opt/nodejs/bin/jit /usr/bin/在提示是否覆盖时,请输入y,然后回车继续。

(4) 验证jit是否安装成功操作命令:jit --version如果可以得到当前jit版本号,那么可以确认jit安装成功。

2、ng 在线安装npm install -g @angular/cli@7.3.9建立ng连接,执行命令sudo ln -s -i /opt/nodejs/lib/node_modules/@angular/cli/bin/ng /usr/bin/ng

3、安装java的jdk OpenJDK8

通常我们使用HotSpot版本的JVM,注意版本选择OpenJDK 8 (LTS),选择AdoptOpenJDK提供的macOS的编译版本下载。下载完成后,双击文件根据提示即可完成安装。

配置JDK的环境变量

image-20230524100238953

Mac在安装jdk过程中会自动配置环境变量。

java -version //查看JDK版本

输入java -version检测JDK是否安装成功,如果出现版本号表示安装成功。

4、安装PostgreSQL 10.0+数据库

该数据库是免费开源的,首选,如果你电脑已经安装过MySQL,也可以跳过。

PostgreSQL 官网给出了在线安装的方法, 数据库配置 数据库成功安装后需要重新配置数据库用户密码和访问权限。

  1. 修改 vim /var/lib/pgsql/11/data/postgresql.conf

    password_encryption = md5 非必须
    listen_addresses = ‘*’ 非必须(如果不限制访问地址可以修改此项)

  2. 修改vim /var/lib/pgsql/11/data/pg_hba.conf

    先将本地连接的方式改成trustlocal all all trust 先将本地连接的方式改成trust重启服务: sudo systemctl restart postgresql-11

  3. 不需要密码就可以直接登陆数据库 psql -H postgres -U postgres 登陆后更改postgres 密码 alter user postgres with password 'new password';

  4. 更改完成密码后,配置文件更改回去local all all md5重启服务后,可以用密码登陆。

  5. 配置好数据库后,UUID函数配置(必须)配置UUID 函数,安装contrib包

    cd ~/postgresql-9.4.1/contrib/contrib
    
    make
    
    make install
    
    # 创建UUID函数 
    
    CREATE EXTENSION IF NOT EXISTS “uuid-ossp”;
    
5、安装inBuilder IDE 社区版软件

这个就是活动方浪潮科技潜心开发的低代码IDE开发工具,通过该工具就能实现低代码拖拉跩开发!

直接下载,无需安装,即可启动,见下图:

第一次启动,需要配置数据库密码、系统登录用户名密码:

image-20230524104245677

image-20230524104315073

image-20230524104343299

image-20230524104428306

image-20230524091242767

6、环境搭建成功的标志

能通过http://localhost:5200/ 访问到低代码开发平台界面即表示搭建成功

四、使用内置模块快速完成低代码实操

1、使用环境搭建时,预设的系统用户名和密码登录http://localhost:5200/

image-20230515141641316

2、点击设计器

image-20230515141706634

3、创建工作空间并启用 工作创建后,会将指定的目录作为设置为工作空间,用于存放在开发过程中的生成物以及依赖物,默认新建工作空间为/worksapce,该位置为相对路径,如果安装盘所在盘符根目录下没有该目录,会自动创建该目录。也可以改为绝对路径。

也就是这里设置的工作区,其实就是它帮你生成的代码,后续就在这里复制工程代码即可

4、进入设计器

点击动手实验应用域,然后点击基础数据模块(也可以点击左上角创建按钮进行创建应用域和模块)

点击任意模块应用(或新建应用)

image-20230515141908765

5、根据直播视频 https://live.csdn.net/room/csdnnews/NOJrQRAh 第38分钟开始 进行第一个动手实操,约5分钟即可完成。

image-20230524091424664

然后再新建一个页面,页面中的字段即为业务实体对应的字段:

image-20230524104631744

image-20230524104652515

image-20230524104710265

6、如果要预览(调试按钮),请先发布

image-20230515142734408

看到这个界面就表示成功了。

image-20230515143558114

点击调试即可看到效果:

image-20230524104807619

五、查看平台生成的低代码

找到项目目录,(在实操时左下角的设置按钮或右上角工作区-管理可以看到),就可以看到inbuilder生成的工程项目。该目录其实就是低代码平台为你生成的可用于生产环境的前后端代码!

image-20230524105202942

六、总结和收获

本次我再次体验了国内的低代码平台:浪潮科技下的UBML产品,只需要使用inbuilder IDE开发工具即可完成诸如财务报表、行政组织、商品管理等内置的低代码模块,快速输出能用于发布的项目产品,这些已经达到构建生产标准。

唯一的使用成本是,尽管InBuilder提供了强大的工具和自动生成的代码,但仍需要理解UBML的概念和语法,以便能够有效地设计和使用它。

从这里还可以看到活动介绍: https://marketing.csdn.net/p/dbf8ee27f154f238649643d47ca5ec04

以下是我本次活动的git仓库:https://atomgit.com/lixiong/inbuilder

版权声明:

本文为[rixiong]所创,转载请带上原文链接,感谢

https://blog.csdn.net/rixiong/article/details/130842730


评论数 0



留下回复

如果您是个网络喷子或者键盘侠,那么建议您多看少说。