以下是通过概要设计文档生成代码的步骤:
在中后台项目中,经常需要核对大量字段,一个列表有几十个字段,每个字段又有很多属性,人工核对费时且易出错。产品给到的表格,每个字段对应的设置项,可直接转换成 js 对象。若产品写的原型文档不能把表格直接生成 csv,比如在语雀文档中插入的 excel,可以先把表格拷贝到腾讯文档的表格中,然后把标题修改成需要的对应 key,最后导出 csv 文件。
这是删除整理后的数据,只包含了生成mock的必要数据。接口名称、接口url,请求方式,返回示例。实例后面第三步:让GPT转换数据把过滤后的markdown数据发送给ChatGPT,并让它生成数据。由于生成的内容,ChatGPT无法一次输出。所以下面我们需要让它继续,并且提醒它把代码放在一个代码块中。第四步:本地测试ok
痛点:怎么快速的把后端定义的接口文档变成前端项目中的Mock数据,前端可以直接请求这个接口并返回模拟数据呢?我的项目使用的[umi框架](https://v3.umijs.org/zh-CN/docs/mock#%E7%BA%A6%E5%AE%9A%E5%BC%8F-mock-%E6%96%87%E4%BB%B6),内置了mock数据服务,所以我们只要把相关的接口umi的要求生成代码即可。下面我们开始吧。解决方案:第一步:身份设置你是一个数据格式生成器,我会给你一些接口定义文档。你会转换成umi中mock的数据格式。注意事项:1.需要把标题放在url的上方,并注释起来。2.生成的数据,放在一个代码块中方便复制。3.引入:import mockjs from 'mockjs';来模拟数据第二步:数据格式处理这里为什么要进行数据格式处理呢?因为chatGPT的token长度有限制,一次不能输入太多,并且上下文理解能力长度也有限制。所以我把原始文档拷贝到typora中,把不必要的内容删除。拷贝到typora中的好处是,可以把文档内容转成markdown格式,如果内容中包含表格文本拷贝到GPT进行识别。
副标题:无需手动转换!ChatGPT让数据格式转换成为小菜一碟!场景说明:中后台项目经常需要核对大量的字段,一个列表有几十个字段,每个字段又有很多的属性。人工核对非常费时,而且容易出错。产品会给到我们一份表格,每个字段对应的设置项。我们只需要把这个表格直接转换成js对象就非常方便。小技巧如果你们产品写的原型文档,不能把表格直接生成csv,比如在语雀文档中插入的excel。可以先把表格拷贝到腾讯文档的表格中,然后把标题修改成你需要的对应key。如下图,最后导出csv文件。