文章摘要：本文提供了一套AI前端开发需求的标准表述结构，包含页面功能、数据流向、交互流程、组件布局和技术栈要求。通过三个典型场景（用户列表、表单提交、数据详情页）的提示词示例，展示了如何清晰描述功能需求。文章强调后端友好的表达原则：用API接口定义交互、明确技术栈限制、采用数据流向而非UI描述。同时指出了常见需求误区及优化表述方式，如将"好看的页面"具体化为颜色和动效参数。这种

文章摘要：本文提供了一套AI前端开发需求的标准表述结构，包含页面功能、数据流向、交互流程、组件布局和技术栈要求。通过三个典型场景（用户列表、表单提交、数据详情页）的提示词示例，展示了如何清晰描述功能需求。文章强调后端友好的表达原则：用API接口定义交互、明确技术栈限制、采用数据流向而非UI描述。同时指出了常见需求误区及优化表述方式，如将"好看的页面"具体化为颜色和动效参数。这种

npm报错就切换yarn ， yarn报错就先切换npm删除 node_modules 跟package-lock.json文件重新下载依

后端接口返回二进制文件，前端预览展示

在生产环境中，我们希望移除所有的 console.log 日志。在生产环境中，我们希望移除所有的 console.log 日志。如果 process.env.NODE_ENV 的值为 'production'，则 isProduction 为 true，表示当前环境为生产环境。在 vue.config.js 中，我们可以使用 configureWebpack 方法来配置 webpack 的相关选项

技术栈选用 Vue3 + Vite5 + Pinia + Vant4 + Sass。

【代码】el-table利用折叠面板 type="expand" 嵌套el-table，并实现 明细数据多选，选中明细数据后返回原数据得嵌套格式。

​INNER JOIN：只返回两个表中都存在的相关数据。​LEFT JOIN：返回左表的所有数据及右表中匹配的数据，右表无匹配则为NULL。​RIGHT JOIN：返回右表的所有数据及左表中匹配的数据，左表无匹配则为NULL。​FULL JOIN：返回两个表中的所有数据，匹配的和不匹配的都包括，缺失部分用NULL填充。​需要所有左表数据，无论右表是否有匹配 → ​LEFT JOIN​需要所有右表数

Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的框架。它由 GitHub 开发并维护，允许开发者使用现代 Web 技术创建原生应用程序。Electron 结合了 Chromium 渲染引擎和 Node.js 运行时环境，使得开发者可以在同一个项目中同时利用前端和后端的技术栈。Electron 主要特点跨平台：一次编写，可在 Windows、macO

使用前注意事项：为了您的正常使用，请确保使用全新或纯净的系统安装宝塔面板，不支持已部署项目/环境的系统安装。