在Vue的模块开发中使用GPT的体验及总结

我这一周都在忙着实现一个页面,这个页面是通过vue基于element-ui来实现的。在这个过程中,我把页面拆分成多个组件,而组件的生成是通过Chat-GPT3来实现的。
这又是一次使用AI来协同开发的体验,觉得有必要总结一下:

  1. 遵循软件系统设计中的单一原则来拆分模块;
  2. 设计模式在组装模块上的作用很重要;
  3. 管道的思想是表达数据处理逻辑的一种重要方式;

遵循软件系统设计中的单一职责原则来拆分模块

在这次体验中,我让GPT为我生成的东西很明确,即表单和表格。一方面便于GPT的理解和实施,另一方面,也是更重要的一方面,是便于自己的表达和输出。

设计模式在组装模块上的作用很重要

为了实现模块之间的事件节藕,我使用了vue提供的观察者模式。当然,这个部分的代码不多,我是手写的。但我可以遇见,设计模式的使用,一方面可以让GPT了解你的意图,另一方面也可以单独生成代码(设计模式本身很多也是遵循单一职责来设计的)。

管道的思想是表达数据处理逻辑的一种重要方式

因为我的模块都是用于数据展现的,所以,数据处理都集中到了页面上。从高内聚,低耦合的设计角度来说,这提升业务逻辑的内聚性,降低模块的耦合度。但页面上的复杂逻辑应该如何表现就变成了一个棘手的问题。在复杂逻辑的处理场景中,数据流的处理通常是核心。而数据流的处理,用管道思想再合适不过,它起到一种组织和解耦代码的作用,这里又遇到了“单一职责”原则,又是一个让GPT写代码的点。

写得有些仓促,思考也不太完整,欢迎大家评论区讨论。

2024.1.27,重庆.渝北

相关推荐

  1. Vue模块开发使用GPT体验总结

    2024-01-28 09:00:02       53 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-28 09:00:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-28 09:00:02       101 阅读
  3. 在Django里面运行非项目文件

    2024-01-28 09:00:02       82 阅读
  4. Python语言-面向对象

    2024-01-28 09:00:02       91 阅读

热门阅读

  1. STM32 简易智能家居嵌入式系统设计蓝图

    2024-01-28 09:00:02       48 阅读
  2. 2-1.分支结构之switch语句

    2024-01-28 09:00:02       52 阅读
  3. day34_js

    day34_js

    2024-01-28 09:00:02      41 阅读
  4. CSS transition(过渡效果)详解

    2024-01-28 09:00:02       52 阅读
  5. CCF-CSP 202312-2 因子化简

    2024-01-28 09:00:02       52 阅读
  6. sql server 2008 安装问题

    2024-01-28 09:00:02       52 阅读
  7. DAY32:贪心算法part2、122\55\45

    2024-01-28 09:00:02       58 阅读
  8. kafka-JVM采集器安装

    2024-01-28 09:00:02       55 阅读
  9. Python 编程技巧

    2024-01-28 09:00:02       62 阅读