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

news2024/12/29 11:15:05

个人简介

👀个人主页： 前端杂货铺
🙋‍♂️学习方向： 主攻前端方向，也会涉及到服务端（Node.js）
📃个人状态： 在校大学生一枚，已拿多个前端 offer（秋招）
🚀未来打算： 为中国的工业软件事业效力 n 年
🥇推荐学习：🍍前端面试宝典 🍉Vue2 🍋Vue3 🍓Vue2/3项目实战 🥝Node.js🍒Three.js 🍖JS版算法
🌕个人推广：每篇文章最下方都有加入方式，旨在交流学习&资源分享，快加入进来吧

文章目录

    • 一、零代码、低代码、纯代码
    • 二、低代码的优势
    • 三、低代码的适用人群
    • 四、如何快速搭建一个低代码案例
      • （一）、创建应用
      • （二）、数据建模
      • （三）、页面建模
      • （四）、页面发布
    • 五、总结

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

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

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

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

二、低代码的优势

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

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

三、低代码的适用人群

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

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

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

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

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

（一）、创建应用

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

在这里插入图片描述

2、之后点击应用构建，基于模型驱动创建应用

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

（二）、数据建模

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

（三）、页面建模

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

（四）、页面发布

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

至此，我们的低代码案例便搭建完毕！！！

五、总结

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

总的来说，YonBuilder 是个不错的低代码开发平台，如果大家对低代码感兴趣，也可以自行尝试一下！毕竟实践出真知嘛~~

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/472431.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

【算法】欧拉路径的DFS存储顺序

【算法】欧拉路径的DFS存储顺序

欧拉路径和欧拉回路 对于无向图，所有边都是连通的。 （1）存在欧拉路径的充分必要条件：度数为奇数的点只能有0个或2个。 （2）存在欧拉回路的充分必要条件：度数为奇数的点只能有0个。 对于有向图&a…
阅读更多...
jvm之字节码

jvm之字节码

写在前面 java字节码由单字节的指令(也叫做操作码)组成，但一个 byte 最多能够存储 256 个指令，够用吗？截止到目前是够的，因为指令的个数是200多一点，指令分为如下四类： 1：栈操作指令&#xff…
阅读更多...
【前端基础知识】Vue中的变量不是响应式的吗？属性赋值后视图不变化的原因是什么？

【前端基础知识】Vue中的变量不是响应式的吗？属性赋值后视图不变化的原因是什么？

目录 🤔问题📝回答🎨使用场景动态添加属性动态添加数组元素 ❌注意事项$set只能在响应式对象上使用$set不能用于根级别的属性$set的性能问题 📄总结 🤔问题 Vue是一款在国内非常流行的框架，采用MVVM架构&a…
阅读更多...
数据库课设--基于Python+MySQL的餐厅点餐系统

数据库课设--基于Python+MySQL的餐厅点餐系统

文章目录 一、系统需求分析二、系统设计1. 功能结构设计2、概念设计2.2.1 bill_food表E-R图2.2.2 bills表E-R图2.2.3 categories E-R图2.2.4 discounts表 E-R图2.2.5 emp表E-R图2.2.6 food 表E-R图2.2.7 member表E-R图2.2.8 member_point_bill表E-R图2.2.9 servers表E-R图2.2.1…
阅读更多...
五一出行！如何辨别偷拍设备

五一出行！如何辨别偷拍设备

五一小长假即将到来，作为出行的重要一环，我们都希望能在旅途中享受安全与便捷。但不可避免的事，有些不法分子可能会通过安装针孔摄像头等方式进行非法监控。从表面上看，我们很难分辨。这些小小的设备，被伪装成日常用品…
阅读更多...
elementUI组件库el-switch开关控件的样式设置，精细至开关内的文字、圆点、背景设置

elementUI组件库el-switch开关控件的样式设置，精细至开关内的文字、圆点、背景设置

开发项目时做一种开关控件样式&#xff0c;要求显示和隐藏两种状态下的文字、圆点、背景色等都有区别&#xff0c;就研究了一下&#xff0c;各种设置已在代码中标注&#xff0c;小白也可直接复制使用。 <el-table-column label"操作"><template slot-scope&…
阅读更多...
【FPGA】Spartan®-7器件XC7S75-1FGGA484C、XC7S15-1FTGB196C现场可编程门阵列芯片

【FPGA】Spartan®-7器件XC7S75-1FGGA484C、XC7S15-1FTGB196C现场可编程门阵列芯片

赛灵思 Spartan-7现场可编程门阵列采用运行频率超过200DMIP的MicroBlaze™软处理器&#xff0c;支持800Mb/s DDR3&#xff0c;基于28nm技术。FPGA是半导体器件&#xff0c;基于通过可编程互连系统连接的可配置逻辑块 (CLB) 矩阵。Spartan-7具有集成的模数转换器、专用安全特性以…
阅读更多...
回溯算法经典面试题

回溯算法经典面试题

⭐️前言⭐️ 本文汇总了常见的回溯算法题目&#xff0c;并将框架来进行运用&#xff0c;相信通过这篇文章&#xff0c;读者能够对回溯算法有一定了解。 &#x1f349;欢迎点赞 &#x1f44d; 收藏 ⭐留言评论 &#x1f4dd;私信必回哟&#x1f601; &#x1f349;博主将持续更…
阅读更多...
【MySQL入门指南】主键与唯一键的使用与区别

