人工精选尚硅谷- 基于Vue3全家桶开发《在线医疗服务平台》
这门课的主题是 Vue3 全家桶在真实业务里的落地。它选了一个在线医疗服务平台作为载体,涉及挂号、科室列表、医生详情、预约流程、用户中心这类典型页面。如果你已经能写简单的 Vue 组件,但一到多人协作的中型项目就不知道路由怎么分层、状态怎么组织、接口怎么统一管理,这门课解决的正是这个断层。 它解决的
会员可免费下载本篇月会员可按日额度下载(每篇扣 1 次)。
开通会员 ›会员 A · 按档位折扣
会员 B
游客按标价购买,不享受上表折扣。
支付成功后自动发放网盘链接,链接失效可找客服免费补
这门课的主题是 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全家桶 搭建在线服务平台 提升实战能力 祝您学习愉快! 学有所成,前程似锦!





