教育管理系统文章素材用Codex自动生成项目代码维护角色、绘画风格、背景、主题、形象、动作、光影、服装和情绪等内容素材，为提示词拼接和前端素材选择提供数据来源。它在教育管理系统里承担内容沉淀、资源配置或业务流转职责，后续页面、接口和权限都需要围绕这条业务主线设计。本文基于 ArticleMaterial 模型、ArticleMaterialViewSet、MediaUploader、TagsInput 与素材前端页面 的真实代码，说明如何把文章素材需求拆成模型字段、接口规则、页面交互、扩展能力和验收标准，再转换成 Codex 可以执行的项目代码生成任务。文章目录设计与需求后端设计前端设计扩展功能数据联动Prompt拼接导入导出资源预览Codex开发标准SOP 标准PDD 标准总结设计与需求文章素材不能只按普通 CRUD 理解。源码范围包括 server_backend/modules/Article/models.py、server_backend/modules/Article/views_app/ArticleMaterial.py、server_backend/modules/Article/utils.py，前端范围包括 server_vue3/src/views/modules/Article/ArticleMaterial/index.vue、api.ts、crud.tsx、components/MediaUploader.vue、components/TagsInput.vue。交给 Codex 的任务需要明确业务字段、接口前缀、页面回显和权限边界，避免后端字段、前端表单和 PDD 文档相互脱节。