课程简介
本课程基于Vue3和.NET6技术栈,系统讲解通用管理后台的全栈开发流程。课程涵盖前端Vue3+Element Plus+SCSS技术栈,后端.NET6 WebAPI+SqlSugar+JWT认证体系,完整实现权限管理、动态路由、数据可视化等核心功能。学员将掌握前后端分离架构设计、Code First数据库开发、Axios接口联调、AOP编程等关键技术,通过角色管理、菜单管理、用户管理等模块实战,具备独立开发企业级管理系统的能力。课程配套完整源码和项目文档,适合有一定基础的开发者快速提升全栈开发技能。
下载地址
课程目录
01 项目与环境搭建
第1–6节:项目展示、技术栈、NodeJS安装、Vite构建、目录介绍、pnpm与SCSS安装。
02 前端基础与样式
第7–13节:Element Plus使用、路由配置、登录页样式、全局样式、表单验证、弹窗提示。
03 状态管理与布局
第14–17节:Vuex使用、页面布局设计、桌面样式编写。
04 图表与用户界面
第18–23节:Echarts饼图、柱状图、折线图使用、个人中心、菜单模块静态页。
05 角色与用户管理
第24–31节:角色模块、用户管理模块静态页、编辑功能、分配菜单、动态路由配置。
06 后端基础与数据库
第32–41节:后端目录、新建API、权限表设计、SqlSugar安装、IOC注入、AOP、Code First创建数据库。
07 接口与映射
第42–45节:接口层绑定、AutoMapper使用、统一返回格式、Jwt权限验证。
08 登录与跨域处理
第46–53节:登录接口实现、axios安装使用、拦截器、跨域问题解析、前后端联调。
09 菜单与角色联调
第54–61节:菜单模块CRUD接口、编辑页交互、角色模块接口、列表和分配菜单联调。
--- 点击展开详细目录 ---PART1
- 🎬 001.项目功能展示-.mp4
- 🎬 002.开发环境和技术栈-.mp4
- 🎬 003.安装NodeJS环境-.mp4
- 🎬 004.使用 Vite 快速构建 Vue 项目-.mp4
- 🎬 005.目录介绍-.mp4
- 🎬 006.pnpm的介绍和安装-.mp4
- 🎬 007.SCSS介绍和安装-.mp4
- 🎬 008.Element Plus的介绍和使用 -.mp4
- 🎬 009.路由的配置与使用-.mp4
- 🎬 010.登录静态页样式编写-.mp4
- 🎬 011.全局样式-.mp4
- 🎬 012.登录静态页表单验证-.mp4
- 🎬 013.校验不通过弹窗提示-.mp4
- 🎬 014.Vuex的介绍和使用-.mp4
- 🎬 015.页面布局的分析和设计-.mp4
- 🎬 016.嵌套路由-.mp4
- 🎬 017.桌面静态样式编写-.mp4
- 🎬 018.echarts图表的使用(饼图)-.mp4
- 🎬 019.echarts图表的使用(柱状图)-.mp4
- 🎬 020.echarts图表的使用(折线图)-.mp4
- 🎬 021.个人中心信息编辑页静态页-.mp4
- 🎬 022.菜单模块列表静态页-.mp4
- 🎬 023.菜单模块编辑功能静态页-.mp4
- 🎬 024.角色模块静态页-.mp4
- 🎬 025.角色模块编辑功能静态页-.mp4
- 🎬 026.角色模块分配菜单静态页-.mp4
- 🎬 027.用户管理模块静态页-.mp4
- 🎬 028.用户模块编辑功能静态页-.mp4
- 🎬 029.用户管理模块分配角色静态页-.mp4
- 🎬 030.左侧菜单读取JSON配置动态渲染-.mp4
- 🎬 031.动态路由配置-.mp4
- 🎬 032.Tag页面导航标签功能的实现-.mp4
- 🎬 033.新建.NET6 WebAPI -.mp4
- 🎬 034.后端目录讲解 -.mp4
- 🎬 036.权限系统表设计-.mp4
- 🎬 037.SqlSugar的介绍和安装-.mp4
- 🎬 038.IOC的使用,注入ISqlSugarClient接口-.mp4
- 🎬 039.SqlSugar AOP-.mp4
- 🎬 040.Code First(一)创建数据库-.mp4
- 🎬 041.Code First(二)结合反射创建表 -.mp4
- 🎬 042.接口层和实现层绑定以及注入-.mp4
- 🎬 043.AutoMapper的介绍和使用-.mp4
- 🎬 044.统一接口返回格式 -.mp4
- 🎬 045.Jwt的使用-.mp4
- 🎬 046.Login登录接口的实现-.mp4
- 🎬 047.axios的安装和使用-.mp4
- 🎬 048.axios拦截器-.mp4
- 🎬 049.权限验证-.mp4
- 🎬 050.axios读取webapi,跨域问题解析-.mp4
- 🎬 051.解决跨域之后端处理方式-.mp4
- 🎬 052.解决跨域之后端处理方式-.mp4
- 🎬 053.登录页前后端接口联调-.mp4
- 🎬 054.菜单模块CRUD接口-.mp4
- 🎬 055.菜单列表(建模+数据的读取和绑定)-.mp4
- 🎬 056.菜单编辑页(一)弹窗界面交互、组件传值-.mp4
PART2
- 🎬 057.菜单编辑页(二)子组件触发父组件事件-.mp4
- 🎬 058.菜单编辑页(三)watch监听-.mp4
- 🎬 059.角色模块CRUD接口-.mp4
- 🎬 060.角色列表和编辑页联调-.mp4
- 🎬 061.指定角色分配菜单页面联调-.mp4
|