看板项目管理面板
使用HTML5/CSS3/JavaScript开发无框架依赖的看板管理面板,支持拖拽卡片、富文本编辑、标签分类、数据持久化和响应式设计。
提示词内容
使用HTML5、CSS3和JavaScript构建一个看板项目管理面板。具体要求如下: 1. 面板布局 - 采用弹性布局设计可自定义列(如"待办"、"进行中"、"已完成"等) - 支持列宽动态调整 2. 交互功能 - 实现卡片跨列拖拽功能 - 拖拽过程需包含平滑动画效果 - 支持键盘快捷键操作 3. 卡片功能 - 支持创建富文本格式卡片 - 包含标签系统 - 设置截止日期 - 优先级标记功能 - 成员分配功能(显示用户头像) - 支持按负责人过滤 4. 协作功能 - 卡片评论系统 - 活动历史记录 5. 自定义功能 - 支持列顺序调整 - 提供多套配色主题 - 支持快速切换多个看板 6. 数据管理 - 使用localStorage实现数据持久化 - 支持数据导出/导入功能 7. 响应式设计 - 适配不同屏幕尺寸 - 移动端友好交互 8. 技术要求 - 纯前端实现(HTML5/CSS3/JavaScript) - 代码需符合现代Web标准 - 无框架依赖(如不使用React/Vue等) 注意:所有功能模块需通过纯前端技术实现,确保不依赖后端服务。实现时应优先保证核心拖拽功能稳定性和数据持久化可靠性。
使用说明
- 点击"复制提示词"按钮复制完整内容
- 粘贴到 ChatGPT、Claude 或其他 AI 对话工具中
- 根据实际需求调整提示词中的具体参数
- 可以多次迭代优化以获得更好的结果
