阿里巴巴低代码引擎(ALCE) 考虑到数据安全,这一部分在原文基础上做了较多改动,基于集团已经开源的信息做介绍,详情可跳转至官网地址 https://lowcode-engine.cn 低代码平台的底层是低代码引擎
使用云开发低码(lowcode)开发一个项目 什么是低码 云开发低码 LowCode 是高效、高性能的拖拽式低代码开发平台,向上连接前端的行业业务,向下连接云计算的海量能力,助力企业垂直上云。 了解云开发lowcode 准备步骤 lowcode目前还在测试阶段,需申请白名单:https://cloud.tencent.com/apply/p/1ybq80uk3fx 开通云开发,申请一个按量付费环境 https://docs.cloudbase.net/cli-v1/install.html 前置知识 有基本的 html , css ,js 知识 有一定的vue或者小程序开发模式基础 开发流程 认识lowcode 这篇文章大致是1月18号开始写的,发布时应该已经月底,版本有更新部分内容可能不一致 [lowcode控制台首页.png] 应用管理:是用户创建的所有应用的总览页 创建空白应用:创建一个不含任何预先样式的低代码模板 页面功能配置项 样式:全局页面样式 页面编辑 数据:应用功能配置项 样式:全局应用样式 构建页面 对这个页面分析后,静态部分基本可以分为以下这种结构 [前端结构图] 去掉默认的导航栏 为适配微信小程序,腾讯云的lowcode
如果到今天各位看官依然无法清晰地区分NoCode和LowCode,那么,我倒是可以提供一个提示。 NoCode与LowCode的最大区别就是用户是谁:NoCode是直接面向(使用的)用户, 而LowCode则更多是直接面向(使用的)开发者。 举个简单的例子, Excel是直接面向用户,用户可以通过Excel直接拿业务结果, 而操作Excel的共享类库或者填充之后生成Excel的工具,则属于LowCode范畴,LowCode是帮助开发者提效, 整个的发展阶段或者说承接阶段类似于: code -> lowcode -> (nocode | business sys | infra sys) -> users 从形态上来讲, LowCode可以进一步分为两派 如果说NoCode是工具和手段,那么LowCode更是工具和手段,为NoCode服务。
开源背景 lowcode可视化社区 是我之前在设计研发 Dooring低代码 平台时开发的一个面向低代码内容分享的知识社区, 内容端采用 SSR 技术来渲染页面, 对 SEO 更加友好, 同时后端服务采用 接下来我会从技术的角度, 分享一下我开源的 lowcode-cms 系统的技术实现, 以及如何本地运行 + 部署这套开箱即用的 CMS 系统. 大家可以在github中server的views目录下看到每个渲染层的具体实现, 这里和大家分享一下 lowcode-cms 搭建的ssr模式. 1. { id: "5", title: "关于", link: "/about" }, ] const copyright = "版权所有 @lowcode 模版消费 这里给大家参考一个我写的 pug 页面的例子: 大家感兴趣的可以参考一下具体的实现: https://github.com/MrXujiang/lowcode-cms 服务端架构设计 服务端本质上主要实现两块能力
笔者近期调研了几家国外的lowcode平台, 也参考了很多资料, 确实收获很多, 接下来就来给大家介绍一下国外比较有名的lowcode开发平台. 1. utm_source=STH&utm_medium=Website&utm_campaign=lowcode 4.Creatio 标签: 每个人都可以在几分钟之内自动完成业务构想。
笔者近期调研了几家国外的lowcode平台, 也参考了很多资料, 确实收获很多, 接下来就来给大家介绍一下国外比较有名的lowcode开发平台. 1. 国内lowcode平台仍然有很长的路要走, 期待大家一起努力! 出处:https://www.jianshu.com/p/616cbf43b654
云开发低码 LowCode 是由云开发团队打造的拖拽式低代码开发平台,整合了腾讯云海量云服务和微信端生态能力,助力政务、工业、教育、金融等垂直行业直通上云。 具体来说,云开发低码 LowCode 将繁琐的底层架构和基础设施抽象化为图形界面,通过行业化模板、拖放式组件和可视化配置快速构建多端应用(小程序、H5应用、Web 应用等)。 此外,低码平台还能够作为底层技术底座,行业客户和服务商可以将云开发低码 LowCode 与自有研发平台集成,从而构建具有特定行业属性的低码平台进行对外服务,例如政务低码 WeApps 和工业低码等。 江门人才岛“数字农村”小程序: 云开发低码 LowCode 平台作为江门人才岛“数字农村”小程序开发支撑工具,持续提供运行保障。 六、立即申请 公测申请通道: https://cloud.tencent.com/product/lowcode
如果基于原生HTML来实现显示数据列表的功能的话,那么需考虑如何创建 table,如何设置css等。 如果直接使用UI库的话,那么可以简单很多,只需要设置各种属性,然后绑定数据即可。 以 el-table 为例:
尽管我这里解释了一大通,但是,之前听过低代码的企业可能只占 50%,更不用说去使用的,可能也只有很小比例的企业在用,更少的企业深度使用。
运输公司维系着全球供应链国际运输货物,从炼油厂运输燃料,再到将产品送到零售点。最后一公里将包裹送到消费者家中,总的来说运输行业绝对称得上是经济的粘合剂。
使用示例 npm install @alilc/lowcode-engine --save-dev TIPS:仅支持 cdn 方式引入,npm 包用于提供 typings 等代码提示能力 import { init, skeleton } from '@alilc/lowcode-engine'; skeleton.add({ area: 'topArea', type: ' ": "var window.AliLowCodeEngine", "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt" } } cdn 可选方式: 方式 1(推荐):alifd cdn https://alifd.alicdn.com/npm/@alilc/lowcode-engine@1.0.0/dist /js/engine-core.js https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer@1.0.0/dist
使用示例 npm install @alilc/lowcode-engine --save-dev TIPS:仅支持 cdn 方式引入,npm 包用于提供 typings 等代码提示能力 import { init, skeleton } from '@alilc/lowcode-engine'; skeleton.add({ area: 'topArea', ": "var window.AliLowCodeEngine", "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt /dist/js/engine-core.js https://alifd.alicdn.com/npm/@alilc/lowcode-react-simulator-renderer /dist/js/engine-core.js https://unpkg.com/@alilc/lowcode-react-simulator-renderer@1.0.0/dist
使用示例 npm install @alilc/lowcode-engine --save-dev TIPS:仅支持 cdn 方式引入,npm 包用于提供 typings 等代码提示能力 import { init, skeleton } from '@alilc/lowcode-engine'; skeleton.add({ area: 'topArea', type: ": "var window.AliLowCodeEngine", "@alilc/lowcode-engine-ext": "var window.AliLowCodeEngineExt" } } cdn 可选方式: 方式 1(推荐):alifd cdn https://alifd.alicdn.com/npm/@alilc/lowcode-engine@1.0.0/dist 方式 3:jsdelivr https://cdn.jsdelivr.net/npm/@alilc/lowcode-engine@1.0.0/dist/js/engine-core.js
2022 这一年低代码可谓热火朝天,几乎所有的事情都朝着低代码的方向,进行所谓的“降本增效”,可是没想到在 2022 年年末,半路杀出个程咬金 —— ChatGPT 下面我们就来对比使用 lowcode 首先有请业界著名 lowcode 选手阿里巴巴出品的 lowcode (https://lowcode-engine.cn/),而另一位则是我们的 ChatGPT 需求: 实现一个简单的人员查找页面 1 阿里lowcode 第1步:熟悉整个平台 (大约5-10分钟) 第2步:查找组件库(5分钟) 第3步,编辑数据和字段(5-10分钟) 第4步:编辑请求(10分钟) 好了,编辑到这里我已经不知道怎么去绑定请求接口数据了 相比lowcode 调试的方案,我们肯定更加熟悉原生代码的风格,想改哪里改哪里,也没有额外的学习成本。只能说这波的 ChatGPT 太香了。。。 低代码 lowcode ChatGPT 上手难度 半个小时 1分钟 操作难度 需要经过培训 1分钟 生成代码质量 黑盒,完全不知道 质量高,代码整洁 数据源 多种高级操作配置 直接生成
lowcode-mock 默认支持跨域,前端项目中可不必再配置代理,直接请求 lowcode-mock 起的服务即可。 '), (ctx) => { ctx.body = 'https://github.com/wjkang/lowcode-mock' }) 来自 /proxy 的请求转发到 https://github.com /wjkang/lowcode-mock/proxy ,用于后端接口可联调的时候跳过本地 mock,转发请求到后端接口。 router.all(new RegExp('^/lowcode/mock/(|^$)'), proxy('https://github.com/wjkang/lowcode-mock')) 不需要 mock # 源码地址 https://github.com/wjkang/lowcode-mock
PSI是一个是企业管理软件和LowCode(低代码)应用平台,使用ThinkPHP3.2.3开发,前端基于ExtJS 4.2 2015年,PSI以进销存为切入点,在开源社区的帮助下成为国内开源企业管理软件中的一员 2020年,PSI正式启动LowCode应用平台的研发工作。 100%开源实现LowCode应用平台。 自食其力(Eat our own dog food),用LowCode应用平台实现全部PSI业务模块。 LowCode应用平台面向的业务领域:ERP 安装 运行环境要求:PHP 8.2+ ,MariaDB - 10.4.27+ 操作系统:生产环境推荐使用Linux Web服务器:Apache 新建MariaDB
Retrieved from 腾讯云官网 ^2: LowCode可视化平台. (2023). 低代码可视化分析. Retrieved from LowCode官网 ^3: 数字孪生技术论坛. (2023). 数字孪生可视化. Retrieved from 腾讯云官网 ^8: LowCode可视化平台. (2023). 低代码可视化分析. Retrieved from LowCode官网 ^9: 腾讯云RayData官网. (2023). 多屏互动. Retrieved from 腾讯云官网 ^16: LowCode可视化平台. (2023). 低代码可视化分析. Retrieved from LowCode官网
lowcode-mock 默认支持跨域,前端项目中可不必再配置代理,直接请求 lowcode-mock 起的服务即可。 '), (ctx) => { ctx.body = 'https://github.com/wjkang/lowcode-mock'}) 来自 /proxy 的请求转发到 https://github.com /wjkang/lowcode-mock/proxy ,用于后端接口可联调的时候跳过本地 mock,转发请求到后端接口。 router.all(new RegExp('^/lowcode/mock/(|^$)'), proxy('https://github.com/wjkang/lowcode-mock')) 不需要 源码地址 https://github.com/wjkang/lowcode-mock
新建低代码的组件库初始化项目参考文档:lowcode-engine.cn/docV2/funcv… 上篇文章地址: 阿里低代码引擎 lowcode-engine 使用详解 - 开发自定义组件并集成 一、 /components/container' 复制代码 运行命令 npm run lowcode:dev会看到跟 src同级的目录 lowcode目录下多了个 container文件夹,里面有个 meta.ts 更改 lowcode/contianer/meta.ts,想要它成为一个容器,在 component对象下设置 isContainer 即可。 /components/Table' 复制代码 运行 npm run lowcode:dev,会在 根目录/lowcode下生成 table文件夹,里面的 meta.ts就是组件的描述文件。 运行 npm run lowcode:dev命令,会在 根目录/lowcode目录下自动生成组件的描述文件 meta.ts,简单类型的 props 比如 string、bool 一般没啥问题,如果是复杂类型
lowcode-mock 默认支持跨域,前端项目中可不必再配置代理,直接请求 lowcode-mock 起的服务即可。 '), (ctx) => { ctx.body = 'https://github.com/wjkang/lowcode-mock' }) 来自 /proxy 的请求转发到 https://github.com /wjkang/lowcode-mock/proxy ,用于后端接口可联调的时候跳过本地 mock,转发请求到后端接口。 router.all(new RegExp('^/lowcode/mock/(|^$)'), proxy('https://github.com/wjkang/lowcode-mock')) 不需要 源码地址 https://github.com/wjkang/lowcode-mock - END - 长按进入小程序,进行30天打卡 打卡第15期,20本新书,快来看看!