使用免费的飞算的 JavaAI 2 小时搭好短片制作管理 Web 工具，感觉自己棒棒哒，但是感觉还差点意思

返回 🚀 分享创造

使用免费的飞算的 JavaAI 2 小时搭好短片制作管理 Web 工具，感觉自己棒棒哒，但是感觉还差点意思

solidity 0

2026-07-15 20:23 · 3 次浏览 · 0 条评论 · 0 cool

## 一、拍摄现场的信息孤岛

一个典型短片拍摄的现场信息流是这样的：

导演手上有场次表，但修改后摄影师不一定会收到。制片人排了拍摄日程，后期团队不知道哪天会有素材进来。素材拍完了存在硬盘里，粗剪开始了才发现缺镜头。

这不是管理问题，是信息在不同角色之间流动时的断裂问题。

我需要的不是一个素材管理系统，而是一个**角色视角的信息对齐工具**——让制片人看到项目全局，让摄影师看到今天拍什么，让后期看到哪些素材可以开始处理。

## 二、成品展示：工作台与角色视角

![](/images/365)

页面采用电影胶片暗黑风（Cinematic Dark）——深黑背景、金色边框、暗红强调色、衬线字体标题——一打开就有短片制作工具的氛围感。

工作台**首页**从一条横向项目阶段进度条开始：剧本 → 筹备 → 拍摄 → 粗剪 → 精剪 → 交付。往下分别是统计指标、今日拍摄场次、待处理后期任务和项目概览卡片。

![](/images/366)

每个角色登录后看到的内容不同：

- **制片人**看到项目预算和整体进度
- **导演**看到今日场次和素材完成情况
- **摄影师**看到拍摄日程
- **后期**看到待处理的素材和泳道任务看板
场次管理是核心枢纽。每场戏包含拍摄日期、时间段、地点、演员、道具和负责人。制片人建立场次后，摄影师在"拍摄日程"页面看到自己的拍摄任务，场记可以标记拍摄完成状态。

![](/images/367)

素材管理采用卡片列表排列，每段素材关联到场次。摄影师上传后标记为"原始素材"，后期人员可以一键推进素材的处理状态。

后期任务使用**泳道看板布局**——粗剪、精剪、声音、字幕、调色、视效各自独立泳道，任务卡显示素材来源、负责人和截止日期。这是最受团队成员好评的设计。

![](/images/368)

## 三、流转机制：场次→素材→后期任务的协同链

整个页面的业务流转设计为一条闭环链路：

![](/images/369)

场次关联素材，素材绑定后期任务。制片人创建项目后，先拆成场次，每场设定拍摄日期和人员。摄影师拍完当天的场次后上传素材，系统自动把素材归到对应场次下。后期人员在任务看板中看到新素材，领取后进行粗剪/精剪，完成后通知制片人审核。

这套流转逻辑不需要复杂的审批流或多级通知，只需要把"谁负责什么、下一步是什么"在页面上展示清楚。

## 四、飞算 JavaAI 智能引导：从需求到代码的 6 步

我在 IDEA 里没有从空白工程开始，而是选择了**智能引导**模式——这是飞算 JavaAI 把自然语言需求逐层拆解为工程代码的核心能力。

**第 1 步**：在 IDEA 功能区选择"智能引导"，默认为智能会话。

![](/images/370)

**第 2 步**：输入项目需求 Prompt：

这个 Prompt 覆盖了三个关键要素：**角色定义**（制片人/摄影师/后期）、**业务实体**（项目/场次/素材/任务）、**视觉风格**（电影制作风格）。

![](/images/371)

**第 3 步**：生成 API 接口模型。项目 CRUD、场次状态变更、素材上传与流转、任务分配与进度更新——整套 RESTful 接口被一次性规划出来。

![](/images/372)

**第 4 步**：AI 自动拆解出实体模型。Project（项目）、Scene（场次）、Footage（素材）、Task（后期任务）四个实体以及它们之间的关联关系被清晰地展示出来。

![](/images/373)

**第 5 步**：系统展示代码生成计划，包含完整的目录结构、组件树和路由规划。确认后开始生成源码。

![](/images/374)

**第 6 步**：源码生成完毕，Vue 3 项目骨架建立完成。包含完整的 Router、Store、Mock 数据和 10 个页面组件，可以直接启动查看效果。

![](/images/375)

## 五、核心页面设计意图

**工作台——信息密度与角色感知**

首页采用"横向进度线+指标卡片+待办列表"三段式布局。进度条使用绿色（已完成）、金色（进行中）和暗色（未开始）的颜色体系，符合电影行业的心理模型——绿是过、金是等待、暗是未到。

**拍摄日程——通告单的数字化**

日程页面把场次按日期排列。每个场次卡片用左侧色条标记状态（金=待拍、绿=已完成、红=延迟），下方显示拍摄时间段、地点和参与人员。设计参考了真实片场的通告单——每个场次就是通告单上的一行。

![](/images/376)

**后期任务泳道——让进度可视化**

泳道布局参考了 Trello 的看板模式，但结合了短片制作的特定工作流——从粗剪到精剪是串行的，而字幕和声音可以是并行的。每个泳道顶部显示任务数量和整体状态，一目了然哪个环节积压了工作。

## 六、人机协作提炼：AI 搭骨架，人补质感

这次合作最深切的体会：

**AI 擅长的**：把自然语言需求翻译成结构化的数据模型和接口定义。智能引导从"场次-素材-任务"这一句话里拆解出三个独立的实体和它们之间的关联关系，节约了从业务概念到工程代码之间最枯燥的翻译时间。

**人需要做的**：

1. **视觉风格的注入**——AI 生成的页面默认是中规中矩的浅色主题。深黑背景、金色点缀、衬线字体、胶片纹理——这些让页面从"管理后台"变成"电影工具"的视觉决策，需要人来判断。
2. **角色视角的逻辑**——AI 会生成通用的 CRUD，但"制片人看预算、摄影师看日程、后期看素材"这种按角色过滤的逻辑，需要结合真实的工作场景来设计。
3. **泳道布局的减法**——后期任务页面从列表变成泳道看板这个改动，是为了适应"不同工种并行工作"的实际场景。AI 会倾向于生成标准的表格列表，而泳道布局让人一眼就能看出哪个环节积压了任务。
**一句话总结**：飞算 JavaAI 帮我省掉了从业务概念到工程代码之间最枯燥的"翻译"时间，让我能把精力花在短片制作工具区别于通用管理后台的那层"电影感"上。

![](/images/377)

---

**飞算 JavaAI 炫技赛**正在进行中，分为实战赛道（企业级系统开发）和效率赛道（个人工具开发），每月两个评审窗口。无论是做复杂的业务流转还是解决身边的小痛点，都可以参与。现在还有 9.9 元包月的 AI 编程体验活动，感兴趣的开发者不妨用它上手做一个项目试试。

**#飞算JavaAI炫技赛 #AI编程 #Vue3 #短片制作 #后期协作 #项目管理 #程序员日常 #电影制作**

原创

0 cool

暂无评论，来说两句吧

登录后评论

系统版块

兴趣版块全部

使用免费的飞算的 JavaAI 2 小时搭好短片制作管理 Web 工具，感觉自己棒棒哒，但是感觉还差点意思

评论 (0)

系统版块

兴趣版块 全部

使用免费的飞算的 JavaAI 2 小时搭好短片制作管理 Web 工具，感觉自己棒棒哒，但是感觉还差点意思

评论 (0)

兴趣版块全部