解放双手!推荐一款阿里开源的低代码工具,YYDS!
之前分享过一些低代码相关的文章,发现大家还是比较感兴趣的。之前在我印象中低代码就是通过图形化界面来生成代码而已,其实真正的低代码不仅要负责生成代码,还要负责代码的维护,把它当做一站式开发平台也不为过!最近体验了一把阿里开源的低代码工具
LowCodeEngine
,确实是一款面向企业级的低代码解决方案,推荐给大家!
LowCodeEngine简介
LowCodeEngine是阿里开源的一套面向扩展设计的企业级低代码技术体系,目前在在Github上已有4.7K+Star
。这个项目大概是今年2月中旬开源的,两个月不到收获这么多Star,确实非常厉害!
LowCodeEngine主要具有如下特性:
提炼自企业级低代码平台的低代码引擎,奉行高度可扩展、最小内核、最强生态的设计理念;
部署简单,基本上就是开箱即用,拥有完善的物料体系、功能强大的设置器、丰富的插件等;
可视化编辑器具有完善的工具链,支持物料体系、设置器、插件等生态元素;
强大的扩展能力,已支撑近 100 个各种垂直类低代码平台;
使用 TypeScript 开发,能生成基于React的前端代码。
下面是LowCodeEngine使用过程中的一张效果图,功能还是很强大的!
搭建低代码平台
接下来我们将使用LowCodeEngine搭建一个低代码开发平台,仅需5分钟,可以说是开箱即用!
首先我们需要想下载LowCodeEngine编辑器的示例代码,下载地址:https://github.com/alibaba/lowcode-demo
下载成功后解压到指定目录,安装此项目需要使用
Node.js
和npm
,确保已经安装完毕,由于依赖中有些npm源
无法访问,这里推荐使用cnpm
来安装,先使用如下命令安装cnpm
;
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm
安装成功后,进入解压目录使用如下命令安装依赖;
cnpm install
依赖安装完成后,使用
npm start
命令启动项目;
项目运行成功后将运行在
5556
端口上,访问地址:http://localhost:5556
使用低代码平台
之前在我的开源项目mall中有个品牌管理功能,接下来我们将使用LowCodeEngine来实现下它,看看低代码开发有何神奇之处!
目标效果
mall项目中的品牌管理功能效果如下,这里使用低代码简单实现下品牌列表功能。
组件库
首先我们从
组件库
中选择查询筛选
组件,通过拖拽的形式插入编辑区中;
然后选中
查询筛选
组件,通过右侧的设置器
进行设置;
可以点击组件左侧的
编辑
按钮对组件进行详细设置,比如说组件外观和输入提示等;
接下来再拖拽一个
高级表格
组件到编辑器中去;
同样选中
高级表格
组件可以对表格进行设置,我们可以通过数据列
来设置需要显示的数据。
数据源
由于表格中的数据需要访问接口来获取,这里我们可以通过
数据源
功能来实现,这里我们调用演示环境的API,填入请求参数即可,值得注意的是由于数据列表在data.list
属性中,我们需要定制下请求成功的处理函数;
接下来选中
高级表格
组件,修改表格数据源
,选择表达式输入
,填入我们之前设置的数据源ID
即可;
然后修改
数据列
信息,将每个数据列数据字段
修改为JSON数据中对应的属性即可。
预览及出码
如果想查看搭建的页面效果的话,点击右上角的
预览
按钮即可;
下面是由低代码生成的页面预览效果;
如果你想获取工具生成的代码的话,点击右上角的
出码
按钮即可,支持直接下载。
其他功能
如果你想自定义一些函数的话,可以通过
源码面板
进行自定义;
通过
大纲视图
我们可以查看整个界面的结构。
总结
今天体验了一把阿里开源的低代码开发工具,功能确实很强大。但是低代码并不意味着可以不写代码了,想用好低代码工具还得熟悉工具生成的代码。LowCodeEngine目前仅支持生成React的前端代码,所以想要实现更为复杂的业务系统,还得熟悉React。如果有小伙伴想更深入了解低代码的概念,推荐看下这篇文章《阿里低代码引擎和生态建设实战及思考》 。
参考资料
项目地址:https://github.com/alibaba/lowcode-engine
项目官网:https://lowcode-engine.cn/
操作指南:https://www.yuque.com/lce/usage
往期推荐
线程安全问题的 3 种解决方案!
如何判断线程池已经执行完所有任务了?
面试官:AtomicInteger是如何保证线程安全?
解放双手!推荐一款阿里开源的低代码工具,YYDS!相关推荐
- 【推荐一款阿里开源的低代码工具,实用性极高!】
之前在我印象中低代码就是通过图形化界面来生成代码而已,其实真正的低代码不仅要负责生成代码,还要负责代码的维护,把它当做一站式开发平台也不为过!最近体验了一把阿里开源的低代码工具LowCodeEngin ...
- 推荐一款C端的低代码产品
目录 写在前面 低代码平台 平台怎么选 各平台区别 为什么选它 写在前面 大家都知道低代码这个叫法是从B端叫起来的,也就是说不管是业务人员还是开发人员,都是企业内部使用.那么有没有C端的,且免费使用的 ...
- 推荐一款新式开源的反向代理工具(FRP)
本文推荐的FRP反向代理工具并非是2016年由 Golang 编程语言实现的 "fatedier/frp: A fast reverse proxy to help you expose a ...
- 干掉 PowerDesigner这款国人开源的数据库设计工具真香
当我们在项目开发初期时,往往需要设计大量的表,此时使用数据库设计工具就会比较高效!今天给大家推荐一款国人开源的数据库设计工具chiner,界面漂亮,功能强大,希望对大家有所帮助! 聊聊PowerDes ...
- 再见PowerDesigner,这款国人开源的数据库设计工具Chiner真香
当我们在项目开发初期时,往往需要设计大量的表,此时使用数据库设计工具就会比较高效!今天给大家推荐一款国人开源的数据库设计工具chiner,界面漂亮,功能强大,希望对大家有所帮助! 回顾PowerDes ...
- 推荐一款免费开源的OCR软件
来源:投稿 作者:ΔU 编辑:学姐 一款简单易用的OCR软件会让我们的工作娱乐效率翻倍,虽然市面上不乏此类软件,但是基本上都是收费,或者限制识别次数,今天给大家推荐一款免费开源的OCR软件-Panda ...
- 推荐一款好用的redis客户端工具
为什么80%的码农都做不了架构师?>>> 推荐一款好用的redis客户端工具 redis官方客户端(redis-cli)每次都要指定连接IP与端口,连接成功后还要执行auth命令进行 ...
- redis 客户端_赞!推荐一款神仙颜值的 Redis 客户端工具
点击上方蓝色字体,选择"设为星标" 回复"666"获取面试宝典 日常开发过程中,项目常常都会使用Redis来做缓存或者Session服务器,为了更直观方便,开发 ...
- 推荐一款非常强大的扒站工具
在平时的开发或者学习的过程中,我们难免会看到一些让人心动的网站,于是自己想把它弄下来,自己手工一个文件一个文件把它保存下来不太可能,那得累死你,下面我推荐一款扒站的神器,可以把你所喜欢的目标网站整个网 ...
最新文章
- java cqlfilter_Geoserver系列:将CQL转换OGC的xml过滤
- 项目:部署LNMP动态网站
- keras_14_初始化Initializers
- ASP.NET_读写Cookie
- Exynos4412 内核移植(二)—— 内核编译过程分析
- CGAL4.4+VC2008编译
- ubuntu下创建定时任务的两种方式及常见问题解决方案
- a number of 和the number of用法
- 手机12306买卧铺下铺技巧_12306火车票如何买下铺 手机12306买下铺技巧
- 计算机ppt听课记录,怎样做好听课记录.ppt
- 业务招待费的涉税风险及合理税务筹划,太有用了!
- FC冒险岛java版_FC冒险岛复古版
- 彻底搞懂js中的this指向
- 开放数据库:中医古方数据库
- 布尔盲注运用burp的操作
- zookeeper的watcher机制
- lqc_shell批量操作linux主机
- bmcl java_BMCL启动器
- 公司电脑监控软件有哪些免费的?哪个好用?
- 100V输出12V/10A,5V/3.1ADC-DC异步降压芯片