使用通义灵码绘制各种代码流程图

简介: 本文介绍了在日常开发中使用通义灵码提升效率的同时,解决绘图需求的问题。通过引入PlantUML,解决了传统绘图软件在团队协作、版本管理、二次编辑及效率上的不足。PlantUML基于文本绘制,支持多种图表类型,并可在IDE和语雀中使用。文章还探讨了通义灵码的自定义扩展能力,以及如何利用CRISPE框架优化提示词,实现更高效的图形生成。最后展望了AI与IDE融合的未来,预示着更智能的AI编程时代即将到来。

一 背景

在日常开发过程中,我们会经常使用到通义灵码,通过通义灵码极大的提升了开发效率,包括在代码补全,代码解释等方面,但是在日常软件开发中,我们还有很多绘图的需求,没有办法通过现有通义灵码的功能满足。比如以下绘图场景,传统使用draw.io 等绘制工具进行绘制。

image.png

但是使用绘图软件,存在以下问题:

  1. 团队协同差:需要安装特定软件进行重新编辑;
  2. 没办法版本管理:没有办法使用git等工具进行版本管理;
  3. 二次编辑难:图片和源文件分离,每次都要基于原始文件进行编辑,原文件找不到了就要重新画;
  4. 效率低:尤其针对使用拖拽式的画图软件时候,还要使用很多精力去对齐各种连线。

image.png

本次主要探索如何在通义灵码场景下解决以上问题。

二  PlantUML介绍

我们知道常用的大语言大模型只能生成文字,为了生成流程图,我们引入了PlantUML进行。PlantUML 是一种基于纯文本定义来绘制 UML(统一建模语言)图的开源工具。使用 PlantUML,用户可以编写简单的文本描述,然后自动生成各种类型的 UML 图形。同时PlantUMl支持多种类型的图表,覆盖了软件开发的全生命周期,包括从需求设计到概要设计,在到最后的详细设计,都有涉及到,包括以下场景:

image.png

2.优势

因为plantuml基于文本绘制的特点,存在以下优点:

image.png

3.IDE插件使用

安装plantuml的ide插件,安装后可以增加相关的ide操作入口,安装完插件后,还需要再使用brew安装graphviz,因为图形绘制还需要依赖graphviz。安装好以后就可以在IDE里编辑预览plantUML代码文件了。


4.在语雀中使用

同时语雀也提供了对plantuml很好的支持,可以在语雀中添加plantuml的代码,直接渲染,如下图所示。


image.png

image.png

三 灵码自定义扩展

1. 功能介绍

通义灵码提供了自定义扩展的能力,用户可以在后台配置自定义的提示词,满足自定义场景需求。页面如下,可以看到自定义扩展,本质上还是基于大模型的prompt进行的,所以自定义扩展功能的好坏主要在与如何写好提示词prompt。

image.png

2. 怎么写好提示词

熟悉大模型的同学都应该,Prompt如何写对大模型的输出效果很重要。以我的经验为例,一般使用比较多的是CRIPSE提示词框架。

2.1. CRISPE框架介绍

CRISPE框架是用于大模型提示词设计的一种方法论,旨在通过系统化的设计流程来构建高效的提示词,以获得最佳的输出结果。CRISPE这个名字来源于其六个核心组成部分的首字母缩写:

image.png

2.2. 让灵码帮你写提示词

可以看到CRISPE框架的要求还是比较多的,如果每次都考人肉去写,还是比较折腾的。既然CRIPSE是一个比较标准的框架,我们就可以按照框架的要求,让大模型每次帮我们直接生成优化后的提示词就行,我们只需要输入一些核心要求即可。设计prompt如下:

image.png

这样后续每次生成,我们只需要输入核心要求,然后让灵码大模型帮你优化提示词,这样就可以很快的生产满足CRISPE框架的提示词了。整体使用如下:

image.png

3. IDE模型图验证

我们使用上面的提示词优化专家,依次生产了针对各种图形场景的自定义扩展指令,包括类图,时序图,活动图,组件图,用例图,数据库ER图的扩展命令。

image.png

测试生成效果如下:

3.1. 组件图

3.1.1. 提示词

image.png

3.1.2. 效果

image.png

3.2. 用例图

3.2.1. 提示词

image.png

3.2.2. 效果

image.png

3.3. 类图

3.3.1. 提示词

image.png

3.3.2. 效果

image.png

3.4. 流程图

3.4.1. 提示词

image.png

3.4.2. 效果

image.png

3.5. 活动图

3.5.1. 提示词

