blob tree（mysql innodb 索引是自动建立的吗）

本文目录

• mysql innodb 索引是自动建立的吗
• 利用antd添加文件预览
• git的工作原理

mysql innodb 索引是自动建立的吗

从 MySQL 5.7 开始，开发人员改变了 InnoDB 构建二级索引的方式，采用自下而上的方法，而不是早期版本中自上而下的方法了。在这篇文章中，我们将通过一个示例来说明如何构建 InnoDB 索引。最后，我将解释如何通过为 innodb_fill_factor 设置更合适的值。

索引构建过程

在有数据的表上构建索引，InnoDB 中有以下几个阶段：1.读取阶段（从聚簇索引读取并构建二级索引条目）2.合并排序阶段3.插入阶段（将排序记录插入二级索引）在 5.6 版本之前，MySQL 通过一次插入一条记录来构建二级索引。这是一种“自上而下”的方法。搜索插入位置从树的根部（顶部）开始并达到叶页（底部）。该记录插入光标指向的叶页上。在查找插入位置和进行业面拆分和合并方面开销很大。从MySQL 5.7开始，添加索引期间的插入阶段使用“排序索引构建”，也称为“批量索引加载”。在这种方法中，索引是“自下而上”构建的。即叶页（底部）首先构建，然后非叶级别直到根（顶部）。

示例

在这些情况下使用排序的索引构建：

• ALTER TABLE t1 ADD INDEX（or CREATE INDEX）

• ALTER TABLE t1 ADD FULLTEXT INDEX

• ALTER TABLE t1 ADD COLUMN, ALGORITHM = INPLACE

• OPIMIZE t1

• 对于最后两个用例，ALTER 会创建一个中间表。中间表索引（主要和次要）使用“排序索引构建”构建。

算法

• 在 0 级别创建页，还要为此页创建一个游标

• 使用 0 级别处的游标插入页面，直到填满

• 页面填满后，创建一个兄弟页（不要插入到兄弟页）

• 为当前的整页创建节点指针（子页中的最小键，子页码），并将节点指针插入上一级（父页）

• 在较高级别，检查游标是否已定位。如果没有，请为该级别创建父页和游标

• 在父页插入节点指针

• 如果父页已填满，请重复步骤 3, 4, 5, 6

• 现在插入兄弟页并使游标指向兄弟页

• 在所有插入的末尾，每个级别的游标指向最右边的页。提交所有游标（意味着提交修改页面的迷你事务，释放所有锁存器）

• 为简单起见，上述算法跳过了有关压缩页和 BLOB（外部存储的 BLOB）处理的细节。

通过自下而上的方式构建索引

为简单起见，假设子页和非子页中允许的 最大记录数为 3

• CREATE TABLE t1 (a INT PRIMARY KEY, b INT, c BLOB);

• INSERT INTO t1 VALUES (1, 11, ’hello111’);

• INSERT INTO t1 VALUES (2, 22, ’hello222’);

• INSERT INTO t1 VALUES (3, 33, ’hello333’);

• INSERT INTO t1 VALUES (4, 44, ’hello444’);

• INSERT INTO t1 VALUES (5, 55, ’hello555’);

• INSERT INTO t1 VALUES (6, 66, ’hello666’);

• INSERT INTO t1 VALUES (7, 77, ’hello777’);

• INSERT INTO t1 VALUES (8, 88, ’hello888’);

• INSERT INTO t1 VALUES (9, 99, ’hello999’);

• INSERT INTO t1 VALUES (10, 1010, ’hello101010’);

• ALTER TABLE t1 ADD INDEX k1(b);

InnoDB 将主键字段追加到二级索引。二级索引 k1 的记录格式为(b, a)。在排序阶段完成后，记录为：

• (11,1), (22,2), (33,3), (44,4), (55,5), (66,6), (77,7), (88,8), (99,9), (1010, 10)

初始插入阶段

• 让我们从记录 (11,1) 开始。

• 在 0 级别（叶级别）创建页

• 创建一个到页的游标

• 所有插入都将转到此页面，直到它填满了

• 箭头显示游标当前指向的位置。它目前位于第 5 页，下一个插入将转到此页面。

