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 全栈真实项目与秋招问题。