AI使用心得4-大屏构建实战

发布时间:2026/7/1 5:34:32
AI使用心得4-大屏构建实战 AI使用心得4前言这个系列的第四篇这次是一次实战记录从0开始开发一个大屏数据详情页的系统实战1、先让他建一个前后端prompt是OK我现在要创建前后端分离的大屏项目我在文件夹下有个Smart_Data_数据全景大屏的html作为风格参考前端用Vue3后端用spring boot3.5JPA使用mysql的方式配置文件走yml里面是环境变量我会引用prod.env你可以先创建两个项目然后参考目前的html做一个大屏主页面里面的数据可以调用后端接口然后后端接口先写死当然我后面会慢慢指导去哪里怎么取数据我可以先给个数据库我之前用python连接的 这里是数据库连接信息2、遇上了报错所有报错都直接复制发给ai他会自己修改3、放弃使用idea自己启动直接全部托管交给他4、直接让他连接数据库查询数据并且自行理解5、这个时候他直接拿了我的平铺列表让他做一下简单聚合6、我的表里的数据很多时候都有各种各样的格式让他每个查10条并设计一下样式7、样式细节优化8、搜索逻辑调整9、之前的数据我都有一张专门的数据资产汇总表现在新加的只有数据库里的直接让他查询数据库自己总结10、样式调整11、再加一个数据模块12、新加数据模块并且让他参考指定网页的样式13、新加数据模块14、逻辑及样式调整15、整体规划调整16、上传git17、直接参考之前项目配置打包相关文件18、提交并部署到这一步基本已经项目全部完成了