项目实战典型案例22——原型图的面向对象思路

简介: 项目实战典型案例22——原型图的面向对象思路

原型图的面向对象思路

一:背景介绍

本篇博客是对原型图的面向对象思路进行的总结并进行的改进。目的是将经历转变为自己的经验。通过博客的方式分享给大家,大家一起共同进步和提高。


二:面向对象的思想

面向对象的指导思想:

1.我们应该关注谁来做事,而不是怎么做事

2.我们应该关注多少人做事,而不是干多少事由
面向对象三大特性:封装、继承、多态体现出来的高复用、高扩充、低维护。

三:分析过程

原型图的设计之初就需要考虑到,整个系统UI设计的时候,页面中有哪些公共内容是能够被大量复用重复利用的,我们需要将其封装成组件供我们后序进行原型设计是复用。甚至我们可以以原型图中的组件与实际前端的组件进行一一对应。这样做的好处是1.复用高,节约时间,组件拿来就可以使用。2.封装成为组件之后,高内聚低耦合。相对便于扩充。


如果没有进行封装基础的页面内容,1.那么再后序的原型设计上需要从最基础的内容元素上进行绘制,类似从0开始,绘制原型图的效率较低 2.由于没有复用思想将导致前端页面实现时也会没有复用思想,造成前端的复用低、耦合度强,不利于维护。

示例

目前我们做的产品中的每一个活动页面都需要进度条学情饼状图底栏,我们完全可以将公用内容封装成三个组件(进度条组件、学情饼状图组件,底栏组件)。便于每个页面进行复用。



四:总结

  1. 面向对象的思想无处不在,不光是在架构设计,代码设计。在原型设计中也体现了面向对象的思想。
目录
相关文章
|
算法 前端开发 JavaScript
【五子棋实战】第1章 项目架构与开发思路
五子棋是一种古老而受欢迎的棋类游戏,本博客将介绍如何使用前端和算法接口来制作一个五子棋游戏。 此次实战项目包含项目的所有代码、教学的系列博客,分别放在公众号、CSDN,以便广大读者能够更好地学习、实践与二开。
274 0
【项目实战典型案例】18.开门小例子理解面向对象
【项目实战典型案例】18.开门小例子理解面向对象
|
缓存 Java
梳理10道经典面向对象的面试题
梳理10道经典面向对象的面试题
441 0
项目实战典型案例18——开门小例子理解面向对象
项目实战典型案例18——开门小例子理解面向对象
103 0
|
SQL 前端开发 Java
项目实战典型案例6——没有复用思想
项目实战典型案例6——没有复用思想
77 0
|
SQL 前端开发 Java
【项目实战典型案例】06.没有复用思想
【项目实战典型案例】06.没有复用思想
|
数据库 Nacos
【项目实战典型案例】08.用户成为设计者的正例
【项目实战典型案例】08.用户成为设计者的正例
|
前端开发
项目实战22—原型图的复用思想
项目实战22—原型图的复用思想
75 0
|
缓存 JavaScript 前端开发
前端常规面试题 - 初级开发01(含答案)
浅谈一下如何避免用户多次点击造成的多次请求
273 0