草庐IT

ant design pro集成阿里低代码引擎lowcode-engine,并实现与数据库结合实现低代码模块的创建、设计、发布等功能

antdesignpro集成阿里低代码引擎阿里低代码引擎是一款为低代码平台开发者提供的,具备强大定制扩展能力的低代码设计器研发框架。本文主要介绍如何在antdesignpro项目中集成阿里低代码引擎lowcode-engine。根据官方文档,已有项目要集成低代码引擎,至少需要三步,以下我们以antdesiginpro5项目为例,来集成低代码引擎。antdesiginpro项目的创建可以根据官方网站进行创建引入UMD包资源找到项目中的src/pages/document.ejs文件,添加如下内容!--低代码引擎的页面框架样式-->linkrel="stylesheet"href="https:/

飞码LowCode前端技术之画布的设计

简介本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。一、精准定位设计飞码画布是一个套件,可对外提供画布能力。精准定位有两种情况,一是目标组件无子组件,而是目标组件有子组件。无子组件:目标组件分为支持与不支持放子组件两种情况。有子组件:鼠标相对于子组件(目标组件)对角线位置。详见图1图1当目标组件不支持放子组件时,需要计算拖拽组件放在目标组件的左侧、上侧、右侧、还是下侧?其计算方法如图2图2通过鼠标位置,目标组件,组件对角线坐标位置可推导出图1右侧图拖拽组件与目标组件位置关系。问题:飞码为何不提供尺度(x、y),这样可以精准知道组件大小?实际使用过程中,搭建人员并不关心组件的

前端核武器:开源FrontendBlocks所见即所得低代码编辑器让所有人都能做前端布局

项目背景前端开发领域中,最为头疼的就是页面布局,即便是工作经验丰富的老前端程序员,在面对一个新的设计稿时仍旧会有很多需要从头开始敲的布局。那么为什么不让设计师直接来操刀写前端呢?设计师写前端由于前端布局不太熟练,也不知道后续的点击区域大小、弹性关系,即使是手敲出来代码也极有可能无法直接用于前端项目。那么前端程序员想要指导UI设计师来完成前端切图工作,不得不面对动辄上百行的代码进行Review,就这样的工作量导致了前端程序员一眼就能看出切图问题所在的可能性变得极低,导致UI设计师短时间之内无法成长为全栈UI。那么有没有一种工具,能让设计师可视化的把前端界面做出来,前端程序员扫一眼就能看出切图的问

飞码LowCode前端技术:如何便捷配置出页面

简介飞码是京东科技平台研发部研发的低代码产品,可使营销运营域下web页面快速搭建。本文将从三个方面来讲解如何便捷配置出页面,第一部分从数据、事件、业务支持三个方面进行分析,第二部分从模板与页面收藏与升级、页面UI结构、画布功能三个方面进行分析,第三部分从监控、页面配置、页面数据导入导出以及其他能力四个方面进行分析。一、第一部分:数据、事件、业务支持1、数据设计飞码LowCode前端技术(一)种对数据结构进行了分析,飞码是数据驱动+事件驱动,在编辑态配置区域需要页面中各种数据(接口出参、组件出参、页面入参、业务逻辑数据)。该部分仅说明飞码如何实现配置逻辑与规则的,如何实现数据驱动会在后续小节说明

飞码LowCode前端技术系列(二):如何便捷配置出页面 | 京东云技术团队

一、配置解法飞码LowCode前端技术(一)中飞码提出了至少需要满足2个大能力点以及对应16个细化点。在业务复杂的场景下数据具有流转性质,事件的触发会改变数据、同时也会触发其他事件等情况。飞码使用数据驱动+事件驱动的模式解决数据流转性与事件不确定性问题。数据驱动+事件驱动的模式决定了需要飞码的编辑态具备数据可配性、事件可配性。为LowCode或NoCode解营销域下的场景奠定夯实基础。整体设计详见图1图1在飞码LowCode前端技术(一)中细说了飞码DSL设计以及每个独立单元数据结构的设计。以下会对如何便捷配置出页面(编辑态)中的前3个(数据源、组件、模板)进行说明。二、数据源(接口)设计We

