案例22-面向对象的原型设计

简介: 面向对象的原型设计

一:背景介绍

       面向对象的思想仅仅可以用在后端写代码的过程中,也可以应用在前端进行原型设计上。我们在开发一个需求的时候会发现有很多的地方是类似的,比如说都需要弹框,都需要下拉列表。如果我们每个地方都写一遍下拉框的样式代码效率会很低。后期如果调整,调整的位置也很多,很有可能会有改不到的地方。这样我们的工作效率就会很低。

fd5269c9a1d946558d98f611370e54b8.png

二:思路&方案

       提高我们前端的工作效率:将类似的功能或者样式封装起来。用的时候直接引用就可以了,引用之后也可以根据业务场景进行调整。这样我们做了一个工作相当于做了以后每次都需要自己写下拉框或者其他组件的工作。

三:过程

      639eafb15fba4e33a3d147f047505bf0.png

      下拉列表是我们在做前端设计的时候非常常用的一个组件,这时候我们就可以把下拉列表封装成一个组件,那个页面需要使用直接引用就可以了。组件的宽度高度引用之后都可以调整。以下是下拉列表的引用。4df1616561fd4fe8b5fc9d53e3e29a87.png

f46661c34d2e44139b64186888cc5065.png

四:总结

       面向对象的思想无处不在,不仅仅可以在后端代码中应用。在前端的的组件中也是可以应用的。第一次封装看似比较复杂,但是为后面代码或者组件复用的时候提高了工作效率。整体来说效率是提高的。


相关文章
|
2月前
|
存储 编译器 数据安全/隐私保护
【软件设计师备考 专题 】面向对象开发方法:理解类、对象和封装
【软件设计师备考 专题 】面向对象开发方法:理解类、对象和封装
53 0
|
4月前
|
数据可视化 测试技术
面向对象系统分析与设计
【1月更文挑战第10天】面向对象系统分析与设计。
32 0
|
8月前
|
存储 编解码 数据可视化
面向对象可视化编程课程设计
面向对象可视化编程课程设计
|
6月前
|
C++
20 C++ - 面向对象程序设计案例
20 C++ - 面向对象程序设计案例
53 0
|
10月前
|
数据库 uml 容器
UML之旅—面向对象技术
面向对象技术,在我们学习VB的时候就有提到过,刚学习的UML中也重点介绍了面向对象技术,以后还会用到这种面向对象的思想去实现程序之路,所以就简单总结一下自己对于面向对象技术的理解!
|
5月前
|
数据可视化 前端开发 JavaScript
iVX,重新定义编程:人人都可掌握的可视化编程
iVX,重新定义编程:人人都可掌握的可视化编程
66 0
|
7月前
|
C++
C++语言学习面向对象编程应用案例
C++语言学习面向对象编程应用案例
|
7月前
|
算法 C++
软件开发入门教程网之C++ 数据抽象
软件开发入门教程网之C++ 数据抽象
【项目实战典型案例】22.原型图的面向对象
【项目实战典型案例】22.原型图的面向对象
【项目实战典型案例】22.原型图的面向对象
|
10月前
|
搜索推荐