如何用 AI 建立多人协同的在线网站？｜AI 办公必修课 05

五步搭建多人协同网站

QwenWork 使用攻略

团队协作的老问题：项目进度靠群组刷屏询问，素材散在各人电脑里，周报要逐个催促。想搞个统一网站？找供应商，定制开发五万元起步，改需求排期三周；自己维护工具，又没人手没时间。

本期，用千问办公自己搭建：从一句话需求，到一个可登录、可协同、可收周报的多人协同在线网站，全程五步：①描述需求 → ②拆解需求 → ③设计方案 → ④搭建网站 → ⑤发布上线。

01 描述需求

口头说清，附带文档更佳

不用写 PRD。输入“帮我生成一个部门周报工作流网站”，再把现有的《部门周报工作流》文档发给它当需求参考：一句话加一份文档，需求就算讲清楚了。

附上任务指令，直接复制

将部门名和痛点换成你的（示例以部门周报工作流为示范）：

指令·可直接复制

帮我生成一个“产品设计部”的多人协同在线网站，把我上传的这份《部门周报工作流》文档作为需求参考。背景补充：真实部门应用，非示范；四个痛点（任务进度追踪、素材散落、复盘缺失、交接无留痕）里面，第一版优先解决任务进度追踪；角色分两档：负责人 + 普通成员；管理颗粒度：项目→任务两级；素材以小文件为主（设计稿图片/PDF），大文件存链接；负责人端要“总览 + 周报”两种汇总形态。先出设计方案（风格主题给我 2-3 套可选、区域规划、交互逻辑、账号体系与权限规则），我确认后再开始搭建。上线后要能设置访问密码。

指令较长，可上下滑动查看全文

02 拆解需求

AI 追问，你只管做决定

AI 会分两轮把需求问清楚。

第一轮定骨干：这个网站的用途定位是什么？四个痛点里面最先解决哪个？角色怎么分？任务和项目管到多细？真实部门应用、任务进度追踪优先、负责人 + 成员两档、项目→任务两级，四个问题四秒钟拍完。

第二轮定界线：哪些模块进第一版（素材库、项目复盘、交接留痕怎么取舍）？素材是什么形态（小文件直接存，还是大文件走链接）？负责人端要什么汇总（看板总览、总览 + 周报，还是只要看板）？

每一项都是选择题，点一下就行：你做决定，它记住。问完这两轮，它比你新来的见习员工更懂你们部门。

03 设计方案

三款风格任选，方案书面化

先出三款主题风格稿：深红沉稳商务、蓝白金汇报风、墨绿清爽协作风。看板结构一样，气质随你选。

选定之后是一份完整设计方案：一、风格主题；二、区域规划（负责人首屏看项目看板和素材库，普通成员首屏只看自己任务）；三、交互逻辑（周报怎么提交、任务状态怎么流动）；四、账号体系与权限规则。

不满意直说，改到你点头为止。

04 搭建网站

看着它将页面一砖一瓦砌好

方案确认后进入施工程序。整个搭建在对话里面完成：挂上四张设计图逐条处理，每一步都是“执行命令、修改文件”：加日历、做项目切换、做成员选择面板，改了哪个文件、跑了什么命令，全程可见。搭完自动做一轮全功能验证，验证通过、清理测试数据，再交付。

成品是什么样？负责人打开首屏：本周 12 项待推进、2 项已逾期；团队近况一屏看清：本周完成任务 187（周目标 180，已达成）、互相帮助 2940 次、平均回复速度 1 小时 24 分；交付完成率 86%（按时 68%、可能延期 22%、超期 10%）；4 个进行中项目各自进度一目了然；右侧团队日历排着今天的三场会。

多人协同真是协同：账号 A 和账号 B 同时在线，各看各的项目视角，数据实时同步。新成员打开登录页，六个示范账号一键填入：负责人、视觉设计师、前端工程师、产品经理、交互设计师、数据分析师，各进各的主页。

05 发布上线

一键上线，还可以加密码

点击“发布为我的网页”，拿到一个域名包含 qwenwork.host 的正式网址，浏览器打开就可用。

在“我的网页”里面统一管理：已发布状态、版本号、动态/静态类型一目了然；右键还可以设置访问密码：保存后，访问这个网页要先输密码，部门内部用也放心。

刚上线的团队不用教：网站自带 7 步上手引导，跟着走 30 秒，搜索命令面板、团队日历、新建项目全都会用。

最后，两个进阶技巧

技巧一：数据都在你手里

网站自带数据追踪：页面浏览、完成任务、搜索：谁在用、用了多少，后台一屏看清，还可以一键导出 Excel（CSV）。再往下钻，《数据库》里面每张表（任务、成员账号、留言、里程碑……）都能用 SQL 直接查，支持 Excel 导入导出。它不只是个网页，是你们的部门数据资产。

技巧二：装入手机桌面，像 App 一样用

手机 Safari 打开网站网址，分享→加入主屏幕，桌面就多出一个图标。点开就是全屏网站，和原生 App 没分别。

以上就是第 5 期 AI 办公必修课的全部内容。下期，我们继续解锁千问办公的下一个效率场景。

关注“千问办公”公众号，更新第一时间推送。

We dedicated to serving clients with professional DingTalk solutions. If you'd like to learn more about DingTalk platform applications, feel free to contact our online customer service or email at 该邮件地址已受到反垃圾邮件插件保护。要显示它需要在浏览器中启用 JavaScript。. With a skilled development and operations team and extensive market experience, we’re ready to deliver expert DingTalk services and solutions tailored to your needs!