从0到1带你构建——低代码开发入门案例

简介: 从0到1带你构建——低代码开发入门案例

一、零代码、低代码、纯代码

低代码,他其实还有两个兄弟,即零代码和纯代码。那么他们之间有什么区别呢?

  • 零代码:一种 完全不需要任何代码 编程的开发方式
  • 低代码:一种快速设计和开发软件应用程序并且 手动编码最少的方法
  • 纯代码:一种传统的以代码为中心(Code-Centric)的开发模式。

其实也很好去理解它们,即 无、少、多 的关系

二、低代码的优势

咱们本次讨论的主角是 低代码,那么就看一下低代码有什么优势吧~

  • 开发效率高:很多组件和接口已经封装好了,直接拿来用即可
  • 维护成本低:组件化的形式使得结构化程度更高,更易维护
  • 降低开发成本:降低了应用程序开发进入门槛,成本低

三、低代码的适用人群

IT 技术人员、项目实施经理、专业开发人员、对低代码感兴趣的人员

其实低代码的使用人群还是比较广泛的,我们都可以去尝试着接触和使用它!


四、如何快速搭建一个低代码案例

废话少说,我们直入正题!在这里,我们使用 YonBuilder应用构建平台 进行案例的搭建~

这里我使用的场景是我毕业设计的有关内容:用户对自己摄影作品进行简单管理,总体分为四步:创建应用 => 数据建模 => 页面建模 => 页面发布,接下来一起操作一下吧~

(一)、创建应用

1、我们注册和登录用友平台并成功认证后,点击产品菜单下的立即体验按钮,准备进行 YonBuilder 应用构建

8f2dfadabca545ef8f20866dcd7bff0e.png2、之后点击应用构建,基于模型驱动创建应用


3、我们再点击新建应用,进行应用的初步搭建 => 下一步

4、我们为新建的应用进行必要信息的填写(在这里,我使用的应用是我的毕业设计的部分内容:用户进行对自己摄影作品的管理),确认信息无误后,点击完成,便构建成功了一个名为【摄影作品管理_zahuopu】的数字化建模

2360dc3175fe43c5bf687541d2470b49.png


f92882f344aa447199320ac8efa599c8.png

5、如果需要进行修改,我们可以点击 编辑按钮 进行再次修改,很方便


(二)、数据建模

1、很明显,现在还处于未发布状态,因为我们还没有进行详细的构建,那么我们此时点击我们创建的卡片进入

4a351ea7ebcf404189edf503b404d1f7.png

2、进入后,便可以看到如下页面,点击中间的按钮进行新增业务对象


3、之后,我们创建一个 picture_demo 页,即作品管理的案例demo,填写必选项之后点击确定,这样我们就有了【 picture_demo】这个业务对象

4、我们再点击右上角的新增实体,把我们要发布的表信息的列进行设置,在这里我们新增实体的名称为 picture_demo,编码为 user,在创建业务属性的时候选择合适的选项,新增行的时候点击右上角的新增即可


748f236690ed43a58addc596e4319b23.png

54bbe3a5ad6044f49109ad130e7233db.png


b5be574050614c21933bf232dbd9332f.png

(三)、页面建模

1、有了实体对象了,我们接下来便要进行页面建模


757b13aadeea42c58e95ceb6c65b3740.png

2、选项有很多,我们可以自行选择。可以看到这个是 即适应 PC 端又适应移动端 的,很高级!


3、选择必选项,元数据从右侧的标识里面选择就可以了,之后按下面进行勾选,点击完成即可,之后就可以发现我们建模成功了

561329206a1a4f3cb0c18ede5c5a5a66.png

(四)、页面发布

1、我们点击流程 & 自动化,选定 picture_demo,点击新增,输入名称之后点击确定即可创建成功


2、鼠标滑到改行,点击设计按钮

314c0c5a186a4b1ba14680f7e7e44b56.png

3、我们双击活动1,之后在参与人下拉栏选择全员,之后进行保存并发布


4、现在再回到 流程 & 自动化,我们可以看到流程状态变成了 启用

