首页 > 其他分享 >【教学典型案例】22.原型图的面向对象

【教学典型案例】22.原型图的面向对象

时间:2023-03-11 19:32:33浏览次数:36  
标签:封装 22 思想 组合 面向对象 原型 组件 页面


目录

  • ​​一:背景介绍​​
  • ​​二:面向对象思想​​
  • ​​面向对象思想:​​
  • ​​三:分析过程​​
  • ​​1、颗粒封装、组合使用​​
  • ​​将所有页面中的公共内容抽取出来,封装成组件​​
  • ​​2、可复用、可扩展​​
  • ​​通过组件的组合生产对应的页面​​
  • ​​四:总结​​

一:背景介绍

在进行软件开发之前,我们需要进行原型图的设计,那么在设计原型图的时候,会有许多相同的内容,我们要做许多重复性的工作,效率很低,而且这是一种面向过程的思想。那么如何做才能提高效率呢?

二:面向对象思想

面向对象思想:

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

三:分析过程

我想在其他页面使用以下图中所有内容,我一开始是在其他页面一个一个控件进行添加,一个小时下来什么事情都没有做好,效率极低。

1、颗粒封装、组合使用

将所有页面中的公共内容抽取出来,封装成组件

2、可复用、可扩展

通过组件的组合生产对应的页面

四:总结

思想上移,行动下移。思想上移:我们学到的东西不仅仅只是一个概念。行动下移:是要实践,落实下来。所以我们应该把这个“思想上移,行动下移”完美的在我们的身上体现出来。


标签:封装,22,思想,组合,面向对象,原型,组件,页面
From: https://blog.51cto.com/u_15903651/6114798

相关文章

  • 面向对象
    面向对象一、IDEA的一些基本使用网址:IntelliJIDEA–领先的Java和KotlinIDE(jetbrains.com)创建IDEA工程:创建一个空的工程设置主题和字体设置一......
  • java基础二-面向对象的三大特性
    面向对象的是三大特性封装一.概念将类的信息隐藏在类的内部,不允许外部程序直接访问,通过类提供的方法实现对隐藏信息的操作和访问封装的两大原则尽可能多的东西藏起......
  • [西湖论剑 2022]real_ez_node
    [西湖论剑2022]real_ez_node看了很久没做出来,最后还是看着大佬的WP做出来的,初次接触到nodejs原型链污染这个方面的漏洞/route/index.js/copy路由部分router.post('/co......
  • leetcode-1122-easy
    RelativeSortArrayGiventwoarraysarr1andarr2,theelementsofarr2aredistinct,andallelementsinarr2arealsoinarr1.Sorttheelementsofarr1su......
  • ubuntu22.04 安装新版 linuxqq
    1.浏览器打开网址https://im.qq.com/linuxqq/index.shtml,并下载X64deb版的包2.到达Downloads目录下(你deb文件的默认下载位置):cdDownloads3.运行命令:sudodp......
  • 洛谷-2822
    洛谷-2652key思路有个modk的想法很好,然后就是对于一遍一遍的询问进行前缀和优化,但有个问题就是算出来的s矩阵最开始是个下三角矩阵,但是根据前缀和公式来看,s[i][j]上方......
  • Windows 10 22h2 升级无法睡眠问题。
    升级到Windows1022h2后,我的电脑进入睡眠后直接黑屏,不能再唤醒,只能重启。我观察到黑屏时我的硬盘灯一直在闪,应该是一直在读写磁盘。我的系统有两块三星970EVO1TBSSD,......
  • 面向对象 对键盘输入的值做判断 不允许学生id重复
    类packagecom.fqs.demo1;publicclassStudent{privateStringid;privateStringname;privateintage;//无参数publicStudent(){......
  • [CISCN 2022 初赛]online_crt
    [CISCN2022初赛]online_crt涉及漏洞分析参考文章CVE-2022-1292的分析-先知社区(aliyun.com)附件源码Flask路由部分@app.route('/',methods=['GET','POST'])de......
  • java面向对象知识点
    thisthis(id,name);//调用另一个方法只能放在第一行thisid=id;thisname=name;publicStudent(intid,Stringname,chargender){this.id=id;......