image.png

3.5.2. 效果

image.png

4. 其他场景

除了以上场景,很多日常场景也可以使用,比如

4.1. 日常学习

使用plantuml输出,方便日常学习了解,比如:

① 基于java动态代理的实现原理,用plantuml使用流程图格式输出

image.png


② 基于https三次握手过程,用plantuml的格式输出

image.png


4.2. 其他高级用法

plantuml还有很多高级用法,比如以下各种场景。其实都可以通过大模型来驱动生成,可以挖掘很多场景。

4.2.1. 部署图


image.png

4.2.2. 数据表

image.png


4.2.3. 项目管理表

image.png


四  展望

相信不久的将来,IDE和大模型会彻底融合,AI将贯穿整个研发流程,大模型会从单一的代码助手,走向更智能的AI机器人,更好的服务开发者,大家一起见证新的AI编程时代的到来。

image.png

目录
相关文章
|
安全 网络安全 数据库
"通义灵码"是一个用于生成通用模板的工具
"通义灵码"是一个用于生成通用模板的工具
240 1
|
15天前
|
自然语言处理 IDE 测试技术
通义灵码——有了它让我的编程效率和质量直线上升!
作为一名大数据开发工程师,我每天与代码和数据打交道,享受解决复杂问题的乐趣。最近,我遇到了一位超级“码”力助手——通义灵码。它不仅是一个简单的代码补全工具,更像是一个拥有高度智慧的编程伙伴,能够理解我的编程意图,给出最合适的建议,大大提升了我的工作效率和编程体验。本文将分享如何在VsCode中安装和使用通义灵码,以及它在我的实际编程工作中发挥的重要作用。
|
20天前
|
数据采集 自然语言处理 数据库
深入体验阿里云通义灵码:测试与实例展示
阿里云通义灵码是一款强大的代码生成工具,支持自然语言描述需求,快速生成高质量代码。它在测试、代码质量和用户体验方面表现出色,能够高效地生成 Python 和 Java 等语言的代码,助力开发者提升开发效率和代码质量。无论是新手还是资深开发者,都能从中受益匪浅。
深入体验阿里云通义灵码:测试与实例展示
|
7天前
|
自然语言处理 安全 搜索推荐
通义灵码帮你一键读工程代码,补全相关相似代码
当你接手他人项目代码,开发者需要大量学习项目代码、架构等,学习和上手成本高。通义灵码的@workspace可以一键读懂工程代码,生成代码逻辑流程图。
|
29天前
|
人工智能 测试技术 API
探索通义灵码的无限可能:功能场景与应用实战分析
本文深入探讨了通义灵码在现代软件开发中的应用价值。通过代码补全、单元测试自动生成等功能,通义灵码显著提升了开发效率和代码质量。文章通过具体案例展示了其在团队协作、代码风格一致性和创新项目中的实用性,并展望了未来开发的新趋势。
63 5
探索通义灵码的无限可能:功能场景与应用实战分析
|
1月前
|
人工智能 自然语言处理 数据可视化
通义灵码上新功能:用代码画流程图
不想读前人“骨灰级”代码,不想当“牛马”程序员,想像看图片一样快速读复杂代码和架构。通义灵码刚刚支持代码逻辑可视化,可以把你的每段代码画成流程图。像个脑图工具一样帮你图文并茂画出代码逻辑和框架,再也不用迷失在代码迷宫啦!
|
29天前
|
自然语言处理 IDE Linux
就3步,用通义灵码写一个数字华容道小游戏
Hey,小伙伴!你是不是总是下定了学习编程的决心,但又因为枯燥、困难打起了退堂鼓?今天让我们跟着通义灵码边玩边练,只需要简单的几句话,就可以打造一款经典的数字华容道小游戏,即使没有代码基础也能快速上手,也许在这个过程中,你不经意间就掌握了一些编程知识。让我们开始吧!
|
4天前
太便利了 !通义灵码方便生成html页面
太便利了 !通义灵码方便生成html页面
29 0
|
29天前
|
人工智能 自然语言处理 数据可视化
30 秒!用通义灵码画 SpaceX 星链发射流程图
通义灵码支持代码逻辑可视化,可以把你的每段代码画成流程图。你可以把它当成一个超级脑图工具,帮你快速画出代码逻辑和框架!
|
2月前
|
自然语言处理 测试技术 开发者
通义灵码全面评测:以PyCharm为例,展示智能编码助手的强大功能
《通义灵码全面评测:以PyCharm为例,展示智能编码助手的强大功能》