Vue Flow 是一个轻量级的 Vue 3 组件库，它允许开发者以简洁直观的方式创建动态流程图。本篇文章记录一下Vue Flow的基本用法

安装

npm add @vue-flow/core

大家好，我是逍遥的码农，今天分享一下我制作的vue框架中模板编译过程的流程图，做这张图大概用了半个月时间，希望对大家有帮助。

说一下为什么要做这张图

1.看源码需要几个文件翻来翻去，很麻烦

2.如果一个过程跨了三四个页面，很容易看到后面已经忘了前面的内容，前后联系建立不起来

3.强迫症比较严重，想弄清楚模板编译的所有细节

流程图内容：几乎包括了模板编译的所有流程和代码以及重要代码的解释，文本解析和过滤器解析的过程没有加入，因为比较有代表性，所以打算单独拿出来进行讲解。

在上一篇文章《用Explain 命令分析 MySQL 的 SQL 执行》中，我们讲解了 Explain 命令的详细使用。但是它只能展示 SQL 语句的执行计划，无法展示为什么一些其他的执行计划未被选择，比如说明明有索引，但是为什么查询时未使用索引等。为此，MySQL 提供了 Optimizer Trace 功能，让我们能更加详细的了解 SQL 语句执行的所有分析，优化和选择过程。

如果您想更深入地了解为什么选择某个查询计划，那么优化器跟踪非常有用。虽然 EXPLAIN 显示选定的计划，但Optimizer Trace 能显示为什么选择计划：您将能够看到替代计划，估计成本以及做出的决策。本篇文章会详细讲解 Optimizer Trace 展示的所有相关信息，并且会辅之一些具体使用案例。

• MySQL权限说明

MySQL是经常要使用的一种关系型数据库，数据库作为存储重要数据的地方，相应的，对数据库的授权管理，也必须很小心，下面，我将MySQL的权限作了整理，方便需要的时候查看。

MySQL权限级别

服务器 》 数据库 》 表 》 列

一、DCL 简介

DCL（Data Control Language）语句，即数据控制语句，用于设置或更改数据库用户或角色权限的语句

常用关键字包括：GRANT、REVOKE、COMMIT、ROLLBACK、SAVEPOINT、LOCK

• GRANT：授予访问权限

前言

从今天开始本系列内容就带各位小伙伴学习数据库技术。数据库技术是Java开发中必不可少的一部分知识内容。也是非常重要的技术。本系列教程由浅入深, 全面讲解数据库体系。 非常适合零基础的小伙伴来学习。

背景知识

• MySQL数据存储在磁盘里，影响查询速度的根本是磁盘的读写。
• 局部性原理：CPU访问存储器时，无论是存取指令还是存取数据，所访问的存储单元都趋于聚集在一个较小的连续区域中。

MySQL是目前最流行的开放源代码数据库管理系统，全世界的装机量已超过400万台。本书详细介绍了如何使用可定制的关系数据库管理系统支持健壮的、可靠的、任务关键的应用程序。

今天给大家分享的是一份MySQL全面手册，本书采取了一个全面的方法：涵盖了MySQL的主要特性以及诸如复制和各种API接口编程之类的高级主题。它还为理解关系模型提供了坚实的基础，全面涵盖了ACID事务和对关系数据库不够了解的人所要掌握的基本概念。

本书还涉及了熟悉Oracle或其他数据库系统的用户和管理员所需要的基本知识。体验过MySQL的人，对熟悉的主题会找到新的视角，从而更深入洞察MySQL的世界，提高他们现有的知识和经验。

一、MySQL 索引的概述

1、什么是索引

在关系数据库中，索引是一种数据结构，为存储引擎提高访问速度的数据结构，它一般是以包含索引键值和一个指向索引键值对应数据记录物理地址的指针的节点集合的清单形式存在。

索引的作用：数据是存储在磁盘上的，查询数据时，如果没有索引，会加载所有的数据到内存，依次进行检索，读取磁盘次数较多。有了索引，就不需要加载所有数据，因为B+树的高度一般在 2-4 层，最多只需要读取 2-4 次磁盘，查询速度大大提升。

一、业务场景驱动表设计：电商订单系统案例

场景背景
某电商平台需设计用户、商品、订单模块，要求支持以下操作：

1. 用户高频查询最新订单
2. 按商品分类+价格区间筛选商品