目前的AI有点像几年前的共享单车，百花齐放，不知道未来谁将成为AI领域的头部。这几天用了DeepSeek，这个国产的AI也让人很意外，每天都在迭代，在变化，在生成代码方面也很牛。

这是deepseek的官网，没有用过的可以尝试一下： https://www.deepseek.com/

公司有自己的前端框架，现在考虑的是如何用AI融入到公司的框架中，提高公司技术平台的开发效率。

公司的前端框架有点类似于Variant From 这个低代码框架。核心思想也是通过JSON来生成前端，低代码配置界面也是通过一个表单设计器来做。

环境搭建

首先从gitee上下载了variant Form 的代码，
https://gitee.com/vdpadmin/variant-form

并运行起来,运行variant from的话，会前端开发的都会。

了解variant from 架构

要让ｄｅｅｐｓｅｅｋ　能生成variant form（后续简称vform） 的代码，首先要了解vform的结构，通过配置一个表单，查看json结构，可以看到其JSON结构的定义，如下图。

外层是widgetList+formConfig 分别是表单定义和组件列表

改造Vform增加AI接口

希望在vform中增加AI的接口，可以通过传入AI命令，让AI生成相关的json，因此让cursor帮我增加代码，在设计器的右下方增加一个对话框按钮，点击后弹出AI对话框，可以输入需求,获得AI的回答，并将回答结果反馈到表单设计上。

经过简单的微调，cursor 帮我生成了非常nice的界面，可以调用deepseek的api了。

deepseek申请API

在deepseek上申请一个API，点击ｄｐ的页面，注册并申请，ｄｅｅｐｓｅｅｋ赠送了１０元，可以用于体验。

点击APIｋｅｙｓ页面，创建一个API。

deepseek请求设置

本次使用不希望做成Ｃｈａｔ一样聊天，而是希望能够返回需要的ｊｓｏｎ，查看ｄｅｅｐｓｅｅｋ的ａｐｉ后，可以设置请求格式，并上下文硬盘缓存

如下代码是相关的设置,其中options是定义没有给组件的参数.

最终效果

上述完成后,可以看看效果.

让AI做一个用户登录界面，支持记住密码，其生成了如下界面，基本满足了我的要求，当然目前还比较粗糙，只是我的一个设想的使用场景．