看板项目管理面板

使用HTML5/CSS3/JavaScript开发无框架依赖的看板管理面板,支持拖拽卡片、富文本编辑、标签分类、数据持久化和响应式设计。

技术游戏2026-02-23
提示词内容

使用HTML5、CSS3和JavaScript构建一个看板项目管理面板。具体要求如下:

  1. 面板布局
  • 采用弹性布局设计可自定义列(如"待办"、"进行中"、"已完成"等)
  • 支持列宽动态调整
  1. 交互功能
  • 实现卡片跨列拖拽功能
  • 拖拽过程需包含平滑动画效果
  • 支持键盘快捷键操作
  1. 卡片功能
  • 支持创建富文本格式卡片
  • 包含标签系统
  • 设置截止日期
  • 优先级标记功能
  • 成员分配功能(显示用户头像)
  • 支持按负责人过滤
  1. 协作功能
  • 卡片评论系统
  • 活动历史记录
  1. 自定义功能
  • 支持列顺序调整
  • 提供多套配色主题
  • 支持快速切换多个看板
  1. 数据管理
  • 使用localStorage实现数据持久化
  • 支持数据导出/导入功能
  1. 响应式设计
  • 适配不同屏幕尺寸
  • 移动端友好交互
  1. 技术要求
  • 纯前端实现(HTML5/CSS3/JavaScript)
  • 代码需符合现代Web标准
  • 无框架依赖(如不使用React/Vue等) 注意:所有功能模块需通过纯前端技术实现,确保不依赖后端服务。实现时应优先保证核心拖拽功能稳定性和数据持久化可靠性。 复制提示词