002-vue3零基础全栈项目-自学笔记【P1项目功能及亮点介绍】

150 阅读2分钟

1.课程概述

课程名称:Vue3项目实战

课程内容:Vue3零基础全栈项目,共47讲全部完结

涵盖范围:PC端、移动端、真实业务场景、支付功能、真实接口

课程特色

最新技术:使用Vue3和Composition API

实战导向:从零基础到实战,适合作为毕业设计和简历项目经验

内容全面:包括Python后台管理系统H5用户端,涉及上百个功能模块和20多个后端接口。

讲师:B站@Allen前端分享

课程目的:帮助学生通过实际项目经验解决学习困难。

项目介绍

项目名称:医院陪诊系统

技术栈:

前端Vue3、Composition API、Vue全家桶

后端:Python

功能模块

后台管理:用户信息展示、订单统计、权限配置、菜单管理

用户端:登录、下单、支付、订单管理

界面展示:

后台:报表、用户信息、订单数量、图表展示

用户端:首页、医院列表、订单详情、支付流程

教学内容

账号管理:创建账号、发送验证码、注册登录


权限配置:新建菜单权限、账号关联权限、菜单修改

陪护师管理:创建陪护师、C端下单

订单处理:支付、订单状态管理、服务完成

报表统计:订单数据、统计图表

技术环境 Node版本:20.0以上

开发工具:推荐使用VS Code

脚手架:通过Vue CLI创建

UI框架: 后台:Element Plus

用户端:Vant UI

接口文档:使用API Fox,提供真实后端接口和文档

学习成果

项目搭建:从0到1的完整项目搭建流程

功能实现:业务背景功能实现

API联调:前后端API接口联调

代码规范:企业级代码编写规范

2.项目实际效果

image.png

2.1登录首页

image.png

2.2功能模块

image.png

image.png

2.3权限管理

image.png

2.4陪护管理

image.png

image.png

2.5用户移动端

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png