飞码LowCode前端技术系列(一):数据结构设计

简介飞码是京东科技研发的低代码产品,可使营销运营域下web页面快速搭建。飞码是单web页面搭建工具,从创建页面到监测再到投产的一站式解决方案。会通过七篇文章介绍飞码,分别是:(1)背景与数据结构设计,(2)如何便捷配置出页面-1,(3)如何便捷配置出页面-2,(4)如何便捷配置出页面-3,(5)如何便捷配置出页面-4,(6)如何便捷快速验证实现投产及飞码探索,(7)飞码画布的设计。一、背景与分析营销域下web页面逻辑复杂、接口多、UI要求较高等特性。在复杂业务下使用ProCode需要较多调试与自测才可以达到业务期望值。飞码的目标是从ProCode到LowCode,再到NoCode。如何使用Lo

LowCode 低代码平台核心模块和功能介绍,技术方案选型

LowCode低代码平台核心模块和功能介绍,技术方案选型文章目录LowCode低代码平台核心模块和功能介绍,技术方案选型1.简介2.核心模块和功能2.1.可视化开发工具2.2.数据库管理2.3.业务逻辑处理2.4.集成器2.5.安全性和权限控制3.技术方案选型3.1.平台架构3.2.技术栈3.3.开发体验3.4.社区支持3.5.价格和许可证4.结论1.简介低代码平台是一种可视化开发工具,它能够帮助企业加速应用程序的开发和部署。低代码平台的核心思想是通过可视化的方式来设计和构建应用程序,从而减少开发时间和成本。本文将介绍低代码平台的核心模块和功能,以及技术方案选型

【企业级AI大模型集成应用开发】策略智能数据工厂 = AI大模型 + LowCode 系统架构设计

策略智能数据工厂=AI大模型+LowCode系统架构设计文章目录策略智能数据工厂=AI大模型+LowCode系统架构设计引言策略智能数据工厂的概念AI大模型LowCode低代码平台系统架构设计1.简介2.系统架构2.1.前端应用程序2.2.后端服务2.3.数据库2.4.第三方服务2.5.集成器2.6.运行时环境3.系统设计3.1.架构模式3.2.技术栈3.3.数据流程3.4.安全性和可靠性3.5.性能和可扩展性

开源! 基于lowcode行业的开源CMS系统,轻松帮助企业和个人搭建知识管理系统

lowcode-cms 是我2年前在做低代码平台时开发的专门分享低代码资讯的社区,集成了内容发布, 内容审核, 媒体管理, 用户体系, SSR渲染, 跨多端适配等功能模块的相对完整且轻量的CMS系统,经历了2年多的内容历练和优化,目前已完全可以承载各种行业的内容体系,可以作为个人网站, 个人博客, 中小企业知识分享平台, 内容管理系统。为了更好的惠及更多的个人或者中小企业,我将它正式在github上开源.文末会附上github地址,欢迎各位参考体验。一、基于SSR技术+多端适配的内容端1、内容分类内容详情:2、全站搜索3、视频专区视频详情:4、移动端自动适配二.管理端(内容+机构+用户管理,内

Umi4 集成阿里低代码框架lowcode-engine

前言最近准备研究下阿里低代码框架lowcode-engine,官方Demo是提供好的脚手架,由于我们的框架使用的是umi,官方文档提供了一些教程,在此记录下在umi4集成lowcode-engine.实现搭建umi4项目1.通过官方文档的快速开始,我们可以快速创建出项目先找个地方建个空目录mkdirmyapp&&cdmyapp通过官方工具创建项目,这里我们采用pnpm包管理工具$pnpmdlxcreate-umi@latest✔Installthefollowingpackage:create-umi?(Y/n)·true✔PickNpmClient›pnpm✔PickNpmRegistry›
12