【MySQL入门指南】主键与唯一键的使用与区别

文章目录 一、主键1.基本语法2.使用案例 二、唯一键1.基本语法2.使用案例 一、主键 1.基本语法 -- 方式一 create table t5(id int primary key, ……); -- 设置id字段主键-- 方式二 create table t5(id int primary key,……primary key(id, ……); -- 每个表只能有一个主键…
阅读更多...
商城订单模块实战 - 分库分表实战及海量数据处理

商城订单模块实战 - 分库分表实战及海量数据处理

商城订单服务的实现 数据量 在设计系统&#xff0c;我们预估订单的数量每个月订单2000W&#xff0c;一年的订单数可达2.4亿。而每条订单的大小大致为1KB&#xff0c;按照我们在MySQL中学习到的知识&#xff0c;为了让B树的高度控制在一定范围&#xff0c;保证查询的性能&…
阅读更多...
归一化层（BatchNorm、LayerNorm、InstanceNorm、GroupNorm）

归一化层（BatchNorm、LayerNorm、InstanceNorm、GroupNorm）

参考博客 BatchNormalization、LayerNormalization、InstanceNorm、GroupNorm、SwitchableNorm总结 PyTorch学习之归一化层&#xff08;BatchNorm、LayerNorm、InstanceNorm、GroupNorm&#xff09; BN&#xff0c;LN&#xff0c;IN&#xff0c;GN从学术化上解释差异&#xf…
阅读更多...
前端常见报错问题处理及技术点收集

前端常见报错问题处理及技术点收集

一、报错问题收集 1、页面停留半小时左右不动卡死报错问题 Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: http://10.233.54.161/assets/index.f8110bbc.js Promise.then (async) E main.c19f562f.js:39 f main.c19f562f.js:39 z.onClick…
阅读更多...
Chatgpt聊天机器人系统开发

Chatgpt聊天机器人系统开发

智能聊天ChatGPT的主要功能包括&#xff1a; 对话生成&#xff1a;生成连贯、自然的对话回复&#xff0c;与用户进行自然而流畅的对话。 意图识别&#xff1a;识别用户的意图和需求&#xff0c;并提供相应的回复或建议。 语义理解&#xff1a;理解用户的语言表达&a…
阅读更多...
网络设备正常运行时间监控

网络设备正常运行时间监控

什么是正常运行时间监控 正常运行时间是衡量服务器或任何网络组件对其最终用户的可用性的指标。定期检查网络设备可用性的过程称为正常运行时间监控。正常运行时间监控有助于确保所有组件保持正常运行&#xff0c;而不会停机。 正常运行时间监控是关键的网络监控功能&#xf…
阅读更多...
Docker基础知识全解析

Docker基础知识全解析

​ Docker是一个开源的容器化平台&#xff0c;可以让开发者在容器中构建、打包、运行和发布应用程序&#xff0c;从而实现应用程序的快速部署和可移植性。Docker将应用程序和依赖项打包在一个轻量级的可移植容器中&#xff0c;这个容器可以在任何平台上运行&#xff0c;不会受到…
阅读更多...
Java 创建线程池的三种方式

Java 创建线程池的三种方式

一、 Java 创建线程池主要有以下三种方式 1. 默认线程池 ForkJoinPool 2. 通过调用执行器 Executors中的静态方法 3. 通过 ThreadPoolExector import java.util.concurrent.*;// 自定义线程工厂 class MyThreadFactory implements ThreadFactory {Override//ThreadFactory 主要…
阅读更多...
从零开始学习Linux运维，成为IT领域翘楚（一）

从零开始学习Linux运维，成为IT领域翘楚（一）

文章目录 &#x1f525;Linux概述&#x1f525;Linux下载安装&#x1f525;Linux三种网络配置&#x1f525;Linux 远程登录 &#x1f525;Linux概述 Linux内核最初只是由芬兰人林纳斯托瓦兹1991年在赫尔辛基大学上学时出于个人爱好而编写的。 Linux特点 首先Linux作为自由软件…
阅读更多...
递归实现指数型枚举

递归实现指数型枚举

77. 组合 方法&#xff1a;递归 class Solution { private:vector<vector<int>> res;vector<int> path;void solve(int n, int k, int idx) {if (path.size() k) {res.push_back(path);return ;}for (int i idx; i < n - (k-path.size()) 1; i) {pat…
阅读更多...
java 自定义Annotation注解

java 自定义Annotation注解

目录 1.声明注解 注解声明为interface&#xff08;注&#xff1a;这与interface接口没有任何关系&#xff09; 内部定义成员通常用value表示 使用 可以指定成员的默认值&#xff0c;使用default定义 介绍 2.JDK中的元注解 Retention&#xff1a; Target&#xff1a; …
阅读更多...
用于高负载多站点网络的 WordPress Multisite Cron

用于高负载多站点网络的 WordPress Multisite Cron

在易服客建站平台创建免费网站 500M免费空间&#xff0c;可升级为10GB电子商务网站 创建免费网站 用于高负载多站点网络的 WordPress Multisite Cron 发布于 2023年3月18日 你也许知道WordPress 内置 CRON 的工作方式与传统 CRON 不同。 它不是在指定时间触发&#xff0c…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023