1.整体路线
阶段 核心任务 推荐工具 产出物
- 架构设计 系统功能模块划分、技术栈选型 DeepSeek + 思维导图工具 架构图、功能清单、技术选型文档
- UI设计 小程序APP后台管理界面 墨刀 + v0.app 可交互原型、设计稿、设计规范
- 前端代码 小程序APP管理后台前端 Cursor 完整的前端工程代码
- 后端代码 API服务、数据库 Cursor 后端工程代码、数据库脚本、部署配置
- 部署运维 前后端成功运行在服务器上 打造自己的一套运维系统
2.开发方案
2.1系统架构与功能设计(用AI帮你画图)
让AI生成架构图和功能清单
通过DeepSeek等AI工具生成提示词然后用ProcessOn AI生成系统架构图和功能图
DeepSeek 提示词示例
我要做一个AI智能问诊小程序和对应的管理后台,请帮我设计完整的系统功能架构。
要求:
- 小程序端:用户注册、AI症状描述/多轮问诊、科室推荐、挂号预约、问诊记录查看
- 管理后台:医生管理、科室管理、问诊记录审核、AI回答日志审计、数据统计
- 技术采用分层架构:用户层 → 业务中台 → AI能力层 → 数据层
- 强调医疗合规性:AI回答必须可追溯、有免责声明、关键决策走规则引擎
请输出:
1. 功能模块清单(表格形式)
2. 系统架构图(用文字描述,我后续用工具绘制)
3. 推荐的技术栈(前后端+数据库+AI模型)ProcessOn提示词
ignorelang
【功能模块清单】
| 模块 | 子功能 | 说明 |
|------|--------|------|
| 用户端 | AI智能问诊 | 支持多轮对话,RAG检索医疗知识库 |
| 用户端 | 症状自查 | 结构化采集症状 → 推荐科室 |
| 用户端 | 挂号预约 | 对接排班系统 |
| 管理后台 | AI日志审计 | 记录所有AI回答来源 |
| ... | ... | ... |
【系统架构图描述】
采用四层架构:
用户层(微信小程序)
↓
业务中台(用户服务、订单服务、问诊服务)
↓
AI能力层(大模型 + RAG知识库 + 分诊规则引擎)
↓
数据层(MySQL + Redis + 向量数据库)
【技术栈推荐】
- 前端:Uniapp(小程序)+ Vue3 + Element Plus(管理后台)
- 后端:Spring Boot / Node.js + Python AI服务(分离部署)
- 数据库:MySQL + Redis + FAISS/向量库
- AI模型:国产大模型API(如阿里通义、智谱) + 医疗知识库RAG2.1 UI设计(用AI原型模板)
用DeepSeek生成墨刀提示词生成小程序或者APP功能原型图
提示词示例
ignorelang
请为我生成一个“AI医疗问诊小程序”的移动端UI原型,要求如下:
【整体风格】
- 医疗健康主题,配色以白色为底,主色调为#1E88E5(蓝色),辅以柔和的灰色(#F5F7FA)。
- 界面简洁清晰,圆角设计,字体使用无衬线体(如苹方、思源黑体)。
- 所有页面底部带有Tab导航栏,包含五个图标:首页、问诊、记录、我的(或“个人中心”)。
【页面列表及详细内容】
1. 首页
- 顶部显示用户头像、昵称和欢迎语(如“下午好,张三”)。
- 中间区域:一个醒目的“开始AI问诊”卡片,卡片内包含提示文字“描述症状,AI智能分诊”。
- 下方展示常用功能快捷入口:科室推荐、挂号预约、历史记录(用图标+文字网格布局)。
- 底部轮播图展示医疗健康资讯或免责声明。
- 整个页面要有明显的“AI问诊”引导元素。
2. 问诊对话页(核心页面)
- 顶部标题:AI智能问诊,右侧可查看历史记录图标。
- 主体为对话气泡列表:
- 用户消息气泡:右对齐,蓝色背景,白色文字,圆角较大。
- AI消息气泡:左对齐,灰色背景(#F0F0F0),深色文字,可包含科室推荐卡片(卡片内显示科室名称、简介和“查看详情”按钮)。
- AI思考中状态:显示加载动画(三个跳动圆点)和“医生正在思考...”文字。
- 底部固定输入区域:包含输入框(占位文字“描述您的症状...”)、发送按钮(蓝色)。
- 在AI消息下方始终显示一行灰色小字免责声明:“AI建议仅供参考,如症状严重请及时就医”。
- 当AI推荐科室后,消息气泡中应包含一个可点击的“立即挂号”按钮。
3. 科室推荐页
- 顶部标题:推荐科室。
- 列表展示各科室卡片,每个卡片包含:科室图标、科室名称、简介、擅长领域标签。
- 每个卡片右侧有“去挂号”按钮。
- 支持按科室搜索(顶部搜索框)。
4. 挂号预约页
- 顶部显示当前科室名称。
- 日期选择器(一周日期滚动选择)。
- 下方显示该日期可预约的医生列表,每个医生卡片包含:医生头像、姓名、职称、擅长、剩余号源、一个“预约”按钮。
- 点击预约弹出确认框(简化示意)。
- 底部固定“确认挂号”按钮(仅在选择医生后显示)。
5. 问诊记录页
- 顶部标题:问诊历史。
- 列表展示历史问诊记录,按日期倒序排列。
- 每条记录卡片包含:问诊日期、症状简述、AI推荐科室、状态(已完成/待处理)、一个“查看详情”按钮。
- 点击“查看详情”跳转到该次问诊的完整对话记录(可复用问诊对话页样式,但不可再发送消息)。
6. 个人中心/我的页
- 顶部显示用户头像、昵称、手机号(或“点击登录”状态)。
- 功能列表:我的挂号、我的收藏、健康档案、设置、关于我们。
- 底部可包含退出登录按钮。
- 如果未登录,则显示登录/注册表单(手机号+验证码登录)。
【额外设计元素】
- 全局导航:底部Tab栏图标使用线性风格,选中态填充主色。
- 所有按钮统一圆角(8px),有按压态效果(墨刀中可后期添加)。
- 在问诊对话页和首页适当位置添加“紧急情况请拨打120”的小提示(红色小字)。
- 生成时可参考医疗类小程序的设计规范,确保信息清晰易读。
请根据以上描述生成一套完整的可交互原型,包含上述所有页面,并且页面之间要有基本的跳转关系(例如从首页卡片可进入问诊对话页,从科室卡片可进入挂号预约页等)。
用DeepSeek生成提示词 用v0.app生成后台管理原型图
提示词示例
生成一个医疗管理后台的仪表盘页面,包含:
- 左侧菜单:仪表盘、问诊记录、医生管理、科室管理、AI日志审计、数据统计
- 右侧主要内容区域:展示今日问诊量、待审核记录、AI回答准确率图表
- 表格:显示最新问诊记录(用户、症状、AI推荐科室、状态)
- 风格:医疗行业、蓝色调、简洁专业2.3 前端代码生成(用AI编程工具)
将生成的原型图和相关功能的提示词发给AI编程工具生成对应的前端工程
提示词示例
ignorelang
根据这张UI设计图,用Uniapp + Vue3 + uView UI实现AI问诊对话页面。
要求:
- 页面包含:对话列表(气泡区分用户/AI)、输入框、发送按钮
- 对话状态:AI思考中显示加载动画
- 支持多轮对话
- 医疗特色:AI回答中显示“仅供参考,如症状严重请及时就医”提示
- API部分先用模拟数据,后续对接真实接口
请生成完整的页面代码(template, script, style)2.4 后端代码生成(数据库 + API + AI集成)
根据前端生成后端代码和数据库脚本文件
提示词示例
ignorelang
为AI智能问诊系统设计MySQL数据库表,需要包含:
- 用户表(users)
- 问诊记录表(consultations):存储用户每次问诊的完整对话、症状标签、推荐科室
- AI回答日志表(ai_logs):记录每次AI调用的输入、输出、来源知识库(用于合规审计)
- 医生表(doctors)
- 科室表(departments)
- 挂号订单表(orders)
请输出完整的SQL建表语句,包含字段类型、主外键、索引建议。