【inBuilder 低代码开发实验室】使用inbuilder完成UBML低代码设计开发

本文涉及的产品
函数计算FC,每月15万CU 3个月
简介: 【inBuilder 低代码开发实验室】使用inbuilder完成UBML低代码设计开发

一、活动介绍

开放原子训练营开启inBuilder低代码实验室活动。无论您是计算机行业相关从业者、低代码开发爱好者还是普通用户,都可以基于inBuilder低代码开发平台社区版(基于UBML开源项目的一个可以广泛使用的发行版),体验向导式、可视化、拖拽式开发方式,实现数字化转型中的场景应用。

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

二、我所认识的低代码平台

今年是AI运用、元宇宙爆发的一年,在开发领域,我更关注的是低代码平台。我在去年曾经参与过低代码平台的开发建设,今年7月份曾经做过一次[公开课直播],那次公开课我认为在线笔记本平台notion其实就是目前低代码平台的集大成者,一个首先实现低代码平台的地方,因为它的核心就是 ,用来完成各种笔记元素,而每一个块对应的其实就是低代码,因为本质上这些对应的就是一段代码。

在2022年12月24日,我有幸体验了亚马逊云科技 Build On 的 Serverless 产品。首先Serverless 这个概念并不是最新的,我在年初写《2022年中高级前端需要学习的25种前端技术栈》就已经把低代码开发平台Serverless 无服务器架构列入2022年需要关注的前端技术栈,只可惜当初只知道国内腾讯云、阿里云等几大云平台有相关介绍,但没有成熟稳定可行的产品来试用体验。

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

三、使用inbuilder开发工具拖拉跩实现 低代码产品开发

如果我们用传统的程序开发方式,假设要开发财务报销报账管理系统,我们的开发流程大概是要经历这么几步骤的:

  1. 成立技术开发团队,来负责产品、开发、运维工作,这里起码需要5-6名人员
  2. 需要开发2个项目,分别是前端用户PC端、后端管理系统
  3. 不断的后期维护、更新、投入

以上所消耗的人力、物力、财力绝不是一个小微企业所能接受的。后疫情时代,更加需要互联网的帮助和支持,才能赢得生机。

对于小微企业或者尚未形成规模的线下店而言,自己开发程序是性价比最低,也是最不推荐的方式。所以想要几乎0成本就拥有完全可控的报账记账等系统,不妨来试试浪潮科技所带来的 inbuilder UBML解决方案。

如果想快速完成实验,只需根据如下步骤即可完成。

大体可以分为两大部分:环境搭建、完成低代码实操。

  1. 根据手册或视频 https://live.csdn.net/room/csdnnews/NOJrQRAh (18:50开始)搭建好环境(nodejs、jdk、数据库、一个jit的node全局依赖包)
  2. 下载inbuilder工具(https://ibc.inspures.com/
  3. 根据视频 https://live.csdn.net/room/csdnnews/NOJrQRAh (30:00)分钟开始将项目跑起来,能通过http://localhost:5200/ 访问,再根据视频的第(38:00)分钟开始 进行第一个动手实操,约5分钟即可完成,接着可继续其他实验,也可根据真实业务场景自行创设(建议新建工作区再继续)
  4. 找到项目目录,(在实操时左下角的设置按钮或右上角工作区-管理可以看到),提交除node_modules外的项目文件,该文件其实就是低代码平台为你生成的可用于生产环境的前后端代码!

除了直播搭建,主办方还贴心的准备了一个超级详细的图文教程,只需要根据教程一步步来新人也能体验低代码平台,参与度前所未有的畅快。

所以接下来将从以上2个部分来讲解如何使用该平台。

四、环境搭建

根据手册

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

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

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

npm install -g @farris/jit-engine@1.1.2

依次往下安装,配置,如果你需要官方的手册,也可以私聊我v(imqdcnn)单独发给你。

环境搭建成功的标志是能通过http://localhost:5200/ 访问到低代码开发平台界面。

五、5分钟完成低代码实验

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

2、点击设计器

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

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

也可以在进行实验时,在设置中看到,比如我的:

4、进入设计器

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

点击行政人员应用(或新建应用)

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

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

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

六、财务报销报表实验活动成果截图

七、总结

通过这次活动,给我最大的感受是,对于用户而言,他多了个小成本就能拥有在线服务的机会,而对于开发者而言,也见识了浪潮在这方面的实践,为低代码开发提供了新的思路和借鉴。

inbuilder其实远比你想象得更强大,他内置了很多开箱即用的项目,就像搭积木那样就可以快速实现开发。当然开发者也可以创造性的根据自己的需求,真实的业务场景来定制化项目。

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

以下是通过inbuilder生成的代码和演示视频仓库地址:https://atomgit.com/ycluo/ubml

============

如果你在web前端开发、面试、前端学习路线有困难可以加我V:imqdcnn。免费答疑,行业深潜多年的技术牛人帮你解决bug。

祝你能成为一名优秀的WEB前端开发工程师!

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
相关文章
|
7月前
|
智能设计 UED
Dooring低代码关于辅助设计的思考和实践
Dooring低代码关于辅助设计的思考和实践
71 0
|
7月前
|
Cloud Native 前端开发 Java
inBuilder低代码开发实验室,低代码到底该长什么样
inBuilder低代码开发实验室,低代码到底该长什么样
94 0
|
4月前
|
机器学习/深度学习 人工智能 架构师
未来编程趋势:低代码和无代码开发平台
【8月更文挑战第16天】随着企业数字化转型的加速,传统的软件开发模式已无法满足日益增长的业务需求。低代码和无代码开发平台的兴起,为非技术背景人员打开了一扇快速实现应用创新的大门。本文将探讨这一趋势如何重塑软件开发领域,以及它对IT专业人员的意义。
|
4月前
|
人工智能 安全 物联网
低代码开发10平台,总有一款适合你
本文介绍的十款低代码开发平台,如Zoho Creator、OutSystems等,各具特色,满足不同业务需求。Zoho Creator提供强大灵活的应用构建能力,支持自动化工作流及跨平台应用;OutSystems强调高效开发与企业级安全性;Mendix擅长快速构建企业级应用,特别是在物联网项目中表现突出;Appian专注业务流程管理,提升工作效率;PowerApps则深度集成微软生态系统,便于构建定制化业务应用;Quick Base适合中小企业快速开发定制应用;
106 3
|
4月前
|
机器学习/深度学习 人工智能 安全
低代码开发的未来发展
【8月更文挑战第4天】低代码开发的未来发展
45 1
|
SQL 缓存 数据可视化
如何设计一个低代码平台?
如何设计一个低代码平台?
639 0
|
7月前
|
搜索推荐 数据管理 数据安全/隐私保护
代码、低代码、无代码开发触手可及的低代码平台源码
代码、低代码、无代码开发触手可及的低代码平台源码
142 0
|
数据可视化 Oracle 搜索推荐
一文吃透什么是低代码开发?
一文吃透什么是低代码开发?
210 0
|
数据可视化 JavaScript 前端开发
低代码平台名声臭,用起来却真香——60%开发者不敢承认
低代码平台名声臭,用起来却真香——60%开发者不敢承认
109 0
|
运维 数据可视化 搜索推荐
程序员的新型开发工具——低代码平台
程序员的新型开发工具——低代码平台
853 0
下一篇
DataWorks