还有两个空闲插槽，因此插入记录 (22,2) 和 (33,3) 非常简单

对于下一条记录 (44,4)，页码 5 已满（前面提到的假设最大记录数为 3）。这就是步骤。

页填充时的索引构建

• 创建一个兄弟页，页码 6

• 不要插入兄弟页

• 在游标处提交页面，即迷你事务提交，释放锁存器等

• 作为提交的一部分，创建节点指针并将其插入到 【当前级别 + 1】 的父页面中（即在 1 级别）

• 节点指针的格式 (子页面中的最小键,子页码) 。第 5 页的最小键是 (11,1) 。在父级别插入记录 ((11,1)，5)。

• 1 级别的父页尚不存在，MySQL 创建页码 7 和指向页码 7 的游标。

• 将 ((11,1)，5) 插入第 7 页

• 现在，返回到 0 级并创建从第 5 页到第 6 页的链接，反之亦然

• 0 级别的游标现在指向兄弟页，页码为 6

• 将 (44,4) 插入第 6 页

• 下一个插入 - (55,5) 和 (66,6) - 很简单，它们转到第 6 页。

• 插入记录 (77,7) 类似于 (44,4)，除了父页面 （页面编号 7） 已经存在并且它有两个以上记录的空间。首先将节点指针 ((44,4),8) 插入第 7 页，然后将 (77,7) 记录到同级 8 页中。

• 插入记录 (88,8) 和 (99,9) 很简单，因为第 8 页有两个空闲插槽。

下一个插入 (1010,10) 。将节点指针 ((77,7),8) 插入 1级别的父页（页码 7）。

MySQL 在 0 级创建同级页码 9。将记录 (1010,10) 插入第 9 页并将光标更改为此页面。

以此类推。在上面的示例中，数据库在 0 级别提交到第 9 页，在 1 级别提交到第 7 页。

• 我们现在有了一个完整的 B+-tree 索引，它是自下至上构建的！

索引填充因子

全局变量 innodb_fill_factor 用于设置插入 B-tree 页中的空间量。默认值为 100，表示使用整个业面（不包括页眉）。聚簇索引具有 innodb_fill_factor=100 的免除项。 在这种情况下，聚簇索引也空间的 1 /16 保持空闲。即 6.25% 的空间用于未来的 DML。

• 值 80 意味着 MySQL 使用了 80% 的页空间填充，预留 20% 于未来的更新。如果 innodb_fill_factor=100 则没有剩余空间供未来插入二级索引。如果在添加索引后，期望表上有更多的 DML，则可能导致业面拆分并再次合并。在这种情况下，建议使用 80-90 之间的值。此变量还会影响使用 OPTIMIZE TABLE 和 ALTER TABLE DROP COLUMN, ALGOITHM=INPLACE 重新创建的索引。也不应该设置太低的值，例如低于 50。因为索引会占用浪费更多的磁盘空间，值较低时，索引中的页数较多，索引统计信息的采样可能不是最佳的。优化器可以选择具有次优统计信息的错误查询计划。

排序索引构建的优点

• 没有页面拆分（不包括压缩表）和合并

• 没有重复搜索插入位置

• 插入不会被重做记录（页分配除外），因此重做日志子系统的压力较小

缺点

• ALTER 正在进行时，插入性能降低 Bug＃82940，但在后续版本中计划修复。

请点击输入图片描述

利用antd添加文件预览

