![](https://img-blog.csdnimg.cn/8534283e5de34de6afe59bb79cec9c07.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
低代码
文章平均质量分 92
低代码平台开发
Dream_travelerly
gzh :小雨杂七杂八
回复省钱: 外卖0元购
cesium+leaflet开发,
地理信息平台开发,
二维和三维模型切换,
vue开发
npm包发布和sdk
展开
-
手撸低代码平台搭建(四)组件拖动自由布局的实现
大家好,在前两篇文章中,我们走进了前端低代码的世界,并揭秘了低代码的核心——页面设计器的实现。在揭秘页面设计器时,我们重点分享了顺序排列布局的组件拖动方式,那篇文章的评论中,有小伙伴问到自由布局的实现,那么我们在这篇文章中来分享一下自由布局拖动的实现原理,实现一个设计器组件自由拖动的最简demo。原创 2023-02-03 16:43:45 · 1023 阅读 · 0 评论 -
vue2低代码平台搭建(三)组件间交互的实现
大家好,我是L丶Y,我们在上一篇文章中主要介绍了低代码平台的页面设计器相关的一些功能原理,打通了页面设计器顶部操作栏、左侧组件列表,中间画布、右侧属性配置四个部分的关系。能够实现组件列表的展示、组件到画布的拖动,属性配置修改对组件渲染效果影响,并说明了页面设计器中设计好的页面是如何进行渲染的。虽然我们看起来实现了通过组件拖拉拽完成页面的开发,但是目前的页面还是无法进行使用的,这是因为页面中的组件都是相互独立而又没有关联的。实际页面中的绝大多数组件都需要进行相互通讯。原创 2023-02-03 16:43:04 · 1334 阅读 · 0 评论 -
vue2低代码平台搭建(二)揭秘页面设计器
大家好,我是L丶Y。我们在上一篇文章中走进了低代码的世界,这一章节我们要开始干货内容了,来探索一下低代码开发的核心 ——页面设计器。我们知道,低代码开发平台都是通过拖拉拽可视化的页面设计器进行页面开发的,在这一章节,我们来探索一下页面设计器的实现方式。下图中,我们截取了几款优秀的低代码产品的页面设计器界面。最上方是操作栏,我们可进行页面的保存、预览、查看json信息、查看代码等操作;左侧是组件列表,当然也可以添加一些切换,让我们的左侧区域支持查看页面树信息、配置数据源等其他操作;中间是画布。原创 2023-02-03 16:41:09 · 2569 阅读 · 0 评论 -
Vue2低代码平台搭建(一)
大家好,我是L丶Y,这一次,我们来聊一聊前端低代码平台的构建。近些年来,随着Saas行业的高速发展,低代码的概念也逐渐流行了起来,而低代码产品也越来越多的出现在我们的身边,像国外的Mendix,国内的宜搭、苍穹、简道云等等。而我司自研的低代码应用构建平台也已服务了十余B端生产项目,基于这种新型的开发方式,图形化的拖拉拽配置界面,并兼容了自定义的组件、代码扩展,确实在B端后台管理类网站建设中很大程度上的提升了效率。L丶Y也想通过这篇文章与大家对于前端低代码平台的构建进行交流,分享。原创 2023-02-03 16:39:03 · 3621 阅读 · 0 评论