一共170多个课时 录制时间不详,视频没有具体展示基于 Vue3 + ElementPlus + Vite 技术栈全流程精讲。从 Vite 工程化搭建、Vue3 语法实战,到 Vuex4 状态管理、Vue Router4···

一共170多个课时 录制时间不详,视频没有具体展示
基于 Vue3 + ElementPlus + Vite 技术栈全流程精讲。从 Vite 工程化搭建、Vue3 语法实战,到 Vuex4 状态管理、Vue Router4 路由配置,再到 ElementPlus 组件库高效运用,全方位覆盖后台开发核心技能。课程深度拆解多角色权限管控、商品多规格配置、订单发货与导出、图库管理、分销体系搭建、分享海报生成等企业级实战场景,最终手把手教你完成项目部署上线,助力学员掌握可直接落地的商城后台开发方案。
课程核心内容总结(大章形式)
章节 1:课程介绍
核心为课程试看引导与购买使用说明,包含视频课程整体介绍、购买须知及课件下载方法,帮助你快速了解课程价值和使用方式。
章节 2:Vite+Vue3 项目基础搭建
围绕 Vite 项目创建展开,核心是完成 Vue3 项目的基础环境配置:安装 VSCode 插件、引入 ElementPlus 组件库、配置 windicss 样式工具库、集成 vue-router4 并完成路由基础配置(含 404 页面捕获),为后续开发打好基础。
章节 3:登录功能全流程开发
聚焦后台系统登录页的完整开发:从登录页布局、响应式处理、样式抽离,到 setup 语法糖 / 组合式 API 应用、表单验证,再到 axios 接口交互、token 存储、请求 / 响应拦截器封装、vuex 状态管理,最终实现登录判断、退出登录、全局 loading 和动态页面标题等完整登录体系。
章节 4:后台全局 Layout 布局开发
核心是搭建后台系统的通用布局框架:开发主布局、公共头部(刷新 / 全屏 / 改密码)、通用弹框表单组件、侧边菜单(动态路由 / 展开收起 / 路由关联)、标签导航(路由同步 / 关闭标签),并优化体验(keep-alive 缓存、transition 过渡动画、菜单加载速度)。
章节 5:后台主控台开发
专注后台首页(主控台)的交互与可视化开发:实现统计面板(骨架屏 / 数字滚动动画)、分类组件、echarts 图表、店铺 / 交易提示组件,同时完成按钮级权限控制(v-permission 指令封装)。
章节 6:图库模块开发
完整实现图库管理功能:涵盖图库分类(分页 / 新增 / 修改 / 删除)、图片列表(分页 / 上传 / 重命名 / 删除),是后台 CURD(增删改查)功能的典型落地实践。
章节 7:公告模块开发
快速实现公告管理核心功能:完成公告列表分页、新增、修改、删除等基础 CURD 交互,复用已有开发模式简化开发流程。
章节 8:管理员模块开发
聚焦管理员管理功能:实现管理员列表分页 / 搜索、状态修改、新增 / 修改 / 删除,封装全局选中图库组件,并基于组合式 API 封装通用的列表分页、增删改查逻辑,提升代码复用性。
章节 9:菜单权限模块开发
完成菜单权限管理:实现菜单权限列表、树形控件自定义渲染、新增 / 修改 / 删除菜单权限,封装自定义图标下拉选择组件,修复菜单与标签导航联动问题。
章节 10:角色模块开发
核心是角色权限配置:复用已有代码快速搭建角色模块,实现虚拟化树形控件的权限配置表单、默认选中渲染及权限配置功能。
章节 11:商品规格管理开发
实现商品规格管理:复用代码搭建基础模块,封装 TagInput 组件,完成规格的多选、批量删除,并基于组合式 API 封装批量删除逻辑。
章节 12:优惠券模块开发
完成优惠券管理功能:复用代码搭建模块,优化列表展示,实现优惠券新增 / 修改、失效处理等核心交互。
章节 13:商品模块开发
后台核心的商品管理模块:涵盖商品列表(高级搜索 / 自定义表格样式)、新增 / 修改商品、轮播图设置、富文本编辑器集成(tinymce)、单 / 多 SKU 规格配置(规格选项增删改查 / 排序 / 表格联动)、商品回收站(恢复 / 彻底删除)等全流程功能。
章节 14:商品分类模块开发
实现商品分类管理及关联功能:完成商品分类基础开发,实现推荐商品关联、删除,封装选择商品弹框组件。
章节 15:会员和会员等级模块开发
快速搭建会员体系管理:分别实现会员等级、会员信息的基础管理功能,覆盖列表展示、核心交互逻辑。
章节 16:商品评论模块开发
完成商品评论管理:实现评论列表展示、用户评价渲染、回复用户评价等核心交互。
章节 17:订单模块开发
核心的订单管理功能:复用代码搭建模块,实现订单列表自定义样式、高级搜索、订单导出、订单详情 / 物流信息查看、退款审核(同意 / 拒绝)等全流程交互。
章节 18:基础 / 物流 / 交易设置页开发
实现后台系统的基础配置功能:完成基础设置、物流设置、交易设置页面的布局与功能开发,覆盖系统核心配置项。
章节 19:分销模块开发
搭建分销体系管理:实现分销员管理(统计 / 核心交互)、分销设置页开发,覆盖分销业务核心逻辑。
章节 20:部署服务器上线
聚焦项目上线部署:讲解部署前环境搭建、域名购买与解析,以及前端打包上线、后端 API 部署(选修)的完整流程。
