飞豹客 · 课能看,资料也能带走
飞豹客前端开发 会员免费

尚硅谷- 基于Vue3全家桶开发《在线医疗服务平台》

这门课的主题是 Vue3 全家桶在真实业务里的落地。它选了一个在线医疗服务平台作为载体,涉及挂号、科室列表、医生详情、预约流程、用户中心这类典型页面。如果你已经能写简单的 Vue 组件,但一到多人协作的中型项目就不知道路由怎么分层、状态怎么组织、接口怎么统一管理,这门课解决的正是这个断层。 它解决的

单课价¥29.90新品 上架
会员价 会员免费开通会员后本篇可直接下载套餐详情
139 人关注 更新于 2026-05-04 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

会员可免费下载本篇月会员可按日额度下载(每篇扣 1 次)。

开通会员 ›
购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥29.90

会员 A · 按档位折扣

永久免费可下
年免费可下
月免费可下
周免费可下

会员 B

VIP¥5.98低至
SVIP单买¥200 内可领

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

这门课的主题是 Vue3 全家桶在真实业务里的落地。它选了一个在线医疗服务平台作为载体,涉及挂号、科室列表、医生详情、预约流程、用户中心这类典型页面。如果你已经能写简单的 Vue 组件,但一到多人协作的中型项目就不知道路由怎么分层、状态怎么组织、接口怎么统一管理,这门课解决的正是这个断层。

它解决的是"会用 API"到"能搭项目"之间的距离

很多人学 Vue3 的路径是:看完组合式 API 的语法,写几个计数器和小列表,然后就没有然后了。真正进项目时卡住的往往不是语法,而是工程层面的判断——哪些状态该放进全局、哪些留在组件内部;请求拦截、错误提示、加载态怎么统一处理;路由守卫在登录过期时怎么跳转;表单校验和提交怎么拆。这门课用医疗服务平台把这些决策串起来,因为医疗类业务的页面层级多、状态共享频繁、表单和列表都偏重,正好能暴露这些问题。学完你对"一个页面从路由进入、拉数据、渲染、交互、提交"的完整链路会有清晰的模板感,而不是每次从零想。

适合什么基础,以及建议先看哪几块

前提是你能独立写出带 props 和事件的组件,理解 ref、reactive、computed 的基本用法,也大致知道 npm 装包和启动项目的流程。完全没碰过 Vue 的人直接上会吃力,建议先补组合式 API 的基础再回来。开始之后不要按顺序从头看到尾,先看项目搭建和目录结构那一段,把路由配置、状态管理、请求封装的初始化过一遍,这是整个项目的骨架;然后挑挂号或医生列表这类完整业务模块跟做一遍,体会数据从接口到页面的流动;最后再看用户中心和登录鉴权部分,那里涉及路由守卫和状态持久化,是前面内容的综合运用。中间那些纯样式调整的片段可以跳过,不影响理解主线。

学完能独立做什么,资料怎么配合练习

跟完之后,你应该能独立搭起一个中等规模的后台或服务平台前端:自己规划目录、配置路由与状态、封装请求层、处理登录态和权限跳转,并把多个业务模块组织在一起。这个能力可以直接迁移到预约、订单、内容管理这类项目上,面试时也有具体的东西可讲。资料里的课件代码建议当参照物用,不要一上来就复制——先自己写,卡住了再对照,重点看它为什么这样分层、这样抽组件。每跟完一个模块,试着把接口换成别的业务字段重写一遍,比如把医生列表改成商品列表,这一步才真正把知识变成你自己的。如果只跟着敲一遍不动手改,过两周基本就忘了。

课程目录

