低代码平台技术分享官 | 漫话iGIX前端设计模式

news/2025/2/13 23:36:05/

设计模式是一个程序员进阶高级的必备技巧,也是评判一个工程师工作经验和能力的试金石。设计模式是程序员多年工作经验的凝练和总结,能够更大限度的优化代码以及对已有代码进行合理重构。但如果你还不知道如何使用设计模式提升前端开发质量,那就用Farris吧!

浪潮海岳PaaS平台iGIX以用户为中心自研的Farris体系内置常用设计模式,即使你是开发小白,也能写出高质量的代码。

工厂模式 · 绘制表单的生产线

如果将实例化类与使用行为放在一起,势必会造成功能职责划分混乱、代码阅读困难、Bug难以查找等问题,此时采用工厂模式就可以最大限度的避免上述问题。剥离业务逻辑中的实现细节,将细节转移并统一处理、将创建过程由上层转移至下层,你就能从容应对创建大量对象。

在看似神奇的表单设计器画布绘制页面的过程中,就充分利用了工厂模式,为每一个设计组件分配独属工作车间,从容应对并创建100+ UI组件。

建造者模式 · 建造前端页面的工程师

建一幢房子,首先要准备水泥,钢筋,砖块等原材料,然后开始盖房过程,盖一层、二层、三层直至最高层,最后经过通电、通水等多道“工序”才能完成建造。其中每一道工序都是对产品的全新创建,但是我们只关心最后的产品——【房子】。

当面临创建一个复杂对象时,如果每个子对象都需要按照一定的顺序组合而成,并且能够随着需求变化,复杂对象的各个子对象也随之变化,同时保持组合顺序稳定,这时就可以考虑使用建造者模式。

Farris采用建造者模式构造前端实体、Form表单、状态机、视图模型、前端组件等复杂对象,将一个复杂的构建过程与其表现分离,使用同样的构建过程和顺序创建不同页面。

原型链模式 · 前端对象中的造血干细胞

在实际开发中,如果需要在运行期像细胞分裂一样,通过已创建的实例复制与自身一模一样的对象,这时就可以使用“原型链模式”。

Farris的前端实体就像前端页面的造血干细胞,在加载大量数据的过程中不断分裂,即便面对10万条数据的超大列表,展示起来也一样从容不迫。

命令模式 · 页面交互中的魔法师

在开发中会遇到多个技能排序释放,事件到达一定阈值时触发,对操作进行“记录、撤销、重做”等需求。在以上情况下,需要将“行为请求者”与“行为实现者”解耦。将一组行为抽象为对象,可以实现二者之间的松耦合。为了满足这种需求,可以考虑使用命令模式。

命令模式是应对这类需要排序执行操作的首选,可以显著降低系统的耦合度,对于后期的需求变动也符合开闭原则。

最后插个安利,inBuilder开源社区版,可免费下载、免费试用,大家可点击下载体验。


http://www.ppmy.cn/news/1228402.html

相关文章

CUDA编程一、基本概念和cuda向量加法

目录 一、cuda编程的基本概念入门 1、GPU架构和存储结构 2、cuda编程模型 3、cuda编程流程 二、cuda向量加法实践 1、代码实现 2、代码运行和结果 有一段时间对模型加速比较感兴趣,其中的一块儿内容就是使用C和cuda算子优化之类一起给模型推理提速。之前一直…

如何进行性能评估

目录 性能评估需要考虑什么 性能评估需要考虑那些维度 性能评估需要那些步骤 性能评估注意事项 性能评估是指对系统、软件、硬件或其他技术组件的性能进行定量和定性的评估和分析。性能评估旨在发现系统的瓶颈、瓶颈原因和性能瓶颈所在,以便优化系统性能&#x…

【计算思维】蓝桥杯STEMA 科技素养考试真题及解析 4

1、下列哪个选项填到填到下图空缺处最合适 A、 B、 C、 D、 答案:D 2、按照如下图的规律摆放正方形,第 5 堆正方形的个数是 A、13 B、14 C、15 D、16 答案:D 3、从右面观察下面的立体图形,看到的是 A、 B、 C、 D、 答…

15. Spring源码篇之获取方法参数名

简介 通常在没有显示的指定beanName的时候,都是会根据要注入的类型以及方法名,属性名或者参数名来找Bean,方法名属性名还好说,但是参数名就有点难获取,jdk也并没有给我们提供获取的方法 在Spring中主要以两种方式来获…

【C语言_题库】输入4个整数,要求按照从小到大的顺序输出

题目 输入4个整数 要求按照从小到大的顺序输出 书上的学习辅导答案 // 主要部分 int main(){int t,a,b,c,d;printf("请输入四个数:");scanf("%d,%d,%d,%d"

六大排序(插入排序、希尔排序、冒泡排序、选择排序、堆排序、快速排序)未完

文章目录 排序一、 排序的概念1.排序:2.稳定性:3.内部排序:4.外部排序: 二、插入排序1.直接插入排序2.希尔排序 三、选择排序1.直接选择排序方法一方法二直接插入排序和直接排序的区别 2.堆排序 四、交换排序1.冒泡排序2.快速排序…

Vue3中使用Element-Plus分页组件

<strong>Element-Plus分页组件使用</strong> <div> <el-table :data"tableData" style"width: 100%"> <el-table-column prop"id" label"这里是id" width"180" /> <e…

在 Qt 框架中,有许多内置的信号可用于不同的类和对象\triggered

在 Qt 框架中&#xff0c;有许多内置的信号可用于不同的类和对象 以下是一些常见的内置信号的示例&#xff1a; clicked()&#xff1a;按钮&#xff08;QPushButton、QToolButton 等&#xff09;被点击时触发的信号。 pressed() 和 released()&#xff1a;按钮被按下和释放时…