1.1 进入专属开发空间
这个是我开发的工作台,可以在浏览器打开,登录账号确认当前操作环境为个人管理工作台独立空间,可以存储同步,非常适合想要开发自己的专属于自己的工作台,可以不需要搭建服务器就可以直接做出自己的应用,先看看作品
1.2 资料库
先查询到资料库这个地方
进行团队空间的新建,并且取一个自己喜欢的名字
1.3
进行添加任务
三、完整操作步骤
步骤 1: 绑定资料库至工作台开发对话
想要精美的交互逻辑肯定是需要一份说明文档的,可以按照我这一份提示词来进行生成说明文档
提示词
请基于资料库的在线存储与双向同步能力,编写一份「个人管理」个人工作台的产品说明文档。该工作台需采用 app 手机竖屏风格的页面交互逻辑,包含以下核心功能模块:首页(概览与快速入口)、每日计划(任务创建与跟踪)、消费记录(收支录入与统计)、每日自省(反思记录)、学习目标(目标设定与进度管理)。文档应明确各模块的功能描述、数据同步机制、页面交互规范及整体产品定位,无需提供代码实现。
步骤 2:
会生成一个个人文档的md产品说明文档,可以查看文档是否符合需求,不符合可以在里面修改
步骤 3
然后需要设计产品的ui,ui的设计我这边是按照手机端来进行交互的,所以可以直接说明
提示词
请你基于产品说明文档去设计ui原型图,页面布局和交互风格药符合app手机端,页面的
风格采用微信的风格。
步骤 4
下面可以进行真正的开发了,需要说基于现有的资料库能力,不然ai是不会使用资料库的能力的,按照上方,将自己的文件添加进入输入框
提示词
基于现有资料库能力、产品文档及UI原型,开发个人管理工作站,需实现以下功能:利用资料库提供的数据接口完成核心业务功能开发;依据产品文档定义的功能需求与交互逻辑进行实现;严格按照UI原型还原界面布局与视觉样式;实现用户数据的在线存储,确保数据持久化保存于服务端;实现客户端与服务端的双向同步机制,支持离线操作后自动同步、冲突检测与处理,保障多端数据一致性。输出完整可运行的代码及必要的模块划分说明。
五、使用注意事项
这个时候就有文档出来了,可以进行分享公布
六、常见故障解决方案
后续可以进行功能测试了,如果有不满意的,可以点击ai编辑进行修改,如下图
七、使用闭环总结
下面是需要注意的地方
-
一定要先写/改好产品文档,再让AI写代码
-
提示词里必须明确“基于资料库能力”
-
先确认数据表创建正确,再测页面
-
字段命名尽量“见名知意”,别用缩写
-
手机端使用要提前说清“竖屏+触控友好”
-
编辑权限要管好
-
如果分享链接给家人/同事用,发布时注意设置权限:
- 如果只是让对方“记录数据”,可以开「仅允许提交表单,不允许编辑页面」
- 如果是多人协作编辑,记得提醒对方:修改页面前先评论,不要直接改HTML代码,避免把页面改崩。
-
-
后续迭代:小步修改,每次改一个需求