课程目录72 集
  • 📁 课件代码 课件代码必看.png [493.5 KB] 课件代码.exe [101.9 MB] 028_登录模块表单校验.mp4
  • [82.2 MB] 054_实名认证模块获取用户信息.mp4
  • [108.1 MB] 018_pinia仓库存储医院详情数据.mp4
  • [172.7 MB] 007_首页静态搭建banner.mp4
  • [160.6 MB] 039_预约挂号底部医生排班业务.mp4
  • [352.7 MB] 003_vite构建化工具初始化项目.mp4
  • [95.5 MB] 045_完成会员中心路由.mp4
  • [150.6 MB] 070_路由鉴权之进度条与网页标题的设置.mp4
  • [134.8 MB] 026_登录组件获取验证码倒计时业务.mp4
  • [151.3 MB] 025_登录组件获取验证码.mp4
  • [204.7 MB] 023_完成login组件对话框的显示与隐藏.mp4
  • [132.9 MB] 063_就诊人管理模块展示全部的就诊人信息.mp4
  • [137.0 MB] 038_预约挂号底部上下午医生结构的搭建.mp4
  • [138.9 MB] 062_完成挂号订单模块.mp4
  • [120.5 MB] 006_项目路由的搭建与滚动行为.mp4
  • [49.4 MB] 049_完成取消预约的业务.mp4
  • [108.0 MB] 017_医院详情菜单与子路由.mp4
  • [172.5 MB] 031_退出登录业务.mp4
  • [51.8 MB] 053_实名认证模块静态的搭建.mp4
  • [135.7 MB] 008_首页等级与地区组件拆分与静态搭建.mp4
  • [150.3 MB] 037_展示预约挂号的数据.mp4
  • [215.6 MB] 066_添加就诊人与更新就诊人API书写与ts类型定义.mp4
  • [86.5 MB] 060_获取挂号订单的数据.mp4
  • [136.4 MB] 013_首页医院等级与地区数据展示.mp4
  • [192.3 MB] 057_实名认证表单的自定义校验.mp4
  • [225.6 MB] 012_首页已有医院数据的ts类型定义.mp4
  • [97.7 MB] 036_预约挂号的路由与静态的搭建.mp4
  • [169.1 MB] 047_完整订单详情静态的搭建.mp4
  • [156.4 MB] 067_完成添加就诊人的业务.mp4
  • [224.1 MB] 005_底部组件拆分与静态搭建.mp4
  • [55.6 MB] 069_完成删除就诊人信息业务.mp4
  • [86.7 MB] 027_完成登录业务.mp4
  • [297.0 MB] 014_首页根据等级与地区筛选医院展示.mp4
  • [112.9 MB] 064_完成添加与修改就诊人静态的的搭建.mp4
  • [157.2 MB] 022_完成医院科室业务.mp4
  • [287.8 MB] 011_展示已有医院的数据并分页展示.mp4
  • [291.5 MB] 044_确定就诊人业务完成.mp4
  • [111.9 MB] 020_完成医院详情模块业务.mp4
  • [126.4 MB] 001_开篇介绍.mp4
  • [29.9 MB] 043_获取挂号医生的信息展示.mp4
  • [85.1 MB] 065_获取证件类型与级联选择器展示地址.mp4
  • [183.0 MB] 024_登录组件静态的搭建与场景的切换.mp4
  • [211.5 MB] 032_微信扫码登录流程之一微信平台注册应用.mp4
  • [53.6 MB] 021_完成预约通知业务.mp4
  • [111.8 MB] 009_首页医院组件的拆分与静态搭建.mp4
  • [195.5 MB] 004_项目静态搭建与组件的拆分.mp4
  • [159.9 MB] 040_预约挂号就诊人静态搭建-上.mp4
  • [162.6 MB] 042_获取当前账号下就诊人信息且展示出来.mp4
  • [165.6 MB] 050_完成支付对话框静态的搭建.mp4
  • [110.8 MB] 051_利用qrcode插件获取支付二维码.mp4
  • [85.5 MB] 058_挂号订单模块静态的搭建.mp4
  • [82.6 MB] 052_完成订单微信支付的业务.mp4
  • [133.4 MB] 048_获取订单详情的数据.mp4
  • [122.4 MB] 041_预约挂号就诊人静态搭建-下.mp4
  • [61.6 MB] 010_axios二次封装与代理跨域的配置.mp4
  • [205.6 MB] 019_完成预约挂号业务.mp4
  • [193.5 MB] 015_首页根据关键字搜索医院.mp4
  • [201.3 MB] 055_获取实名认证的证件类型的数据.mp4
  • [109.6 MB] 035_微信扫码登录业务完成.mp4
  • [147.9 MB] 029_登录模块表单自定义校验规则.mp4
  • [106.6 MB] 030_登录模块清空数据与表单校验结果.mp4
  • [91.1 MB] 059_挂号订单模块API书写与ts数据类型的定义.mp4
  • [75.8 MB] 033_微信扫码登录完整流程解释.mp4
  • [193.8 MB] 034_微信扫码登录之二维码嵌套在login组件内部.mp4
  • [281.3 MB] 016_首页常见科室静态搭建.mp4
  • [114.9 MB] 061_获取就诊人与订单状态API完成.mp4
  • [70.3 MB] 002_尚医通项目的简介.mp4
  • [54.9 MB] 068_完成更新已有就诊人的业务.mp4
  • [173.5 MB] 046_完成确定挂号业务.mp4
  • [144.3 MB] 071_路由鉴权完成.mp4
  • [95.3 MB] 056_收集表单数据完成实名认证业务.mp4
  • [240.3 MB] 适合人群 Vue3开发者 前端工程师 学习收获 掌握Vue3全家桶 搭建在线服务平台 提升实战能力 祝您学习愉快! 学有所成,前程似锦!