在开始写页面代码之前,我先做的是梳理小程序端的交互流程。因为这个项目不是单页面展示类应用,而是包含问诊、分诊、检查安排、审核和历史记录等多个环节。如果一开始直接写页面,很容易出现页面之间关系不清楚、功能入口分散、后期不好演示的问题。

所以我先把小程序端拆成几个核心页面:
首页、智能问诊、AI 分诊详情、资源排班、医生审核、历史记录和个人中心。

首页作为整个小程序的入口,主要负责展示当前问诊状态和常用功能入口。用户打开小程序后,不需要先阅读说明,而是能直接看到“继续问诊”“查看分诊”“资源排班”“交互流程”等入口。这样首页更像一个工作台,而不是普通介绍页。

智能问诊页是用户操作最多的页面。这里采用聊天式交互,患者可以直接输入症状描述。同时我也预留了结构化采集区域,例如常见症状选择、体温和血氧输入。这样做的原因是,单纯依赖文本输入不够稳定,而结构化字段更方便后续页面展示和接口联调。

AI 分诊详情页主要用于展示系统对问诊内容的整理结果。页面中包含结构化观察、候选疾病排序和推荐检查。这个页面的作用不是让用户自己下诊断结论,而是把系统的分析过程可视化出来,让后面的检查安排和医生审核更容易理解。

资源排班页负责展示检查资源。比如血常规、心电图、胸部 CT 等项目,对应不同科室、设备状态、排队人数和预计可用时间。这样可以把“推荐检查”进一步落到“去哪里检查、什么时候检查”的操作层面。

医生审核页用于展示需要人工复核的病例。对于风险较高或者检查建议需要确认的情况,页面会进入医生审核流程。医生可以确认分诊、调整检查或者接管会话。这个页面虽然不是患者最常用的入口,但在项目演示中很重要,因为它能体现系统不是只做自动回复,而是保留了人工复核环节。

历史记录页用于保存用户过往问诊记录。用户可以查看每次问诊的日期、科室和状态。这个页面让整个流程有了闭环,不会让一次问诊结束后所有信息都消失。

个人中心页则放置角色切换、历史记录、审核队列和交互流程图入口。开发阶段加入角色切换,是为了方便在小程序里快速演示患者端、医生端和管理员视图,而不用频繁改代码。

为了让整个页面关系更直观,我生成了一张小程序交互流程图,并把它加入到了项目中:

从流程图可以看出,小程序的主线是:

进入小程序 → 首页 → 智能问诊 → AI 分诊详情 → 资源排班 → 医生审核 → 历史记录

同时首页和个人中心也提供了快捷入口,方便用户直接跳转到常用页面。

在代码实现上,我也根据这张流程图创建了对应页面目录

其中 pages/flow 是后来单独加上的页面,用来在小程序中直接展示交互流程图。这样在演示项目时,不需要额外打开图片文件,直接在小程序里就能说明页面设计思路。

这一步完成后,小程序端的开发思路就清晰很多了。后续开发不再是零散地写页面,而是按照“首页入口 - 问诊采集 - 分诊结果 - 资源安排 - 审核记录”的顺序推进。这样页面之间的关系更明确,也方便后续写博客时分阶段记录。

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