Vue Element+Node.js开发企业通用管理后台系统【已完结 6G MK401】
-
第1章 课程介绍
介绍项目背景、达到的目标、技术栈和功能演示
- 1-1 导学试看
-
第2章 课程分析
课程分析
- 2-1 课程学习阶段
- 2-2 课程技术难点解析
- 2-3 课程心路
- 2-4 系列课程介绍
- 2-5 关于Vue 3.0
-
第3章 Vue进阶(上)
对Vue的进阶知识进行讲解,包括$emit和$on、directive指令、组件化、Vue插件等相关内容。
- 3-1 补充说明
- 3-2 $emit和$on用法
- 3-3 directive指令用法
- 3-4 Vue.component用法
- 3-5 Vue.extend基本用法
- 3-6 Vue.extend进阶用法
- 3-7 Vue.use用法
-
第4章 Vue进阶(下)
对Vue的进阶知识进行讲解,包括组件通信、过滤器、监听器、Vue2.6重要新特性等相关内容。
- 4-1 组件通信provide和inject
- 4-2 过滤器filters
- 4-3 监听器watch
- 4-4 class和style绑定的高级用法
- 4-5 Vue.observable
- 4-6 插槽v-slot
-
第5章 Element-UI入门
对Element-UI的内容进行讲解,包括如何搭建Element-UI使用环境,如何使用插件快速集成Element-UI,并通过el-form源码解读说明Element-UI的基本实现原理。
- 5-1 element-ui基本用法
- 5-2 element-ui按需加载
- 5-3 element-ui插件引用
- 5-4 表单的基本用法
- 5-5 表单校验的基本用法
- 5-6 表单校验的高级用法
- 5-7 表单常见属性解析
- 5-8 el-form源码解析
-
第6章 Vuex和Vue-router进阶
对Vue的全家桶中两个重要插件:Vuex和Vue-router进行更加深入的介绍,包含原理讲解以及一些重要特性讲解。
- 6-1 vuex实现原理讲解
- 6-2 vue-router实现原理讲解
- 6-3 vue-router路由守卫
- 6-4 vue-router路由元信息
- 6-5 vue-router API的使用
-
第7章 前端开发框架搭建
集成 Github 4.3w+ Star的明星项目 vue-element-admin,本节将基于该项目完成前端框架搭建。
- 7-1 前端项目初始化
- 7-2 项目精简
- 7-3 项目配置和源码调试方法
- 7-4 项目结构分析
-
第8章 服务端开发框架搭建
介绍 Node.js 和 Express,并讲解Express的三个重要特性:中间件、路由和异常处理,在此基础上完成服务端框架搭建。
- 8-1 node和express简介
- 8-2 项目初始化
- 8-3 express基础概念讲解
- 8-4 项目框架优化
-
第9章 项目需求分析
在正式开发前对项目的需求、技术细节进行一次复盘,并介绍项目相关的必备知识:epub、nginx、mysql。
- 9-1 项目架构解析
- 9-2 项目需求分析
- 9-3 epub 电子书原理讲解
- 9-4 静态资源服务器 nginx 配置
- 9-5 静态资源服务器 nginx 启动
- 9-6 MySQL 数据库搭建
- 9-7 补充知识:https 证书申请
-
第10章 登录功能开发(上)
深入讲解与登录相关的路由和权限校验、路由和菜单绑定、登录重定向、路由和面包屑导航绑定等预备知识。
- 10-1 用户登录流程和技术点分析
- 10-2 登录组件源码精简
- 10-3 路由和权限校验实例
- 10-4 路由和权限校验原理讲解(上)试看
- 10-5 路由和权限校验原理讲解(下)
- 10-6 动态路由原理讲解
- 10-7 路由和权限校验逻辑梳理和总结试看
- 10-8 sidebar源码结构分析
- 10-9 el-menu用法解析
- 10-10 sidebar组件源码分析
- 10-11 sidebar-item 组件源码分析
- 10-12 sidebar源码分析总结
- 10-13 路由重定向原理讲解
- 10-14 面包屑导航原理讲解
- 10-15 本章总结
-
第11章 登录功能开发(中)
深入讲解登录模块的前端源码,并基于 axios 封装请求框架,实现请求拦截、响应拦截和异常处理功能。
- 11-1 用户登录组件分析
- 11-2 handleLogin 方法分析
- 11-3 axios 基本用法讲解
- 11-4 axios.create 用法讲解1
- 11-5 request 库源码分析
- 11-6 登录组件实现细节讲解
- 11-7 登录 API 请求域名修改
-
第12章 第12章 登录功能开发(下)
深入讲解如何开发后端登录 API,通过 JWT 实现登录认证,并完成前后端源码联调
- 12-1 后端登录 API 处理流程分析
- 12-2 https服务搭建
- 12-3 登录 API 开发1
- 12-4 登录 API 开发2
- 12-5 响应结果封装
- 12-6 mysql查询开发
- 12-7 express-validator 表单验证
- 12-8 生成 JWT 功能开发(1-2)
- 12-9 express-jwt JWT 认证1
- 12-10 获取用户信息 API 开发(1-2)
- 12-11 本章总结
-
第13章 电子书上传功能开发
完成电子书的上传功能,通过Express的multer库实现核心的上传逻辑,前端使用element-ui的Upload组件实现。
- 13-1 创建电子书上传组件
- 13-2 电子书表单框架开发
- 13-3 上传组件创建和token认证
- 13-4 上传组件开发
- 13-5 文件上传 API 开发
- 13-6 上传组件功能完善
- 13-7 电子书表单开发
-
第14章 电子书解析功能开发
课程的重点及难点,集成epub库,实现对epub电子书的解析,并对该库的功能进行增强,实现目录的解析,需要用到xml解析、zip解压等技术,并将解析的结果写入数据库。
- 14-1 电子书解析方案讲解
- 14-2 电子书 Book 对象开发
- 14-3 电子书解析库 epub 介绍
- 14-4 电子书解析方法(上)
- 14-5 电子书解析方法(下)
- 14-6 电子书封面图片解析方法优化
- 14-7 目录解析原理和电子书解压
- 14-8 获取目录资源文件ncx的方法
- 14-9 电子书标准目录解析
- 14-10 电子书嵌套目录解析
-
第15章 电子书列表页面开发
电子书的列表页面开发,通过element-ui的Table组件实现,基于vue-element-admin进行二次开发。
- 15-1 电子书解析数据展示
- 15-2 电子书树状目录展示
- 15-3 电子书解析算法优化
- 15-4 电子书表单验证功能开发
- 15-5 新增电子书前端逻辑开发
- 15-6 新增电子书 API 开发1
- 15-7 新增电子书核心逻辑开发
- 15-8 新增电子书数据库操作开发
- 15-9 新增电子书前端交互优化
- 15-10 新增电子书目录开发
- 15-11 电子书删除功能开发
- 15-12 电子书查询 API 开发(上)
- 15-13 电子书查询 API 开发(下)
- 15-14 编辑电子书开发
-
第16章 电子书编辑和删除功能开发
完成电子书的编辑和删除功能,至此整个开发工作基本结束。
- 16-1 电子书列表查询条件开发
- 16-2 图书分类 API 开发
- 16-3 图书列表样式开发
- 16-4 图书列表 API 开发
- 16-5 分页和查询功能开发
- 16-6 搜索关键字高亮功能开发
- 16-7 排序功能开发
- 16-8 分页功能优化
- 16-9 过滤器优化表格字段显示
- 16-10 电子书删除开发
- 16-11 电子书列表高级优化
-
第17章 项目和构建发布
完成项目的上线与发布,可以通过外网访问到本项目,并且搭建https服务。
- 17-1 项目发布流程讲解
- 17-2 前端项目构建
- 17-3 前端部署方法讲解
- 17-4 后端部署方法和自动化部署脚本讲解
- 17-5 FileZilla工具介绍
- 17-6 预备知识:阿里云ECS服务器开通
- 17-7 预备知识:CentOS Node.js环境搭建
- 17-8 预备知识:CentOS Ngnix环境搭建
- 17-9 预备知识:CentOS git部署+免密更新
- 17-10 预备知识:CentOS MySQL环境安装
- 17-11 预备知识:阿里云域名注册、解析与备案流程
-
第18章 课程总结
总结课程学到的知识点。
- 18-1 课程总结