import styles from ’./style.scss’; // 自定义样式，文件名称不可修改 import { Button, Upload, Modal, Alert } from ’antd’;import React, { Children, cloneElement, isValidElement, useState, useEffect, useRef } from ’react’;import axios from ’axios’ const Previewer = ({ url, onClose, isEditing, onEditSave }) =》 {     return (         《Modal className={styles.modalshow} title={isEditing ? "文档" : "文档预览"} visible width={1200} onCancel={onClose} footer={             isEditing ? : null} 》             《iframe src={url} title=’wps’ width=’100%’ height=’592’ /》         《/Modal 》     ) } const mapDOMTree = (children, matchChild) =》 {     if (typeof children === ’function’) return null     return Children.map(children, (child) =》 {         if (!child) return null;         if (matchChild(child)) return matchChild(child);         return isValidElement(child) ? cloneElement(child, child.props, mapDOMTree(child.props.children, matchChild)) : child;     }); }; const baseUrl2 = getUrl(’/contract/api/xft-contract-procode/object/v1/attachments/service/create-uri-by-id’); function CUpload({ onPreview, onEdit, onEditSave, children, showDownloadIcon = true, showRemoveIcon = true, showEditButton = true, showPreviewIcon = true, ...rest }) {     const = useState(false)     const = useState()     const = useState(false)     const toggle = () =》 {         setVisible(prevVisible =》 !prevVisible)     }     const onPreviewFile = async (file) =》 {         const previerUrl = await onPreview?.(file)         setUrl(previerUrl)         toggle()     }     const onEditFile = async (file) =》 {         const previerUrl = await onEdit?.(file)         setUrl(previerUrl)         setEditing(true)         toggle()     }     const handleUpload = files =》 {         return {             fileName: files.name,             fileType: files.type         }     }     const onClose = () =》 {         setEditing(false)         toggle()     }     const downloadd = (file) =》 {         axios.post(`${baseUrl2}?id=${file.id} `)             .then(res =》 {                 let data = res.data.data;                 download(data.tempUri, data.fileName)             }             ).catch((error) =》 {                 Modal.showServeError(error);             })     }     const download = (url, fileName) =》 {         // for IE         // if (window.navigator.msSaveOrOpenBlob) {         //     window.navigator.msSaveOrOpenBlob(url, fileName);         // } else {         const link = document.createElement(’a’);         link.style.display = ’none’;         link.href = url;         link.download = fileName;         // document.body.appendChild(link);         link.click();         // window.URL.revokeObjectURL(link.href);         link.remove();         // }     };     const editClose = async () =》 {         await onEditSave()         onClose()     }     const baseUrl = getUrl(’contract/api/xft-contract-procode/object/v1/attachments’)     return (         《》             《Upload                 {...rest}                 maxCount={1}                 data={handleUpload}                 accept=’application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/msword’                 action={baseUrl}                 showUploadList={{                     showDownloadIcon,                     showRemoveIcon,                 }}                 onDownload={downloadd}                 itemRender={(originNode, file) =》 {                     if (originNode.type !== ’div’ || !showPreviewIcon) return originNode;                     return mapDOMTree(originNode, (children) =》 {                         if (children.key === ’download-delete’) {                             return cloneElement(                                 children,                                 children.props,                                 《》                                     《Button                                         type="text"                                         size="small"                                         onClick={() =》 onPreviewFile(file)}                                         className="ant-upload-list-item-card-actions-btn"                                         icon={《EyeOutlined /》}                                         title="Preview File"                                     /》                                     {showEditButton && 《Button                                         type="text"                                         size="small"                                         onClick={() =》 onEditFile(file)}                                         className="ant-upload-list-item-card-actions-btn"                                         icon={《EditOutlined /》}                                         title="Edit File"                                     /》}                                     {children.props.children}                                 《/》,                             );                         }                         return false;                     });                 }}             》{children}《/Upload》             {visible && 《Previewer url={url} onClose={onClose} isEditing={editing} onEditSave={editClose} /》}         《/》     ); }; export default function UploadButton(props) {     const { setValue, id, mingzi, formItemValue, setPrinstineValue, isEdit } = props;     const );     const editingRef = useRef(false);     console.log(’props--’, props)     useEffect(() =》 {         if (formItemValue?.fileId) {             setList()         }     }, )     const onChange = (info) =》 {         console.log(’info---’, info);         if (info.file.status === ’done’) {             setValue({ .name });         }         if (info.file.status === ’removed’) {             setPrinstineValue(undefined);             setValue(undefined)         }         setList(info.fileList)     }     const onPreview = (e) =》 {         editingRef.current = false         return Http.get(’/contract/api/xft-contract-procode/common/v1/preview?attachId=’ + e.fileId).then(res =》 res.data.data.data).catch((error) =》 {             Modal.showServeError(error);         })     }     const onEdit = (e) =》 {         editingRef.current = true         return Http.get(`/contract/api/xft-contract-procode/contract/v1/institution/file/onlineEdit?attachId=${props.formItemValue?.fileId}&id=${props.data.__super.id}`).then(             res =》 res.data.data.data).catch((error) =》 {                 Modal.showServeError(error);             })     }     const onEditSave = () =》 {         if (editingRef.current) {             editingRef.current = false             return Http.get(`/contract/api/xft-contract-procode/common/v1/complete/fileEdit/${props.formItemValue?.fileId}`)         }     }     const uploadButton = 《Button》上传《/Button》     return (         《CUpload             onPreview={onPreview}             onEdit={onEdit}             onEditSave={onEditSave}             onChange={onChange}             fileList={list}             showRemoveIcon={isEdit}             showEditButton={isEdit}         》             {list.length 》= 1 ? null : uploadButton}         《/CUpload》     ) }

