Element Plus 与 ECharts教程

面向 Java 企业后台的 Vue UI 与数据可视化教程,覆盖 Element Plus 表单、表格、分页、弹层、上传、后台 Layout、ECharts 图表与经营 Dashboard。

安装、全量 / 按需引入

本章属于「Element Plus 与 ECharts / Element Plus 基础、布局与主题」,围绕「安装、全量 / 按需引入」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Form、FormItem、model、rules、prop

本章属于「Element Plus 与 ECharts / Form 与输入组件」,围绕「Form、FormItem、model、rules、prop」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Table、TableColumn、formatter

本章属于「Element Plus 与 ECharts / Table、Pagination 与列表页」,围绕「Table、TableColumn、formatter」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Dialog、Drawer

本章属于「Element Plus 与 ECharts / 弹层、反馈、上传与复杂组件」,围绕「Dialog、Drawer」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Admin Layout

本章属于「Element Plus 与 ECharts / 企业后台 UI 架构」,围绕「Admin Layout」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

init、option、setOption、dispose、resize

本章属于「Element Plus 与 ECharts / ECharts 核心」,围绕「init、option、setOption、dispose、resize」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

营业额、订单量与用户增长趋势

本章属于「Element Plus 与 ECharts / Dashboard 与综合验收」,围绕「营业额、订单量与用户增长趋势」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Button、Icon、Tag、Badge

本章属于「Element Plus 与 ECharts / Element Plus 基础、布局与主题」,围绕「Button、Icon、Tag、Badge」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Input、InputNumber、Select、Radio、Checkbox

本章属于「Element Plus 与 ECharts / Form 与输入组件」,围绕「Input、InputNumber、Select、Radio、Checkbox」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Scope Slot、操作列与状态列

本章属于「Element Plus 与 ECharts / Table、Pagination 与列表页」,围绕「Scope Slot、操作列与状态列」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Message、Notification、MessageBox

本章属于「Element Plus 与 ECharts / 弹层、反馈、上传与复杂组件」,围绕「Message、Notification、MessageBox」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

菜单、Router Meta、Active State 与 Breadcrumb

本章属于「Element Plus 与 ECharts / 企业后台 UI 架构」,围绕「菜单、Router Meta、Active State 与 Breadcrumb」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Line、Bar、Pie

本章属于「Element Plus 与 ECharts / ECharts 核心」,围绕「Line、Bar、Pie」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

销量 TopN 与横向柱状图

本章属于「Element Plus 与 ECharts / Dashboard 与综合验收」,围绕「销量 TopN 与横向柱状图」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Container、Row/Col、Space

本章属于「Element Plus 与 ECharts / Element Plus 基础、布局与主题」,围绕「Container、Row/Col、Space」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Switch、Slider、Rate

本章属于「Element Plus 与 ECharts / Form 与输入组件」,围绕「Switch、Slider、Rate」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Selection、Sort、Filter

本章属于「Element Plus 与 ECharts / Table、Pagination 与列表页」,围绕「Selection、Sort、Filter」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Upload 与文件预览

本章属于「Element Plus 与 ECharts / 弹层、反馈、上传与复杂组件」,围绕「Upload 与文件预览」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Loading、Skeleton、Empty、Error

本章属于「Element Plus 与 ECharts / 企业后台 UI 架构」,围绕「Loading、Skeleton、Empty、Error」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Axis、Legend、Tooltip、Dataset

本章属于「Element Plus 与 ECharts / ECharts 核心」,围绕「Axis、Legend、Tooltip、Dataset」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

完成率、占比、Gauge/Pie 与指标卡

本章属于「Element Plus 与 ECharts / Dashboard 与综合验收」,围绕「完成率、占比、Gauge/Pie 与指标卡」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Config Provider、Locale

本章属于「Element Plus 与 ECharts / Element Plus 基础、布局与主题」,围绕「Config Provider、Locale」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

DatePicker、TimePicker 与 Java 时间类型

本章属于「Element Plus 与 ECharts / Form 与输入组件」,围绕「DatePicker、TimePicker 与 Java 时间类型」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Pagination 与 PageResult

本章属于「Element Plus 与 ECharts / Table、Pagination 与列表页」,围绕「Pagination 与 PageResult」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Tree、Cascader、Transfer

本章属于「Element Plus 与 ECharts / 弹层、反馈、上传与复杂组件」,围绕「Tree、Cascader、Transfer」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Base Component、Business Component 与二次封装

本章属于「Element Plus 与 ECharts / 企业后台 UI 架构」,围绕「Base Component、Business Component 与二次封装」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Spring Boot VO → JSON → ECharts

本章属于「Element Plus 与 ECharts / ECharts 核心」,围绕「Spring Boot VO → JSON → ECharts」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Dashboard 并发请求、加载与错误恢复

本章属于「Element Plus 与 ECharts / Dashboard 与综合验收」,围绕「Dashboard 并发请求、加载与错误恢复」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

CSS Variables、Theme 与样式覆盖边界

本章属于「Element Plus 与 ECharts / Element Plus 基础、布局与主题」,围绕「CSS Variables、Theme 与样式覆盖边界」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

validate、resetFields、异步提交与错误反馈

本章属于「Element Plus 与 ECharts / Form 与输入组件」,围绕「validate、resetFields、异步提交与错误反馈」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

查询表单 + Table + Pagination 标准 CRUD

本章属于「Element Plus 与 ECharts / Table、Pagination 与列表页」,围绕「查询表单 + Table + Pagination 标准 CRUD」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Tabs、Breadcrumb、Menu、Descriptions、Empty、Result

本章属于「Element Plus 与 ECharts / 弹层、反馈、上传与复杂组件」,围绕「Tabs、Breadcrumb、Menu、Descriptions、Empty、Result」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Accessibility、Keyboard、Focus 与组件库可访问性

本章属于「Element Plus 与 ECharts / 企业后台 UI 架构」,围绕「Accessibility、Keyboard、Focus 与组件库可访问性」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

图表组件封装、Watch、Resize 与性能

本章属于「Element Plus 与 ECharts / ECharts 核心」,围绕「图表组件封装、Watch、Resize 与性能」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Element Plus / ECharts 秋招题与后台综合验收

本章属于「Element Plus 与 ECharts / Dashboard 与综合验收」,围绕「Element Plus / ECharts 秋招题与后台综合验收」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。