随笔分类 -  低代码开发笔记

低开开发笔记(八): 低代码编辑器实现撤销回退（命令模式,防抖处理）
摘要：好家伙， 0.代码已开源 https://github.com/Fattiger4399/ph_questionnaire-.git 1.事件触发 我们先从事件的触发开始讲起 大致上我们有两个思路可以选择 1.监控用户行为 2.监控数据变化 两种选择都会有较难处理的部分,这里我们先选第二个选项 关于 阅读全文
posted @ 2024-07-16 18:23 养肥胖虎 阅读(459) 评论(0) 推荐(1)
低开开发笔记(七): 换引擎，点击跳转模板样式
摘要：好家伙， 完整代码已开源 https://github.com/Fattiger4399/ph-questionnaire.git 1.思路 现在，我们的需求是，点击对应的模板，更换对应的模板数据 2.上代码 <el-menu default-active="2" class="el-menu-ve 阅读全文
posted @ 2024-05-17 22:59 养肥胖虎 阅读(64) 评论(0) 推荐(0)
Gitee千Star优质项目解析: ng-form-element低开引擎解析
摘要：好家伙, 在写项目的时候,我发现自己的平台的组件写的实在是太难看了,于是想去gitee上偷点东西,于是我们本期的受害者出现了 gitee项目地址 https://gitee.com/jjxliu306/ng-form-elementplus-sample.git 组件库以及引擎完全开源,非常牛逼的项 阅读全文
posted @ 2024-05-14 20:49 养肥胖虎 阅读(391) 评论(0) 推荐(0)
低开开发笔记(六): 工作台与模板样式开发
摘要：好家伙,仅仅只是实现了样式,完整功能暂未完成 完整代码已开源 https://github.com/Fattiger4399/ph-questionnaire.git 1.灵感来源 (抄袭对象) 刚开始想着随便写个低开项目练练手的,然后就写成这样了 1.1.简道云 1.2.问卷星 2.上代码 <te 阅读全文
posted @ 2024-05-13 18:33 养肥胖虎 阅读(80) 评论(0) 推荐(0)
低开开发笔记(五)：修bug-深拷贝与浅拷贝
摘要：好家伙 今天遇到一个bug 0.问题描述 描述如下： 代码如下： copynodefunc() { this.copynode = this.model.selected }, affixnode() { const id = this.model.selected.wid - 1; const g 阅读全文
posted @ 2024-04-26 19:59 养肥胖虎 阅读(76) 评论(0) 推荐(0)
低开开发笔记(四)：实现编辑器内拖拽
摘要：好家伙, 本篇我们来说说，编辑器内如何实现拖拽 完整代码已开源 https://github.com/Fattiger4399/ph-questionnaire.git 0.效果预览 1.思路 1.1.视图操作分析 这一块是这一章节最核心的部分 到 用户进行了什么操作？ （1）点击编辑器中第一个组件 阅读全文
posted @ 2024-04-22 17:04 养肥胖虎 阅读(485) 评论(0) 推荐(4)
低开开发笔记(二)：低代码编辑器基本原理
摘要：好家伙, 完整代码已开源 https://github.com/Fattiger4399/ph-questionnaire.git 本片我们来讲述 如何将dsl的数据渲染为视图 1.数据格式 dsl: { component: 'div', wid: 0, props: { }, style: { 阅读全文
posted @ 2024-04-15 19:34 养肥胖虎 阅读(619) 评论(3) 推荐(2)
第144篇:阿里低开项目 init方法
摘要：好家伙, demo-general项目运行后主界面如下 解析阿里低开引擎中的初始化方法init 拆解项目来自阿里的lowcode engine目录下的 demo general项目 0.找到入口文件 可以看到整个项目用到的插件非常之多 于是 init: init 方法用于初始化低代码引擎，负责加载各 阅读全文
posted @ 2024-03-20 13:33 养肥胖虎 阅读(483) 评论(2) 推荐(1)
简单的低开编辑器(三):实现组件画布内拖拽
摘要：好家伙， 0.代码已开源 Fattiger4399/lowcode-demo: 一个简单的低代码编辑器 技术栈:Vue3 element-plus jsx (github.com) 本篇实现效果如下： 1.分析 这玩意的思路很好理解 本质上就是给组件绑个拖拽方法 拽到哪里，就把位置更新给组件就好了， 阅读全文
posted @ 2023-11-24 12:31 养肥胖虎 阅读(770) 评论(0) 推荐(4)
简单的低开编辑器(二):实现组件拖拽
摘要：好家伙, 0.代码已开源 Fattiger4399/lowcode-demo: 一个简单的低代码编辑器 技术栈:Vue3 element-plus jsx (github.com) 该章实现的效果:组件从物料区到画布的拖拽 1.分析 先来分析,鼠标点击物料区的某个组件,再将其拖拽到画布这个过程 我们 阅读全文
posted @ 2023-11-21 20:18 养肥胖虎 阅读(655) 评论(0) 推荐(1)
简单的低开编辑器(一):实现组件渲染
摘要：好家伙, 项目目录如下: 该项目使用Vue3, Element-plus 效果图如下: 开搞: 1.写出简单界面 App.vue <template> <div class="app"> <Editor v-model="state"></Editor> </div> </template> <sc 阅读全文
posted @ 2023-11-19 22:47 养肥胖虎 阅读(117) 评论(0) 推荐(0)