项目实战22—原型图的复用思想

简介: 项目实战22—原型图的复用思想

什么是面向对象思想:

我们要注重谁来干事,而不是怎么干事

颗粒封装、组合使用

可复用、可扩展

案例背景:

一个需要有多个页面的项目,这多个页面也对应着多个需要绘制的产品原型图。如果采用传统认知的面向过程的思维方式,那么每个页面的每一个细节都要亲力亲为,遇到相似的地方就Ctrl C+V,如何相似的地方是多个小控件的组合,还要每个都选中,麻烦的很,这是一个让人头疼的工作量

复用思想的实现:

比如下图这个样式,选中发现,它由背景框和五个图标这六个元素组成

那么在选中的状态下,右键>进行合并

合并成了一个大组件

下面选择把这个大组件保存为一个公共组件

如图

那么这样,在任何一个页面,只要需要就可以拖过去,一步操作即可。任何相似的在多个页面有涉及的元素,我们都可以封装成一个组件。和传统的方式相比,效率明显提高。

升华

当设计好了圆形的样式,那么下一步前端就需要把样式实现出来,那么开放过程中同样利用面向对象的思想。原型和前端页面想对应,原型中封装了什么组件,那么前端开发也封装什么组件。这样一来前期设计和开发的效率都提高了。

相关文章
|
设计模式 算法 Java
设计模式第十五讲:重构 - 改善既有代码的设计(下)
设计模式第十五讲:重构 - 改善既有代码的设计
299 0
|
4月前
|
前端开发 C# 设计模式
“深度剖析WPF开发中的设计模式应用:以MVVM为核心,手把手教你重构代码结构,实现软件工程的最佳实践与高效协作”
【8月更文挑战第31天】设计模式是在软件工程中解决常见问题的成熟方案。在WPF开发中,合理应用如MVC、MVVM及工厂模式等能显著提升代码质量和可维护性。本文通过具体案例,详细解析了这些模式的实际应用,特别是MVVM模式如何通过分离UI逻辑与业务逻辑,实现视图与模型的松耦合,从而优化代码结构并提高开发效率。通过示例代码展示了从模型定义、视图模型管理到视图展示的全过程,帮助读者更好地理解并应用这些模式。
127 0
|
7月前
|
存储 Java 编译器
用王者荣耀告诉你,什么叫类与对象,思维图+核心+架构让你一步到位
用王者荣耀告诉你,什么叫类与对象,思维图+核心+架构让你一步到位
|
7月前
|
设计模式 存储 缓存
设计模式全览:编程艺术的精髓!
设计模式全览:编程艺术的精髓!
52 0
|
设计模式 Java 测试技术
设计模式第十五讲:重构 - 改善既有代码的设计(上)
设计模式第十五讲:重构 - 改善既有代码的设计
336 0
|
前端开发
项目实战典型案例22——原型图的面向对象思路
项目实战典型案例22——原型图的面向对象思路
84 1
|
数据可视化 前端开发 开发者
架构学习——原型图
架构学习——原型图
175 1
|
SQL 前端开发 Java
项目实战典型案例6——没有复用思想
项目实战典型案例6——没有复用思想
81 0
|
SQL 前端开发 Java
【项目实战典型案例】06.没有复用思想
【项目实战典型案例】06.没有复用思想