看板项目管理面板

使用HTML5/CSS3/JavaScript开发无框架依赖的看板管理面板,支持拖拽卡片、富文本编辑、标签分类、数据持久化和响应式设计。
使用HTML5、CSS3和JavaScript构建一个看板项目管理面板。具体要求如下:

1. 面板布局
- 采用弹性布局设计可自定义列(如"待办"、"进行中"、"已完成"等)
- 支持列宽动态调整

2. 交互功能
- 实现卡片跨列拖拽功能
- 拖拽过程需包含平滑动画效果
- 支持键盘快捷键操作

3. 卡片功能
- 支持创建富文本格式卡片
- 包含标签系统
- 设置截止日期
- 优先级标记功能
- 成员分配功能(显示用户头像)
- 支持按负责人过滤

4. 协作功能
- 卡片评论系统
- 活动历史记录

5. 自定义功能
- 支持列顺序调整
- 提供多套配色主题
- 支持快速切换多个看板

6. 数据管理
- 使用localStorage实现数据持久化
- 支持数据导出/导入功能

7. 响应式设计
- 适配不同屏幕尺寸
- 移动端友好交互

8. 技术要求
- 纯前端实现(HTML5/CSS3/JavaScript)
- 代码需符合现代Web标准
- 无框架依赖(如不使用React/Vue等)

注意:所有功能模块需通过纯前端技术实现,确保不依赖后端服务。实现时应优先保证核心拖拽功能稳定性和数据持久化可靠性。

使用说明

  • 点击"复制提示词"按钮复制完整内容
  • 粘贴到 ChatGPT、Claude 或其他 AI 对话工具中
  • 根据实际需求调整提示词中的具体参数
  • 可以多次迭代优化以获得更好的结果