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

什么是面向对象思想：

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

颗粒封装、组合使用

可复用、可扩展

案例背景：

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

复用思想的实现：

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

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

合并成了一个大组件

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

如图

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

升华

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