收藏

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

基于Element的中后台课程,一套中小型企业通用的后台管理系统

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

已完结 难度 高级 时长 17小时 学习人数 2829 综合评分 9.97

课程对比栏

隐藏
  • 1
    可继续添加课程
  • 2
    可继续添加课程
  • 3
    可继续添加课程
  • 4
    可继续添加课程
对比
清空对比栏
  • 第1章 课程介绍 试看 1 节 | 6分钟

    介绍项目背景、达到的目标、技术栈和功能演示

    收起列表

    • 视频: 1-1 导学 (05:13) 试看
  • 第2章 课程分析 6 节 | 11分钟

    课程分析

    收起列表

    • 视频: 2-1 课程学习阶段 (01:38)
    • 视频: 2-2 课程技术难点解析 (03:49)
    • 视频: 2-3 课程心路 (02:18)
    • 作业: 2-4 讨论一下如何从零到一搭建基于后台框架
    • 视频: 2-5 系列课程介绍 (01:17)
    • 视频: 2-6 关于Vue 3.0 (01:48)
  • 第3章 Element-UI入门 10 节 | 50分钟

    对Element-UI的内容进行讲解,包括如何搭建Element-UI使用环境,如何使用插件快速集成Element-UI,并通过el-form源码解读说明Element-UI的基本实现原理。

    收起列表

    • 视频: 3-1 element-ui基本用法 (05:16)
    • 视频: 3-2 element-ui按需加载 (05:06)
    • 作业: 3-3 学习 Element-UI 中 的好方法
    • 视频: 3-4 element-ui插件引用 (03:08)
    • 视频: 3-5 表单的基本用法 (02:52)
    • 视频: 3-6 表单校验的基本用法 (10:07)
    • 视频: 3-7 表单校验的高级用法 (08:04)
    • 视频: 3-8 表单常见属性解析 (07:33)
    • 作业: 3-9 谈一谈你对ES6中扩展运算符和剩余运算符(rest)的理解
    • 视频: 3-10 el-form源码解析 (07:32)
  • 第4章 Vuex和Vue-router进阶 7 节 | 33分钟

    对Vue的全家桶中两个重要插件:Vuex和Vue-router进行更加深入的介绍,包含原理讲解以及一些重要特性讲解。

    收起列表

    • 视频: 4-1 vuex实现原理讲解 (08:02)
    • 视频: 4-2 vue-router实现原理讲解 (02:29)
    • 作业: 4-3 为什么Vue中会使用Vuex
    • 视频: 4-4 vue-router路由守卫 (11:55)
    • 视频: 4-5 vue-router路由元信息 (06:39)
    • 视频: 4-6 vue-router API的使用 (03:46)
    • 作业: 4-7 聊一聊你对Vue-router理解
  • 第5章 前端开发框架搭建 6 节 | 30分钟

    集成 Github 4.3w+ Star的明星项目 vue-element-admin,本节将基于该项目完成前端框架搭建。

    收起列表

    • 视频: 5-1 前端项目初始化 (03:16)
    • 视频: 5-2 项目精简 (06:26)
    • 视频: 5-3 项目配置和源码调试方法 (07:10)
    • 作业: 5-4 有什么针对项目体积精简的方案?
    • 视频: 5-5 项目结构分析 (12:46)
    • 作业: 5-6 前端代码调试的方法有哪些?
  • 第6章 服务端开发框架搭建 5 节 | 25分钟

    介绍 Node.js 和 Express,并讲解Express的三个重要特性:中间件、路由和异常处理,在此基础上完成服务端框架搭建。

    收起列表

    • 视频: 6-1 node和express简介 (01:54)
    • 视频: 6-2 项目初始化 (04:05)
    • 视频: 6-3 express基础概念讲解 (08:17)
    • 视频: 6-4 项目框架优化 (10:18)
    • 作业: 6-5 express 中间件有哪些
  • 第7章 项目需求分析 8 节 | 51分钟

    在正式开发前对项目的需求、技术细节进行一次复盘,并介绍项目相关的必备知识:epub、nginx、mysql。

    收起列表

    • 视频: 7-1 项目架构解析 (06:21)
    • 视频: 7-2 项目需求分析 (06:32)
    • 视频: 7-3 epub 电子书原理讲解 (09:37)
    • 视频: 7-4 静态资源服务器 nginx 配置 (12:24)
    • 视频: 7-5 静态资源服务器 nginx 启动 (08:22)
    • 视频: 7-6 MySQL 数据库搭建 (04:20)
    • 视频: 7-7 补充知识:https 证书申请 (02:25)
    • 作业: 7-8 windows 下 nginx 安装后的问题
  • 第8章 登录功能开发(上) 15 节 | 125分钟

    深入讲解与登录相关的路由和权限校验、路由和菜单绑定、登录重定向、路由和面包屑导航绑定等预备知识。

    收起列表

    • 视频: 8-1 用户登录流程和技术点分析 (05:04)
    • 视频: 8-2 登录组件源码精简 (05:26)
    • 视频: 8-3 路由和权限校验实例 (06:53)
    • 视频: 8-4 路由和权限校验原理讲解(上) (14:16) 试看
    • 视频: 8-5 路由和权限校验原理讲解(下) (08:01)
    • 视频: 8-6 动态路由原理讲解 (12:54)
    • 视频: 8-7 路由和权限校验逻辑梳理和总结 (04:07) 试看
    • 视频: 8-8 sidebar源码结构分析 (03:14)
    • 视频: 8-9 el-menu用法解析 (08:06)
    • 视频: 8-10 sidebar组件源码分析 (08:56)
    • 视频: 8-11 sidebar-item 组件源码分析 (21:17)
    • 视频: 8-12 sidebar源码分析总结 (03:13)
    • 视频: 8-13 路由重定向原理讲解 (09:14)
    • 视频: 8-14 面包屑导航原理讲解 (12:46)
    • 视频: 8-15 本章总结 (01:28)
  • 第9章 登录功能开发(中) 8 节 | 50分钟

    深入讲解登录模块的前端源码,并基于 axios 封装请求框架,实现请求拦截、响应拦截和异常处理功能。

    收起列表

    • 视频: 9-1 用户登录组件分析 (13:48)
    • 视频: 9-2 handleLogin 方法分析 (04:01)
    • 视频: 9-3 axios 基本用法讲解 (06:44)
    • 视频: 9-4 axios.create 用法讲解1 (11:18)
    • 视频: 9-5 request 库源码分析 (04:49)
    • 视频: 9-6 登录组件实现细节讲解 (04:45)
    • 视频: 9-7 登录 API 请求域名修改 (03:49)
    • 作业: 9-8 谈一谈你对 Axios 的理解
  • 第10章 登录功能开发(下) 13 节 | 94分钟

    深入讲解如何开发后端登录 API,通过 JWT 实现登录认证,并完成前后端源码联调

    收起列表

    • 视频: 10-1 后端登录 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:55)
    • 视频: 10-9 express-jwt JWT 认证1 (21:43)
    • 作业: 10-10 谈谈 CORS 的理解
    • 视频: 10-11 获取用户信息 API 开发(1-2) (12:35)
    • 视频: 10-12 本章总结 (03:35)
    • 作业: 10-13 谈一谈你对 OPTIONS 的理解
  • 第11章 电子书上传功能开发 7 节 | 74分钟

    完成电子书的上传功能,通过Express的multer库实现核心的上传逻辑,前端使用element-ui的Upload组件实现。

    收起列表

    • 视频: 11-1 创建电子书上传组件 (07:34)
    • 视频: 11-2 电子书表单框架开发 (12:13)
    • 视频: 11-3 上传组件创建和token认证 (08:47)
    • 视频: 11-4 上传组件开发 (13:06)
    • 视频: 11-5 文件上传 API 开发 (09:26)
    • 视频: 11-6 上传组件功能完善 (07:58)
    • 视频: 11-7 电子书表单开发 (14:49)
  • 第12章 电子书解析功能开发 10 节 | 118分钟

    课程的重点及难点,集成epub库,实现对epub电子书的解析,并对该库的功能进行增强,实现目录的解析,需要用到xml解析、zip解压等技术,并将解析的结果写入数据库。

    收起列表

    • 视频: 12-1 电子书解析方案讲解 (03:36)
    • 视频: 12-2 电子书 Book 对象开发 (21:21)
    • 视频: 12-3 电子书解析库 epub 介绍 (06:51)
    • 视频: 12-4 电子书解析方法(上) (07:26)
    • 视频: 12-5 电子书解析方法(下) (20:31)
    • 视频: 12-6 电子书封面图片解析方法优化 (10:00)
    • 视频: 12-7 目录解析原理和电子书解压 (08:51)
    • 视频: 12-8 获取目录资源文件ncx的方法 (07:57)
    • 视频: 12-9 电子书标准目录解析 (20:11)
    • 视频: 12-10 电子书嵌套目录解析 (10:52)
  • 第13章 电子书列表页面开发 14 节 | 156分钟

    电子书的列表页面开发,通过element-ui的Table组件实现,基于vue-element-admin进行二次开发。

    收起列表

    • 视频: 13-1 电子书解析数据展示 (05:16)
    • 视频: 13-2 电子书树状目录展示 (10:42)
    • 视频: 13-3 电子书解析算法优化 (07:47)
    • 视频: 13-4 电子书表单验证功能开发 (15:57)
    • 视频: 13-5 新增电子书前端逻辑开发 (04:56)
    • 视频: 13-6 新增电子书 API 开发1 (09:38)
    • 视频: 13-7 新增电子书核心逻辑开发 (07:15)
    • 视频: 13-8 新增电子书数据库操作开发 (16:40)
    • 视频: 13-9 新增电子书前端交互优化 (09:02)
    • 视频: 13-10 新增电子书目录开发 (13:00)
    • 视频: 13-11 电子书删除功能开发 (10:47)
    • 视频: 13-12 电子书查询 API 开发(上) (16:26)
    • 视频: 13-13 电子书查询 API 开发(下) (13:49)
    • 视频: 13-14 编辑电子书开发 (14:39)
  • 第14章 电子书编辑和删除功能开发 11 节 | 117分钟

    完成电子书的编辑和删除功能,至此整个开发工作基本结束。

    收起列表

    • 视频: 14-1 电子书列表查询条件开发 (17:00)
    • 视频: 14-2 图书分类 API 开发 (08:27)
    • 视频: 14-3 图书列表样式开发 (07:07)
    • 视频: 14-4 图书列表 API 开发 (18:21)
    • 视频: 14-5 分页和查询功能开发 (09:09)
    • 视频: 14-6 搜索关键字高亮功能开发 (05:50)
    • 视频: 14-7 排序功能开发 (05:52)
    • 视频: 14-8 分页功能优化 (08:20)
    • 视频: 14-9 过滤器优化表格字段显示 (06:02)
    • 视频: 14-10 电子书删除开发 (12:04)
    • 视频: 14-11 电子书列表高级优化 (18:48)
  • 第15章 项目和构建发布 11 节 | 97分钟

    完成项目的上线与发布,可以通过外网访问到本项目,并且搭建https服务。

    收起列表

    • 视频: 15-1 项目发布流程讲解 (07:22)
    • 视频: 15-2 前端项目构建 (09:20)
    • 视频: 15-3 前端部署方法讲解 (07:19)
    • 视频: 15-4 后端部署方法和自动化部署脚本讲解 (07:54)
    • 视频: 15-5 FileZilla工具介绍 (02:50)
    • 视频: 15-6 预备知识:阿里云ECS服务器开通 (16:06)
    • 视频: 15-7 预备知识:CentOS Node.js环境搭建 (03:41)
    • 视频: 15-8 预备知识:CentOS Ngnix环境搭建 (15:41)
    • 视频: 15-9 预备知识:CentOS git部署+免密更新 (10:05)
    • 视频: 15-10 预备知识:CentOS MySQL环境安装 (12:05)
    • 视频: 15-11 预备知识:阿里云域名注册、解析与备案流程 (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.component用法 (07:13)
    • 视频: 16-5 Vue.extend基本用法 (03:16)
    • 视频: 16-6 Vue.extend进阶用法 (06:30)
    • 视频: 16-7 Vue.use用法 (05:16)
  • 第17章 Vue进阶(下) 6 节 | 38分钟

    对Vue的进阶知识进行讲解,包括组件通信、过滤器、监听器、Vue2.6重要新特性等相关内容。

    收起列表

    • 视频: 17-1 组件通信provide和inject (03:46)
    • 视频: 17-2 过滤器filters (06:13)
    • 视频: 17-3 监听器watch (07:49)
    • 视频: 17-4 class和style绑定的高级用法 (04:53)
    • 视频: 17-5 Vue.observable (06:45)
    • 视频: 17-6 插槽v-slot (07:51)
  • 第18章 课程总结 1 节 | 10分钟

    总结课程学到的知识点。

    收起列表

    • 视频: 18-1 课程总结 (09:48)
  • 第19章 加餐:后台权限管理开发 5 节 |

    本章将带大家开发管理后台的权限管理模块,我们需要四个内容:角色管理、用户管理、菜单管理和权限菜单设计。同时,我们还需要开发与权限管理模块相对应的数据库表内容。这样,一个完整的权限管理模块即可开发完成。

    收起列表

    • 图文: 19-1 权限管理-需求文档
    • 图文: 19-2 数据库设计-需求文档
    • 图文: 19-3 角色管理-开发文档
    • 图文: 19-4 用户管理-开发文档
    • 图文: 19-5 菜单管理-开发文档
本课程已完结


讲师

Sam Web前端工程师

骨灰级BAT前端架构师,慕课网明星讲师。广泛涉猎各种前沿的前端技术,包括:前端工程化、性能优化、数据可视化、小程序、中后台等领域,一个集技术和讲课能力于一身的才子,一句话概括:他出课,必卖爆!

讲师其他课程

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题