第二天课程笔记

系统开发 + 生态工具综合应用 — 一套体系，量力而行

Next.jsPostgreSQLPrismaDeepseekPlaywright

开发落地阶段

从项目初始化到 AI 能力接入，完整的开发落地流程分为以下 7 个关键步骤：

1
安装 Next.js 开发框架
2
完成数据库的新建与配置
3
完成 Prisma 数据模型与数据库结构迁移
4
开发业务功能模块
5
接入 AI 能力
6
迭代系统持续优化
7
小程序开发

数据库信息准备

PostgreSQL 数据库配置

需要创建主数据库和影子数据库：

提示词
主数据库：ai_crm0822
用户名：ai_crm0822
密码：123456

影子数据库：ai_crm0822_shadow
用户名：ai_crm0822
密码：123456

⚡ Prisma 影子数据库机制

只有 Prisma 采用的是影子数据库机制，其他技术栈只需要建一个数据库即可。

数据库配置步骤

  1. 新建主数据库和影子数据库
  2. 新建数据库角色
  3. 数据库与角色关联 — 右击数据库，设置为刚新建的角色

AI CRM SaaS 系统开发

准备阶段：与 AI 正确沟通

1
碰撞需求
多轮对话，明确产品方向
2
梳理需求
产出 PRD 文档和数据库设计文件
3
落地执行
按模块并行开发

沟通框架

  • 我要做什么 — 有 AI 分析能力的 CRM SaaS 系统（含官网、用户平台、总控制台）
  • 我的技术栈 — Next.js 全栈 + Ant Design + PostgreSQL + Prisma + Deepseek
  • 我的产品结构
    • 官网：独立平台，HTML 技术栈，炫酷设计感
    • 用户平台：登录注册、客户管理、追踪管理、AI 分析
    • 总控制台：运营管理、用户管理、报表、AI 余额调整
  • 运营策略 — 注册赠送 10 个 AI 分析点数，每分析一个客户耗费 1 个点数

重要原则

🚫 执行阶段限制

技术栈已确定，不要让 AI 给建议；产品结构第一版不能让 AI 出；MVP 验证，功能不要大而全。

落地执行步骤

Rules 规则维护

项目级规则配置

在完成前两步之后再添加，一定要添加到 project 级中，不要放到 user 级。

提示词
- 我的 UI 框架是 Ant Design，已安装可以直接使用
- 我的开发框架是 Next.js，已安装可以直接使用
- 我的运行端口是 20080
- 我的数据库是 PostgreSQL
- 我的 ORM 采用的是 Prisma
- 严禁直接连接操作数据库
- 数据库结构与字段内容的变更，采用标准的 Prisma migration 迁移流程
  严禁直接改变数据库结构或字段

小程序与 API 开发

小程序 API 开发

提示词
请帮我开发一套小程序应用的 API
功能完全采用 Web 版用户平台的功能
使用 Swagger 进行 API 文档管理，并提供 JSON 版的 API
请启用多子智能体并行开发

小程序前端开发

提示词
请根据我的 API 文档 http://localhost:20080/api/mp/openapi.json
帮我开发出一个适配这个 API 文档完整功能的小程序
可以采用青色系的主体配色
请启用多子智能体并行开发

Playwright 自动化

批量添加客户

提示词
请帮我写一套 Playwright 脚本，批量帮我添加 30 位客户
注意采用可视化浏览器进行操作，即有头浏览器
每次添加操作之前要有 1~3 秒的随机间隔
Playwright 执行不消耗 TokenSkills 执行要消耗 Token

网页数据抓取

提示词
请帮我写一个 Playwright 脚本
抓取目标网站最新 1 天的新闻
并存储到本机根目录下，采用 MD 格式
增加 1~5 秒的随机延迟，采用可视化有头浏览器

支撑路线复盘

三大主体系

  • HTML + JS 脚本 — 官网、游戏、课件等
  • Ant Design 生态 — 工程化、成熟的组件，又快又省 Token 又易维护
  • Next.js + PostgreSQL 全栈 — Web 系统 + 小程序/APP API 接口

两生态

  • Playwright — 基于浏览器的自动化
  • Skills — 目前应用最广、最能落地的 AI 工作流应用