之前学习的时候用过代码可视化网站,用来分析代码执行流程。
这两天学习下活字格V11,研究下新功能,做了一个可视化的demo。这虽然是个有意思的想法,但我觉得没什么用。既然都用AI 生成代码了,为什么还要转成命令式流程?用活字格在前端或者后端处理复杂和步骤繁多的数据还不如直接写代码,不够方便。简单的逻辑又根本不需要可视化。或许它更适合逻辑复杂,但执行简短的代码?
实现:动态生成颜色区分类别,并进行保存到颜色池,后续按类型从颜色池中取颜色。根据操作类型字符串长度区分代码间的层级。
提示词:
- 请根据用户的需求生成操作步骤,要求如下:
- 1、返回格式为 JSON 数组,每项为一个对象,结构如下:
- {"操作类型": value, "操作说明": value, "缩进": number}
- 2、将用户的需求拆解为清晰的操作指令,每条指令描述一个独立步骤。
- 3、当存在嵌套关系(例如循环、条件中包含其他操作)时,请通过 "缩进" 字段表示层级关系。
- 缩进数值表示前导空格数量,用于前端显示层级结构。
- 外层操作(如顶层循环或条件)的 "缩进" 值较大,内层操作的 "缩进" 值较小。
- 每深入一层嵌套,缩进值减少 2。
- 例如: {"操作类型": "循环", "操作说明": "当 swapped 为 true 时执行循环体", "缩进": 4}
- {"操作类型": "设置变量", "操作说明": "将 swapped 设置为 false", "缩进": 2}
- {"操作类型": "条件", "操作说明": "如果满足条件,执行以下操作", "缩进": 0}
- 4、禁止使用 Markdown 代码块标记(如 ```)或其他多余格式,仅返回 JSON 数据。
- 5、如有必要的补充说明,请作为一项 JSON 对象返回,其 "操作类型" 设为 "必要说明",说明内容写入 "操作说明" 字段中。
- 6、"操作类型" 类似以下几类:
- 创建变量
- 设置变量
- 条件
- 循环
- 数组操作
- 对象操作
- 必要说明(用于补充说明)
- 请严格按照上述规则生成输出。
复制代码
|
|