重磅上新 | 尚硅谷Vue3项目「尚医通」发布

尚医通是采用Vue3全家桶、TypeScript、Vite、Pinia、Element-plus等技术栈开发的在线医疗服务平台，集成了多家医院的挂号信息，提供全程跟踪服务，用户可以随时了解自己的挂号状态。

 

项目手把手带你搭建一套医疗类项目，循序渐进，层层深入，按照项目开发的业务模块拆分方式进行讲解，干脆利索，直击要害，既让你掌握Vue3核心技术，还让你掌握当下企业级的技术架构。

 

 

跟随本套教程学习，可以轻松理解与实现市场中常用的扫描二维码登录业务，掌握微信支付的完整流程，学会海量精美的SVG矢量图标在项目中如何使用、利用vue-router如何实现路由的鉴权、如何在项目中封装通用的全局组件、Vue2的项目与Vue3项目语法的差异化等等。

 

本套教程适合具备一定前端基础，对Vue3感兴趣的前后端学习者，以及希望巩固消化Vue3知识的小伙伴。

 

教程目录

 

01.开篇介绍

02.尚医通项目的简介

03.Vite构建化工具初始化项目

04.项目静态搭建与组件的拆分

05.底部组件拆分与静态搭建

06.项目路由的搭建与滚动行为

07.首页静态搭建banner

08.首页等级与地区组件拆分与静态搭建

09.首页医院组件的拆分与静态搭建

10.Axios二次封装与代理跨域的配置

11.展示已有医院的数据并分页展示

12.首页已有医院数据的TS类型定义

13.首页医院等级与地区数据展示

14.首页根据等级与地区筛选医院展示

15.首页根据关键字搜索医院

16.首页常见科室静态搭建

17.医院详情菜单与子路由

18.Pinia仓库存储医院详情数据

19.完成预约挂号业务

20.完成医院详情模块业务

21.完成预约通知业务

22.完成医院科室业务

23.完成login组件对话框的显示与隐藏

24.登录组件静态的搭建与场景的切换

25.登录组件获取验证码

26.登录组件获取验证码倒计时业务

27.完成登录业务

28.登录模块表单校验

29.登录模块表单自定义校验规则

30.登录模块清空数据与表单校验结果

31.退出登录业务

32.微信扫码登录流程之一微信平台注册应用

33.微信扫码登录完整流程解释

34.微信扫码登录之二维码嵌套在login组件内部

35.微信扫码登录业务完成

36.预约挂号的路由与静态的搭建

37.展示预约挂号的数据

38.预约挂号底部上下午医生结构的搭建

39.预约挂号底部医生排班业务

40.预约挂号就诊人静态搭建-上

41.预约挂号就诊人静态搭建-下

42.获取当前账号下就诊人信息且展示出来

43.获取挂号医生的信息展示

44.确定就诊人业务完成

45.完成会员中心路由

46.完成确定挂号业务

47.完整订单详情静态的搭建

48.获取订单详情的数据

49.完成取消预约的业务

50.完成支付对话框静态的搭建

51.利用QRcode插件获取支付二维码

52.完成订单微信支付的业务

53.实名认证模块静态的搭建

54.实名认证模块获取用户信息

55.获取实名认证的证件类型的数据

56.收集表单数据完成实名认证业务

57.实名认证表单的自定义校验

58.挂号订单模块静态的搭建

59.挂号订单模块API书写与TS数据类型的定义

60.获取挂号订单的数据

61.获取就诊人与订单状态API完成

62.完成挂号订单模块

63.就诊人管理模块展示全部的就诊人信息

64.完成添加与修改就诊人静态的的搭建

65.获取证件类型与级联选择器展示地址

66.添加就诊人与更新就诊人API书写与TS类型定义

67.完成添加就诊人的业务

68.完成更新已有就诊人的业务

69.完成删除就诊人信息业务

70.路由鉴权之进度条与网页标题的设置

71.路由鉴权完成