uniapp 陪伴式诊断小程序教程

先看它解决什么问题

陪诊服务这两年需求在涨，但真正落到开发上，它是个典型的「小体量、多角色、强流程」业务：患者端要选医院、挑服务、下单选时间；接单端要看到订单状态流转；后台还要处理医院信息和服务项目。这套教程就是围绕这样一个陪诊小程序，用 uni-app 从头搭一遍。

如果你正在找一个能说清「一个真实小程序怎么从零长出来」的练手项目，它比那些只讲组件 API 的课程要实在——因为每一步都挂在一个具体功能上，不是为了演示语法而演示。

学完你能独立做出什么

跟着走完，你手上会有的是一个能跑通的陪诊小程序，而不是一堆零散 demo。具体能覆盖到的场景包括：

• 首页的 banner 轮播、自定义导航栏，以及顶部胶囊位置的计算适配——这块是很多人第一次做小程序时最容易翻车的地方，课程里单独拆开讲了。
• 医院列表的展示与跳转，从列表页点进详情、再走到下单，完整的一条链路。
• 订单模块：订单列表的 tab 切换、订单详情里服务名称的显示，以及状态相关的处理逻辑。
• 组件封装与复用，把重复出现的卡片、列表项抽成可维护的结构，而不是一页写到底。

换句话说，学完之后你至少能独立完成一个「多页面 + 网络请求 + 状态流转」的小程序项目，这套骨架换成外卖、预约、上门服务，改改业务字段就能接着用。

适合什么基础的人

它更适合已经摸过 HTML、CSS、JavaScript 的人。如果你完全没写过前端，看到组件通信、数据绑定这些概念时容易卡住。但也不需要你有多深的小程序经验，课程从新建项目、跑起效果演示就开始了，节奏是从头搭。

已经在做前端、想补一个 uni-app 跨端项目经验的人，这套的性价比会更高——因为它把「怎么在一个真实业务里做适配、做路由跳转、做列表和详情联动」讲清楚了，这些恰好是简历上拿得出手的部分。

资料怎么用

整个资料包以视频为主，另外配了一份文档。建议的顺序是：先过一次文档，把陪诊这个业务的页面结构和数据流在脑子里过一遍，再去按视频顺序动手敲。

看视频时有两个地方别偷懒。一是胶囊位置计算和自定义导航栏那一节，涉及不同机型的适配，跟着敲一遍比只看结论有用。二是订单相关的几节，涉及状态显示和列表联动，建议自己在代码里手动改几次状态，看页面怎么变，理解会比被动观看深得多。

不要一次刷完。每看完一个功能模块，就关掉视频自己复现一遍，卡住了再回去看对应片段——陪诊小程序的功能模块之间是有依赖的，前面跳过的坑后面一定会找回来。

值不值得投入

如果你需要的是一个「能独立讲清楚、能放进作品集」的小程序项目，这套内容的实战密度够，业务逻辑也立得住，值得花时间。如果你只是想随便看看 uni-app 是什么，那它偏重，没必要从这儿入手。