前端可视化框架应用开发 教材

模块1 搭建前端可视化开发环境 1 【教学目标】 1 任务1.1 安装Node.js和Vue 1 【任务描述】 1 【任务要求】 2 【相关知识】 2 1.1.1 初识Vue 2 1.1.2 Vue的优势与应用 3 【任务实施】 3 任务1.2 引入Element UI 7 【任务描述】 7 【任务要求】 7 【相关知识】 8 1.2.1 初识Element UI 8 1.2.2 Element UI的优势与应用 8 【任务实施】 9 任务1.3 引入ECharts 10 【任务描述】 10 【任务要求】 11 【相关知识】 11 1.3.1 初识ECharts 11 1.3.2 ECharts的优势与应用 11 【任务实施】 12 任务1.4 安装Visual Studio Code编辑器 14 【任务描述】 14 【任务要求】 14 【相关知识】 14 【任务实施】 15 模块小结 20 课后作业 20 模块2 设计新零售智能销售平台的基础 页面――Element UI的应用 21 【教学目标】 21 任务2.1 平台基础页面布局 21 【任务描述】 21 【任务要求】 22 【相关知识】 22 2.1.1 Layout栅格化布局 22 2.1.2 Container容器布局 25 【任务实施】 26 任务2.2 创建平台导航菜单 29 【任务描述】 29 【任务要求】 29 【相关知识】 29 2.2.1 基本概念 29 2.2.2 实现NavMenu导航菜单 30 【任务实施】 31 任务2.3 创建订单数据表格 33 【任务描述】 33 【任务要求】 34 【相关知识】 34 2.3.1 表格 34 2.3.2 标签 36 2.3.3 树形控件 37 【任务实施】 39 任务2.4 设计订单数据表格的分页显示 41 【任务描述】 41 【任务要求】 42 【相关知识】 42 2.4.1 基本概念 42 2.4.2 实现Pagination分页 43 【任务实施】 43 任务2.5 添加订单数据对话框 46 【任务描述】 46 【任务要求】 46 【相关知识】 47 2.5.1 基本概念 47 2.5.2 实现Dialog对话框 47 【任务实施】 48 任务2.6 构建订单数据表单并添加表格 操作列 51 【任务描述】 51 【任务要求】 52 【相关知识