我们做开发的都知道,经常会接手一个以前同事的旧项目~~~
文档?不存在的~ 代码注释?那是什么? 规范?字典没这两个字~
GLM-4-Plus:这是一个升级版的 GLM-4 模型,拥有更多的参数和更好的性能,适用于各种文本处理任务,比如文本生成、理解和分类。
GLM-4V-Plus:这是 GLM-4-Plus 的视觉增强版,不仅能够处理文本,还能处理图像信息,适用于需要同时理解文本和图像的多模态任务。
pip install zhipuai
pip install fastapi uvicorn
pip install sse-starlette
from sse_starlette.sse import EventSourceResponse
点击 “AI 解读” 按钮向后端发送请求代码如下:
后端需要实现的功能为:
1、读取指定目录下的文件列表。 2、获取文件代码内容,并输出到代码编辑器中。 3、利用智谱大模型的 API 解析用户提交到代码内容,对其进行解析,并返回输出。
后端读取文件目录列表与读取文件代码内容完整代码如下:
uvicorn main:app --reload
4、图片生成代码
以上功能已经很强了,但对 AI 来说也就是基础功能,接下来我们来看一个更牛逼的操作,直接通过网页截图生成需要的网页代码,这里要使用的模型是 :GLM-4V-Plus。
GLM-4V-Plus 是集图像理解与视频理解能力于一体的多模态模型,我们就利用它这个强大的能力,把一个图片、设计稿或者网页截图直接转化为 HTML、CSS 或 JavaScript 代码,这样能帮助开发者快速生成前端代码。
假设我们的图片如下:
通过以下代码解析图片内容,并让他生成一个跟他一模一样前端代码文件:
生成的代码如下:
在浏览器查看,展示效果如下:
有了这个能力,下次产品经理出了原型设计稿都可以直接跳过设计师让大模型来实现前端页面了。。。
🚀 想要解锁图片转代码的超能力吗?
👉 长按识别下方二维码,立即体验这项神奇技能!