Vue Element＋Node.js开发企业通用管理后台系统

Vue Element＋Node.js开发企业通用管理后台系统课程介绍(A000523)：

综合应用 Vue 和 Node 技术，基于 Element-UI 组件库搭建“小慕读书“的管理后台，通过 Node 实现了电子书上传和解析功能以及权限管理，不仅会教大家如何实现功能，更会讲解技术背后的原理，帮助大家做到举一反三。

课程目录：

• 第1章 Vue Element＋Node.js开发企业@ C * 7 Y 9 M D O通用管理后台系统课程介绍1 节l \ [ – ~ C j z _ | 6分钟
• 介绍项目背景、达到的目标、技术栈和功能演示
  • 视频：1-1 导学 (05:13)
• 第2章 课程分析6 节 | 11分钟
• 课程分析
• 收起列表
  • 视频：2-1 课程学习阶段 (01:38)
  • 视频：2-2 课程技术难点解析 (03:49)
  • 视频：2-3 课程心路V f v Q { 9 M (02:18)
  • 作业：2-4 讨论一下如何从零到一搭建基于后台框架
  • 视频：2-5 系列Vue Element＋Node.js开发企业通用管? A U r t 9理后台系统课程介绍 (01:17)
  • 视频：2-6 关于Vue 3.0 (01:48)
• 第3章 Element-UI入门10 节 | 50分钟
• 对Element-UI的内容进行讲解，包l L ( k _ H h括如何搭建Element-UI使用环境，如何使用插件快速集成Element-UI，并通过el-form源码解读说明Element-UI的基本实现原理。
• 收起列表
  • 视频：3-1 element-ui基本用法 (05:16)
  • 视频：3-2 eleb m ; O k Z /ment-ui按需加载 (05:06)
  • 作业：3-3~ | g j & L ] Z $ 学习 Element-UI 中 的好方法
  • 视频：3-4 element-ui插A 2 9 ~ Z ,件引用 (03:08)
  • 视频：3-5 表单的基本用法 (02:52)
  • 视频：3-6 表单校验的基本用法 (10:074 $ = 6 N , o _)
  • 视频6 7 7 M 3 } p +：3-7 表单校验的高级用法 (08:04)
  • 视频：3-8 表单常见属性解析 (07:33)
  • 作业：3-9 谈一谈你对ES6中扩展运算符和剩余运算符(rest)的理解
  • 视频：3-10 el-form源码解析 (07:32)r m m ; M :
• 第4章 Vuex和Vue-router进阶7 节 | 33分钟
• 对Vue的全家桶中两个重要插} 4 L , 5 * n件：Vuex和Vue-router进行更加深入的介绍，包含原理讲解以及一些重要特性讲解。
• 收起列表
  • 视频：4-1 vuex实现原理讲解 (08:02)
  • 视频：4-2 vue-router实现原理讲解 (02:29)
  • 作业：4-3 为什么Vue中会使用Vuex
  • 视频：4-4 vue-[ J ; xrouter路由守卫 (11:55)
  • 视{ Z X u , ^频：4-5 vue-router路由元信息 (06:39)
  • 视频：4-6 vue-router API的h ! 6 [ G Z l使用 (03:46)
  • 作业：4-7 聊一聊你对Vue-route; L Rr理解
• 第5章 前端开发框架搭建6 节 | 30分钟
• 集成L V ) b M n Github 4.3w+ Star的明星– # ` F . ^ P S项目 vun q / V 8 d z _e-element-admin，本节将基于该项目完成前端框架搭建。
• 收起列表
  • 视频：5-1 前端项目初始化 (03:16)
  • 视频：5-2 项目精简 (06:26)
  • 视频：5-3 项目配置和源码调试方法 (07:10)
  • 作业：5-4 有什么针对项目体积精简的方案？
  • 视频：5-5 项j s H目结构分析 (12:46)
  • 作业：5-6 前A M K ? d h L ! j端代码调试的方法有哪些？
• 第6章 服务端开发框架搭建5 节 | 25分钟
• 介绍 Node.js 和 Express,并讲解ExpreS ( y iss的三个重要特性:中间件、路由和异常: h t y W C N处理，) 6 : a H |在l } (此基础上完成服务端框架搭建。
• 收起列表
  • 视频：6-1 node和express简介 (7 R z ^ x T01:54)
  • 视频：6-2 项目初始化 (04:05)
  • 视频：6-3 express基础概念讲解 (08:17)
  • 视频：6-4 项目框架优化 (10:18)
  • 作业：6-5 express 中间件有哪些
• 第7章 项目需求分析8 节 | 51分钟
• 在正式o e % J D 4 { W开发L k d ~ &前对项目的需求、技术细节进行一次复盘，并介绍项目相关的D T f 7 w P !必备知识：epub. I \ = 3 M ( r X、nginx4 I $、mysql。
• 收起列表
  • 视频：7-1 项目架构解析 (06:21)
  • 视频：7-2 项目需求分析 (06:32)
  • 视频：7-3 epub 电子书原理M A 9 t 2 + 1 b讲解 (09:37)
  • 视频：7-4 静态资源L & ] N服务器 nginx 配置 (12:24)
  • 视频：7-5 静态资源服务器 nginx 启动 (08:22)i j h /
  • 视频：7-6 MySQL 数据库搭建 (04:20)
  • 视频：% A 6 ) A z7-7 补充知识：https 证书申请 (02:25)
  • 作业：7-8 win! L a Q [dows 下 nginx 安装后的问题
• 第8章 登录功能开发（上）试看15 节 | 125分钟
• 深入讲解与登录相关的路由& G J 8和权限校验、路由和菜单绑定、登录重定向、路由和面包屑导航绑定等预备知识。
• 收起列表
  • 视频：8-1 用户登录流程和技术点分析U \ ` i ? d S 7 (05:04)
  • 视频：8-2 登录组件源码精简 (05:26)
  • 视频：8-3 路由和权限校验实例 (06:53)
  • 视频：8-4 路由和权限校验原理讲M # k 5 g解（上） (14:16)试看
  • 视频：8-5 路由和权限校验原理讲解（下） (08:01)R q J d # L
  • 视频：8-6 动态[ C ^ g D r % , b路由原理讲解 (12:54)
  • 视频：8-7 路由和权限校验逻辑梳理和总结 (04:07)e r –试看
  • 视频：8-8 sidebar源码结构分析 (03:14)
  • 视频：8-@ O & a 4 79 el-menu用法解析 (08:06)
  • 视频：8-10 sidebar组件源码分析 (08:56)
  • 视6 ) . 4 p b + x G频：8-11 sidebar-item 组件源码分析 (21:17)
  • 视频：8-12 sidebar源码分析总结 (03A ~ U 5 v ( W } –:13)
  • 视频：8-13 路由重定向原理讲解 (09:14)
  • 视v l + Z B P –频：8-14 面包屑导航原理讲解 (12:46)
  • 视频：8-15 本章总结 (01:28)
• 第9章 登录功能开发（中）8 节 | 50分钟
• 深入讲解登录模块的前端源码，并基于 axios 封装请求框4 \ ` ] q X D R e架，实现请求拦截、响应拦截和异常处理功能。
• 收起列表
  • 视频：9-1 用户登录组件分析 (13:48)
  • 视频：9-2 handleLogin 方法分析 (04:01)
  • 视频：9-3 axios 基本用法讲解 (06:44)
  • 视频：9-4 axios.creatO s ? 3 d . xe 用法讲解1 (11:18)
  • 视频：9-5 request 库源码分析 (04:49)
  • 视频：9-6 登录组件实现细节讲解 (04:45)
  • 视频：9-7 登录 API 请求域名修改 (03:49)
  • 作业：9-8 谈一谈你对 Axios 的理解
• 第10章 第12章 登录功能开发（下）13 节 | 94分钟S $ M V =
• 深入讲解如何开发后端登录 API，通过 JWT 实现登录认证，并完成前后端源码联调
• 收起列表
  • 视频：10-1 后端登# K I f $ : n a录 API 处理流程分析 (02:24)
  • 视频：10-2 https服务搭建 (03:54)
  • 视频：10-3 登录 API 开发1 (01:33)
  • 视频：10-4 登录 API 开发2 (06:31)
  • 视频：10-5 响应结果封装 (09:11)
  • 视频：10-6 mysql查询开发 (15:07)
  • 视频：10-7 express-validator 表单验证 (08:18)
  • 视频：10-8 生成 JWT 功能开发(1-2) (08:5F Z : + R5)
  • 视频：10-9 express-s Y 1 # q bjwt JWT 认证1 (21:43)
  • 作业：10-10 谈谈I 6 I CORS 的理解
  • 视频：10-11 获取用户信息; 4 ) 1 @ 4 Z X API 开发(1-2) (12:3I U Z ( u j _5)
  • 视频：10-12 本章总结 (03:35)
  • 作业：10-13 谈一谈你对 OPTIONS 的理解
• 第1h @ j = H y X1章 电子书上传功能开发7 节 | 74分钟
• 完成电子书的上传功能，通过Express的multer库实现核心的上传E 3 { Q \ h逻辑，前端使用eleF G ` \ment-ui的Upload组件实现。
• 收起列表
  • 视频：11-1 创建电子书上传组件 (07:34)
  • 视频：11-2 电子书表单框架开发 (12:13)
  • 视频：11-3 上传组件创建和token认证 (08:47)
  • 视频：11-4 上传组件开发 (13:06)
  • 视频：11-5 文件上传; l C H l q x \ k API 开发 (09:26)
  • 视频：11-6 上传组件功能完善 (07:58)
  • 视频：11-` / { B & Y ) [7 电子书表单开发 (14:49)
• 第12章 电子书解析功能开发10 节 | 118分钟
• 课程的重点及难点，集成epub库，实现对epub电子书的解析，并对该库的功能进行增强，实现目录的解析，需要用到xml解析、zip解压等技术，并将解析的结果写入数据库。
• 收起列表
  • 视频：12-1 电^ 7 7子书解析方案讲解 (03:36)
  • 视频：12-2 电子书{ Z B 0 m P Book 对象开发 (21:21)
  • 视频：12-3 电子书解析库 epub 介绍 (06:51)
  • 视频：12-4 电子书解析方法（上） (07:26)
  • 视频：12C S S b _ h ^ o N-5 电子书解析方法（下） (20:31)
  • 视频：L I P S ^ @ .12-6 电子书封面图片解析o D 5 / – a X _ u方法优化 (10:00)
  • 视频：12-7 目录解析原理和电子书解压 (08:51)
  • 视频X V ^ , : s f：12-8 获取目录资源文件ncx的方法 (07:. L ? n c s . z =57)
  • 视频：12-9 电子书标准目录解析 (20:11)
  • 视频：12-10 电子书嵌套目录. % 3 ^ – o解析 (10:52)
• 第13章 电子书列表页面开发14 节 | 156分钟
• 电子书的列表页面开发，通过element-ui的Table组( u o件实现，基于vue-element-admin进行二次开V Z ) 6 T J B , y发。
• 收起列表
  • 视频：13-1 电子书解析数据展示 (05:16)
  • 视频：13-2 电子书树状目录展示 (10:42)
  • 视频：13-3 电子书解析算法优化 (07:47)
  • 视频：13-4 电子书表单验证功能开发 (15:57)
  • 视频：13-5 新增电子书前端逻辑开发 (04:56)
  • 视频：13-6 新增电子书 APH \ : d j L 8 H WI 开发1 (09:38)
  • 视\ u P g : U频：13-7 新增电子书核心逻辑开发 (07:15)
  • 视频：13V Y H t X v 5 j-8 新增电子书数据库操作开\ v b s I t C发 (16:40)
  • 视频：13-9 新增电子书前端交互优化 (i m D 2 * U Y09:02)
  • 视频：13-10 新增电子书目录开发 (13:00)
  • 视频：13-11 电子书删除功能开发 (10:47)
  • 视频：13-12 电子书查询 API 开发(上) (16:26)
  • 视频：13-1z Y z 13 电子书查询 API 开发(下) (13:49)
  • 视频：1@ v D 3 2 i ! r J3-14 编辑电子书开发 (14:39)
• 第14章 电子书编辑和删除功能开发11 节 | 117分钟
• 完成电子书的O F Y j编辑和删除功能，至此整个开发工作基本结束。
• 收起列表
  • 视频：14-1 电子书列表查询条件开发 (17:00)
  • 视频：14-2 图书分类 API 开发 (08:27)
  • 视频：14-3 图书列表样式开发 (07:07)
  • 视频：14-4 图书列表 APIS M ^ N r 1 0 4 S 开发 (18:21)
  • 视频：14-5 分页和查询功能开发 (09:09)
  • 视频：14-6 搜索关键字高亮功能开发 (05:50)
  • 视频：14-7 排序功能开发 (05:52)
  • 视频：14-8 分页功能优化 (08:20)
  • 视频：14-9 过滤器优化表格g J U Z字段显示e a p $ b = . & C (06:02)
  • 视频：14-10 电子书删除开发 (12:04)
  • 视频：14-11 电子书列表高级优化 (1h @ @ N u Q w C8:48)
• 第15章 项目和构建发布11 节 | 97分钟
• 完成项目的上线与发布，可以通过外网访问到本项目，并且搭建https服务。
• 收起列表
  • 视频：15-1 项目发布流程讲解 (07:22)
  • 视频：15-2 前端项目构建 (09:20)
  • 视频：15-3 前端部署方法讲解 (07:19)
  • 视频：15-4 后端部署方法和自动化部署脚本讲解 (07:54)
  • 视B d s 9 / o 3频：15-5 FileZilla工具介绍 (02:50)
  • 视频：15-6 预备知识：阿q g \ ; 8 e里云ECS服务器开通 (16:06)} d E {
  • 视频：15-7 预备知识c 9 J / f 4：CentOS Node.js环境搭建 (03:41)
  • 视频：15-8 预备知识：CentOS Ngnix环境搭建 (S O 6 C n C # $15:41)
  • 视频：1[ K a Z ] u 35-9 预备知识：CentOS git部署+免密更新 (10:05)
  • 视频：15-10 预备知识：CentOS MySJ ] J J B ^ ZQL环境安装 (12:05)
  • 视频：15H y ~ o v-11 预备知识：阿里云域名注册、解析] r } K v ] T | M与备案流, % = e # ?程 (04:04)
• 第16章 Vue进阶（上）7 节 | 54分钟
• 对Vue的进阶知识进行讲解，包括$emit和$on、directive指令、组件化、Vue插件等相关内容。
• 收起列表
  • 视频：16-1 补充说明 (03:58)
  • 视频：16-2 $emit和$on用法 (13:22)
  • 视频：16-3 directive指令用法 (14:03)
  • 视频：16-4 Vue.compoy Q { . Z wnent用法 (07:13)
  • 视频：16-5 Vue.extend基本用法 (03:16)
  • 视频：16-6 Vue.extend进阶用法 (06:30)
  • 视频：16-7 Vue.use用法 (05:16)
• 第17章 Vue进0 f A V u % +阶j D % )（下1 J B n _ [ c）6 节 | 38分钟
• 对Vue的进阶知识进行讲解，包括组件通信、过滤器、监听器、Vue2.6重要新特性等相关内容。
• 收起列表
  • 视频：17-1 组件] 6 Z _ ^ ? C通信provide和in} G # ^ l d |ject (03, t F ; g E Y:46)
  • 视频：17-2 过滤器filters (06:13)
  • 视频：17-3 监听器watch (074 b [ $ p 1 R:49)
  • 视频：17-4 class和style绑w u L V 2 O ~ U v定的高级用法 (04:53)
  • 视频：17-5 Vue.o= & Y 7bsM [ I O ^ ] bervable (06:45)
  • 视频：17-6 插槽v-slot (07V \ o m L E:51)
• 第18章 课程总结1 节 | 10分钟
• 总结课程学到的知识点。
• 收起列表
  • 视频：18-1 课程总结 (09T Z K o u d : m V:48)

文件目+ M I p b g N录：