原型图的复用思想 您所在的位置:网站首页 said的原型是什么 原型图的复用思想

原型图的复用思想

#原型图的复用思想| 来源: 网络整理| 查看: 265

什么是面向对象思想:

我们要注重谁来干事,而不是怎么干事颗粒封装、组合使用可复用、可扩展

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

复用思想的实现: 比如下图这个样式,选中发现,它由背景框和五个图标这六个元素组成 在这里插入图片描述 在这里插入图片描述 那么在选中的状态下,右键>进行合并 在这里插入图片描述 合并成了一个大组件 在这里插入图片描述 下面选择把这个大组件保存为一个公共组件 在这里插入图片描述 如图 在这里插入图片描述 那么这样,在任何一个页面,只要需要就可以拖过去,一步操作即可。任何相似的在多个页面有涉及的元素,我们都可以封装成一个组件。和传统的方式相比,效率明显提高。

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



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有