5、之后我们点击发布管理,点击左侧的小加号进行创建,之后再选择我们刚刚创建好的内容,点击添加

6、我们再点击一下这里的发布应用

7、点击 home(PC),在一级菜单选择 低代码开发平台,之后点击确定

8、之后我们点击页面发布,便可以获取到超链接,我们复制到地址栏中打开会先看到一个home页(用我们的用友账号和密码进行登录)

9、成功登录进来后,便可以看到我们刚刚创建的信息了

10、我们再按部就班的给它发布到移动端

11、熟悉的页面又回来了,只不过是以移动端的方式~~


至此,我们的低代码案例便搭建完毕!!!

五、总结

根据本人对 YonBuilder应用构建平台 的使用,感觉还是非常友好的,有很多的提示,很多的功能供我们选择,搭建的整体流程比较清晰,内容比较丰富!


相关文章
|
8月前
|
存储 自然语言处理 数据可视化
如何优雅的开发?低代码搭建应用如此轻松
如何优雅的开发?低代码搭建应用如此轻松
|
12月前
|
运维 数据可视化 搜索推荐
低代码平台:10分钟从入门到原理
低代码平台:10分钟从入门到原理
474 0
|
2月前
|
前端开发 数据可视化 JavaScript
探索前端可视化开发:低代码平台原理与实践
【4月更文挑战第7天】本文探讨了低代码平台在前端开发中的应用,介绍了其模型驱动、组件化和自动化部署的原理,强调了提升效率、降低技术门槛、灵活适应变更和保证一致性等优势。建议开发者明确适用场景,选择合适平台,并培养团队低代码技能,同时规划与现有技术栈的融合,实施持续优化治理。低代码平台正改变开发格局,为业务创新和数字化转型提供新途径。
94 0
|
3天前
|
SQL 监控 前端开发
AI+若依框架(低代码开发)
AI+若依框架(低代码开发)
12 1
|
2月前
|
人工智能 运维 数据可视化
一文简述「低代码」到底是什么?
本文探讨了低代码开发的概念、优势和应用场景。低代码是一种使用图形界面和可视化工具减少手动编码的应用程序开发方法,旨在加速项目交付,让更多人参与开发。它包含图形化界面设计、组件库、自动化工具和应用生命周期管理等要素。低代码适用于企业流程优化、响应式应用开发和自动化工作流程等场景,能提高灵活性、节省成本、提升生产力、改善协作和客户体验,同时加强风险治理和加快集成。与传统开发相比,低代码需要较少编码知识,但可能在高度定制和扩展性方面受限。选择低代码平台时要考虑其可扩展性和灵活性。
|
8月前
|
开发框架 自然语言处理 数据可视化
低代码平台如何实现快速开发应用?
低代码平台如何实现快速开发应用?
112 0
|
2月前
|
前端开发 IDE JavaScript
【inBuilder 低代码开发实验室】使用inbuilder完成UBML低代码设计开发
【inBuilder 低代码开发实验室】使用inbuilder完成UBML低代码设计开发
52 0
|
2月前
|
搜索推荐 数据管理 数据安全/隐私保护
代码、低代码、无代码开发触手可及的低代码平台源码
代码、低代码、无代码开发触手可及的低代码平台源码
93 0
|
8月前
|
安全 关系型数据库 Java
低代码平台深度剖析
低代码平台深度剖析
155 0
|
弹性计算 算法 Oracle
低代码应用构建流程和适用场景分享
软件开发从机器语言时代开始,历经以汇编语言为代表的低级语言时代、以Java等面向对象的语言为代表的高级语言时代、以Oracle等为代表的第四代语言,逐渐发展到现在的低代码/零代码时代。低代码编程技术的出现,将软件开发的复杂性留给了开发平台的研发,致力于减少影响软件开发效率的不确定性因子,如人员来回沟通、业务与技术的Gap、人员技能差异、新技术复杂集成等,以期达到提升开发效率的目的。
302 0
低代码应用构建流程和适用场景分享