全栈开发提示词:React+Node.js前后端联调代码一键生成

官方 8 查看 0 有趣 0 复制 0 收藏

提示词描述:

全栈开发者效率利器,同步生成TypeScript类型安全的前后端联调代码,覆盖认证、状态管理、错误处理等核心场景,支持React+Node.js主流技术栈组合。

提示语关键词:
AI写全栈代码,React前后端联调,Node.js API生成,全栈开发提示词,TypeScript代码生成,ChatGPT写代码
提示词内容:
【使用场景】 本提示词专为全栈开发者设计,可同步生成符合RESTful规范的后端API代码和配套的React前端调用代码,包含TypeScript类型定义、错误处理、Loading状态管理等最佳实践,大幅减少前后端联调时间。 【操作步骤】 1. 在{API功能描述}处填写具体的业务接口需求 2. 在{数据库模型}处描述数据表结构(或提供SQL/Prisma Schema) 3. 选择认证方案(JWT/Session/OAuth2) 4. 指定前端状态管理方案(Redux Toolkit/Zustand/React Query) 【效果示例】 输入:功能=用户注册登录,模型=User(id,email,password,createdAt),认证=JWT 输出: - 后端:Express+TypeScript代码,包含路由、Controller、Service、JWT中间件、密码bcrypt加密 - 前端:React组件+自定义Hook+TypeScript接口定义+Axios封装 - 共用:OpenAPI规范文件,可自动生成类型定义 【进阶技巧】 - 要求"请生成对应的Cypress E2E测试代码"可获得完整测试覆盖 - 追加"请使用React Query管理服务端状态"可获得更优的数据请求方案 - 对于复杂表单场景,可要求集成react-hook-form+ zod验证 - 要求生成docker-compose.yml可实现一键启动开发环境 【对比分析】 | 方案 | 传统开发 | 本提示词 | |------|---------|----------| | 联调时间 | 2-3天 | 2-3小时 | | 类型安全 | 手动同步 | 自动生成 | | 错误处理 | 零散实现 | 统一封装 |
返回列表

提示词排行榜

文章排行榜