git的工作原理

        git的工作总共分四层，其中三层是在自己本地也就是说git仓库，包括了工作目录、暂存区和本地仓库。工作目录就是我们执行命令git init时所在的地方，也就是我们执行一切文件操作的地方；暂存区和本地仓库都是在.git目录下，因为它们只是用来存数据的。远程仓库在中心服务器，也就是我们做好工作之后推送到远程仓库，或者从远程仓库更新下来最新代码到本地。Git所存储的都是一系列的文件快照，然后git 来跟踪这些文件快照，发现哪个文件快照有变化他就会提示你需要添加到暂存区或是提交到本地仓库来保证你的工作目录是干净的。         这个要怎么理解呢？git中的文件有两种状态，一种是被跟踪的，也就是提交到本地仓库的文件，因为本地仓库要保管它们当然要跟踪他们，对他们负责，还有一种就是未被跟踪的。那么当我们添加新的文件时，他不是被跟踪的，因为本地仓库里面没有这个文件，他是外来的，本地仓库目前还不需要对他们负责。但是如果是对仓库已经存在的文件进行修改，那么这些文件就是被跟踪的文件，就可以通过git status查看他们的状态来进行相应的操作。当然我们也可以生成一个.gitignore文件，里面指定要忽略的文件类型，然后这些文件就不会被跟踪，不管怎么改变他们，git status都不会提示你需要做什么操作。        所以当我们在工作目录中进行文件操作后，要先添加到暂存区，然后再将暂存区中刚添加的文件快照提交到本地仓库，然后再将本地仓库的最新状态文件快照推送到远程仓库。这个文件快照其实就是各个文件在被添加到暂存区时的状态，就和照相的一样，留下每个不同时刻的快照，方便以后查询，而git存储的就是这些一系列的快照。说到这个快照就要说说git的对象了。Git对象     在.git-》Objects文件夹是一个个的git对象，是38位的哈希值，这样就意味着没有两个相同的对象名。         从根本上讲，git是一套内容寻址的文件系统，它存储的也是key-value键值对，然后根据key值来查找value的，说到寻址就会想到指针吧，不错，git也是根据指针来寻址的，这些指针就存储在git的对象中。Git一共有四种对象，commit对象，tree对象和blob对象和tag对象，这里可以理解tag是commit的别名，下面便是这三个对象：       每个目录都创建了“tree”对象, 每个文件都创建了一个对应的“blob”对象。最后有一个“commit”对象来指向根“tree”对象，这样我们就可以追踪项目每一项提交内容。           这个blob对象对应的就是文件快照中那些发生变化的文件内容，而      tree对象则记录了文件快照中各个目录和文件的结构关系，它指向了被跟踪的快照，      commit对象则记录了每次提交到本地仓库的文件快照，      从在开发过程中，我们会提交很多次文件快照，那么第一次提交的内容会用一个commit来记录，这个commit 没有指针指向上一个commit对象，因为没有上一个commit,他是第一个，当第二次提交时，又会有另外一个commit对象来记录，那么这次commit对象中就会有一个指针指向上一次提交后的commit对象，经过很多次提交后就会有很多的commit对象，它们组成了一个链表，当我们要恢复哪个版本的时候，只要找到这个commit对象就能恢复那个版本的文件。而我们所谓的HEAD对象其实就是指向最近一个提交的commit对象，也就是最后一个commit对象。