感悟心得

README.md

@@ -73,24 +73,25 @@
 
 
 #### C4: 添加库存记录
-
-选择菜单命令 `5`，提示输入学生学号，若该学生不存在，则继续输入学号、姓名，成绩，添加学号，并提示完成；若学号已存在，则提示学号已存在，并结束。
+选择菜单命令 `5`，提示输入零件编号，若该零件不存在，则继续输入零件名称、库存数量，添加零件，并提示完成；若零件编号已存在，则提示零件已存在，并结束。
 
 ```
 请选择：5
-输入学生学号：101
-输入姓名：小刘
-输入成绩：90
+输入零件编号：101
+输入零件名：电脑
+输入库存数：20
 零件 101 已添加
 
 1 读取 | 2 保存 | 3 打印 | 4 查询 | 5 添加
 6 修改 | 7 删除 | 8 排序 | 9 图表 | 0 退出
 
 请选择：5
-输入学生学号：101
-学号已存在.
+输入零件编号：101
+零件已存在.
 ```
 
+
+
 #### C5: 查询库存记录
 
 选择菜单命令 `4`，提示输入学生学号，若该学生存在，则输出学号，姓名，成绩；否则提示学生不存在并结束。
@@ -119,77 +120,152 @@
 ```
 请选择：3
 -------------------------------------------------------
-| NUMBER | NAME                             | ON HAND |
+| NUMBER | NAME                             | ON HAND |
 -------------------------------------------------------
-|    101 | 小刘                          |      90 |
+|    101 | 电脑                             |      20 |
 -------------------------------------------------------
 
 ```
 
+
+
+
 #### C7: 修改库存记录
 
+选择菜单命令 `6`，根据提示输入零件编号，若零件存在，则继续输入新的零件名和库存数量，并修改库存记录；否则，提示零件不存在并结束。
+
+```
 请选择：6
-输入学生学号：101
-输入姓名：小翟
-输入成绩：95
-学生 101 已更新
+输入零件编号：101
+输入零件名：笔记本电脑
+输入库存数：12
+零件 101 已更新
+
 1 读取 | 2 保存 | 3 打印 | 4 查询 | 5 添加
 6 修改 | 7 删除 | 8 排序 | 9 图表 | 0 退出
+
 请选择：3
 -------------------------------------------------------
 | NUMBER | NAME                             | ON HAND |
 -------------------------------------------------------
-|    101 | 小翟                  |      95|
+|    101 | 笔记本电脑                       |      12 |
 -------------------------------------------------------
+
 1 读取 | 2 保存 | 3 打印 | 4 查询 | 5 添加
 6 修改 | 7 删除 | 8 排序 | 9 图表 | 0 退出
+
 请选择：6
-输入学生学号：100
-学生不存在.
+输入零件编号：100
+零件不存在.
+
+```
+
 
 
 #### C8: 删除库存记录
-选择菜单命令 `7`，根据提示输入学生学号，若学号存在，则删除之；否则，提示学生不存在并结束。
+选择菜单命令 `7`，根据提示输入零件编号，若零件存在，则删除之；否则提示零件不存在并结束。
 
 ```
 请选择：7
-输入学生学号：100
+输入零件编号：100
 零件不存在.
 
 1 读取 | 2 保存 | 3 打印 | 4 查询 | 5 添加
 6 修改 | 7 删除 | 8 排序 | 9 图表 | 0 退出
 
 请选择：7
-输入学生学号：101
-学生 101 已删除
+输入零件编号：101
+零件 101 已删除
 
 1 读取 | 2 保存 | 3 打印 | 4 查询 | 5 添加
 6 修改 | 7 删除 | 8 排序 | 9 图表 | 0 退出
 
 请选择：3
 -------------------------------------------------------
-| NUMBER | NAME                             | ON HAND |
+| NUMBER | NAME                             | ON HAND |
 -------------------------------------------------------
 -------------------------------------------------------
 
 ```
 
 
+
+
 #### C9: 库存记录排序
+选择菜单命令 `8`，对库存记录按学生学号从小到大排序。
+
+```
+请选择：3
+-------------------------------------------------------
+| NUMBER | NAME                             | ON HAND |
+-------------------------------------------------------
+|    101 | 小连                            |      100 |
+|    100 | 小刘                            |      90 |
+-------------------------------------------------------
+
+1 读取 | 2 保存 | 3 打印 | 4 查询 | 5 添加
+6 修改 | 7 删除 | 8 排序 | 9 图表 | 0 退出
+
+请选择：8
+排序
+排序已完成
 
+1 读取 | 2 保存 | 3 打印 | 4 查询 | 5 添加
+6 修改 | 7 删除 | 8 排序 | 9 图表 | 0 退出
 
+请选择：3
+-------------------------------------------------------
+| NUMBER | NAME                             | ON HAND |
+-------------------------------------------------------
+|    100 | 小刘                           |      90 |
+|    101 | 小连                             |      100 |
+-------------------------------------------------------
 
+```
+
+
+选择菜单命令 `8`，对库存记录按学生学号从小到大排序。
+
+```
+请选择：3
+-------------------------------------------------------
+| NUMBER | NAME                             | ON HAND |
+-------------------------------------------------------
+|    101 | 小连                            |      100 |
+|    100 | 小刘                            |      90 |
+-------------------------------------------------------
+
+1 读取 | 2 保存 | 3 打印 | 4 查询 | 5 添加
+6 修改 | 7 删除 | 8 排序 | 9 图表 | 0 退出
+
+请选择：8
+排序
+排序已完成
+
+1 读取 | 2 保存 | 3 打印 | 4 查询 | 5 添加
+6 修改 | 7 删除 | 8 排序 | 9 图表 | 0 退出
+
+请选择：3
+-------------------------------------------------------
+| NUMBER | NAME                             | ON HAND |
+-------------------------------------------------------
+|    100 | 小刘                           |      90 |
+|    101 | 小连                             |      100 |
+-------------------------------------------------------
+
+```
 
 #### C10: 从文件中读取库存记录
+
 选择菜单命令 `1`，提示输入文件名，若文件存在，则打开文件读取 CSV 格式保存的所有库存记录；否则，若文件不存在，则给出错误信息并结束。
 
 假设文件 `a.csv` 中，以 CSV （Comma-Separated Values）格式保存了如下记录：
 
 ```
-103,小赵,90
-104,小翟,95
-101,小刘,90
-102,小连,100
+103,显示器,8
+104,手机,12
+101,电脑,20
+102,打印机,10
 ```
 
 则读取记录的过程如下：
@@ -205,12 +281,12 @@
 
 请选择：3
 -------------------------------------------------------
-| NUMBER | NAME                             | ON HAND |
+| NUMBER | NAME                             | ON HAND |
 -------------------------------------------------------
-|    103 | 小赵                           |       90 |
-|    104 | 小翟                             |      95 |
-|    101 | 小刘                             |      90 |
-|    102 | 小连                           |      100|
+|    103 | 显示器                           |       8 |
+|    104 | 手机                             |      12 |
+|    101 | 电脑                             |      20 |
+|    102 | 打印机                           |      10 |
 -------------------------------------------------------
 
 1 读取 | 2 保存 | 3 打印 | 4 查询 | 5 添加
@@ -225,28 +301,41 @@ a: No such file or directory
 
 
 
-
 #### C11: 将库存保存保存到文件
 
+选择菜单命令 `2`，提示输入文件名，将所有库存记录以 CSV 格式保存到指定的文件中。
+
+```
 请选择：2
 保存数据
 请输入文件名：b.csv
 保存 4 记录
 
+```
+
 
-#### C12: 以图表方式显示库存记录
 
+#### C12: 以图表方式显示库存记录
 
+选择菜单命令 `9`，以图表方式显示库存记录。
 
+```
 请选择：9
 图表
-    103 : 小赵       | ******** (90)
-    104 : 小翟         | ************ (95)
-    101 : 小刘        | ******************** (90)
-    102 : 小连      | ********** (100)
+    103 : 显示器       | ******** (8)
+    104 : 手机         | ************ (12)
+    101 : 电脑         | ******************** (20)
+    102 : 打印机       | ********** (10)
+
 1 读取 | 2 保存 | 3 打印 | 4 查询 | 5 添加
 6 修改 | 7 删除 | 8 排序 | 9 图表 | 0 退出
 
+```
+
+
+
+
+
 ## 概要设计
 
 系统主要分为用户界面和数据处理两大模块。
@@ -256,7 +345,8 @@ a: No such file or directory
 上述各模块通过主程序（main）进行调用，系统模块图如下。
 
 
-![系统模块图](images/module.drawio.svg)
+![系统模块图](img/module.drawio.svg)
+
 
 各模块的主要功能如下：
 
@@ -295,7 +385,7 @@ Step 2.11: if c == CMD_MAKE then 显示图表
 Step 2.12: if c == CMD_QUIT then 退出
 
 
-![主程序流程图](images/main.drawio.svg)
+![主程序流程图](img/main.drawio.svg)
 
 
 #### save_data
@@ -307,17 +397,71 @@ Step 4: 将所有库存记录写入文件
 Step 5: 关闭文件
 
 
-![保存数据流程图](images/save_data.drawio.svg)
+![保存数据流程图](img/save_data.drawio.svg)
 
 #### add_data
 
 Step 1: if 数据库满 then 提示数据库满并结束
-Step 2: 输入零件编号
-Step 3: if 零件已存在 then 提示零件已存在并结束
-Step 4: 输入零件名和库存数量
-Step 5: 添加新零件到数据
+Step 2: 输入学生学号
+Step 3: if 该学生学号存在 then 提示该学生学号已存在并结束
+Step 4: 输入学生名和学生数量
+Step 5: 添加新学生到数据
 Step 6: 提示添加成功
 
-![添加库存记录流程图](images/add_data.drawio.svg)
+![添加库存记录流程图](img/add_data.drawio.svg)
+
+
+#### print_data
+
+Step 1:确定输出内容
+Step 2:输出学生成绩
+
+![打印数据流程图](img/print.drawio.svg)
+
+#### read_data
+
+Step 1:输入文件名
+Step 2:打开文件
+Step 3:if 打开文件失败 then 提示打开文件失败并结束
+Step 4:读取文件内容
+Step 5:关闭文件
+Step 6:写入文件内容
+![读取数据流程图](img/read.drawio.svg)
+
+#### query_data
+
+Step 1:获取数据
+Step 2:数据存储
+Step 3:数据查询
+Step 4:数据分析
+Step 5:数据输出
+![查询数据流程图](img/query.drawio.svg)
+
+#### update_data
+
+Step 1:打开原有的输入文件
+Step 2:打开一个不同名的临时输入文件
+Step 3:把输入文件复制到临时文件，执行希望的更新操作
+Step 4:关闭两个文件
+Step 5:删除原始文件
+Step 6:用原始文件的名称重命名临时文件
+![更新数据流程图](img/update.drawio.svg)
+
+#### delete_data
+
+Step 1: if 数据库空 then 提示数据库空并结束
+Step 2: 查找学生学号
+Step 3: 删除学生学号
+Step 4: 提示删除成功
+![删除数据流程图](img/delete.drawio.svg)
+
+#### sort_data
+
+Step 1: 比较相邻元素，如果前一个比后一个大，就互换位置
+Step 2: 重复以上步骤，除了最后一个
+Step 3: 持续对越来越少的元素重复以上步骤，直到最后没有可比较的
+![数据排序流程图](img/sort.drawio.svg)
 
 
+####感悟心得
+通过此次的团队合作，我们的小组收获了很多，学会了很多有关程序设计的内容，虽然刚开始没有头绪，甚至都不知道从何做起，但在老师的带领下，我们最终还是完美的完成了这个项目，同时也总结了一些心得，比如在初期，最关键的还是团队里每个成员的想法是否一致，我们最后需要做到的就是把大家的希望，目标，情感融合在一起，从而使这个项目可以顺利的进行，虽然在这个过程中我们遇到了很多困难，但是正所谓众人拾柴火焰高，通过我们每个成员的努力，我们最终还是克服了这些困难，同时，大家在为团队努力的同时也在为自己实现目标，从而提升了自己，使我们在以后的生活中能够更好的前进。

file

@@ -0,0 +1,373 @@
+学生成绩管理系统代码
+
+#include  <stdio.h>
+#include  <stdlib.h>
+#include  <string.h>
+#define   MAX_LEN  10                    	// 字符串最大长度 
+#define   STU_NUM 30                       // 最多的学生人数 
+#define   COURSE_NUM 6                     // 最多的考试科目数 
+typedef struct student
+{
+		long num;						// 每个学生的学号 
+		char name[MAX_LEN];            	// 每个学生的姓名 
+		float score[COURSE_NUM];		// 每个学生COURSE_NUM门功课的成绩 
+		float sum;                   	     // 每个学生的总成绩 
+		float aver;               	     // 每个学生的平均成绩 
+}STU;
+int   Menu(void);
+void  ReadScore(STU stu[], int n, int m);
+void  AverSumofEveryStudent(STU stu[], int n, int m);
+void  AverSumofEveryCourse(STU stu[], int n, int m);
+void  SortbyScore(STU stu[],int n,int m,int (*compare)(float a,float b));
+int   Ascending(float a, float b);
+int   Descending(float a, float b);
+void  SwapFloat(float *x, float *y);
+void  SwapLong(long *x, long *y);
+void  SwapChar(char x[], char y[]);
+void  AsSortbyNum(STU stu[], int n, int m);
+void  SortbyName(STU stu[], int n, int m);
+void  SearchbyNum(STU stu[], int n, int m);
+void  SearchbyName(STU stu[], int n, int m);
+void  StatisticAnalysis(STU stu[], int n, int m);
+void  PrintScore(STU stu[], int n, int m);
+void  WritetoFile(STU record[], int n, int m);
+void  ReadfromFile(STU record[], int *n, int *m);
+int main(void)
+{
+	char  ch;
+	int   n = 0, m = 0;
+	STU   stu[STU_NUM];	
+printf("Input student number(n<%d):", STU_NUM);
+	scanf("%d", &n);
+printf("Input course number(m<=%d):",COURSE_NUM);
+	scanf("%d", &m);
+	while (1)
+	{
+		ch = Menu();					    // 显示菜单，并读取用户输入 		
+		switch (ch)
+		{
+			case 1:ReadScore(stu, n, m);
+					break;
+			case 2: AverSumofEveryCourse(stu, n, m);                        
+					break;
+            case 3: AverSumofEveryStudent(stu, n, m);                    
+					break;
+			case 4: SortbyScore(stu, n, m, Descending);
+					printf("\nSort in descending order by score:\n");
+					PrintScore(stu, n, m);
+					break;
+			case 5: SortbyScore(stu, n, m, Ascending);
+					printf("\nSort in ascending order by score:\n");
+					PrintScore(stu, n, m);
+					break;
+			case 6: AsSortbyNum(stu, n, m);
+					printf("\nSort in ascending order by number:\n");
+					PrintScore(stu, n, m);
+					break;
+			case 7: SortbyName(stu, n, m);
+					printf("\nSort in dictionary order by name:\n");
+					PrintScore(stu, n, m);
+					break;
+			case 8: SearchbyNum(stu, n, m);
+					break;
+			case 9: SearchbyName(stu, n, m);
+					break;
+			case 10: StatisticAnalysis(stu, n, m);
+					break;
+			case 11:PrintScore(stu, n, m);
+					break;
+case 12:WritetoFile(stu, n, m);
+				     break;
+			case 13:ReadfromFile(stu, &n, &m);
+				     break;
+			case 0: printf("End of program!");
+			       	exit(0);
+			default:printf("Input error!");
+		}
+	}
+	return 0;}
+	//  函数功能：显示菜单并获得用户键盘输入的选项 
+int Menu(void)
+{
+		int itemSelected;
+		printf("Management for Students' scores\n");
+		printf("1.Input record\n");
+		printf("2.Calculate total and average score of every course\n");
+		printf("3.Calculate total and average score of every student\n");
+		printf("4.Sort in descending order by score\n");
+		printf("5.Sort in ascending order by score\n");
+		printf("6.Sort in ascending order by number\n");
+		printf("7.Sort in dictionary order by name\n");
+		printf("8.Search by number\n");
+		printf("9.Search by name\n");
+		printf("10.Statistic analysis\n");
+		printf("11.List record\n");
+		printf("12.Write to a file\n");
+		printf("13.Read from a file\n");
+		printf("0.Exit\n");
+		printf("Please Input your choice:");
+		scanf("%d", &itemSelected); 	// 读入用户输入 
+		return itemSelected;
+}
+// 函数功能：输入n个学生的m门课成绩 
+void ReadScore(STU stu[], int n, int m)
+{
+	int i, j;
+	printf("Input student's ID, name and score:\n");
+    /* ---------- begain ---------- */
+    for(i=0;i<n;i++)
+    {scanf("%ld%s",&stu[i].num,stu[i].name);
+     for (j=0; j<m; j++)
+     scanf("%f",&stu[i].score[j]);
+    }
+
+    /* ----------- end ----------- */
+}
+// 函数功能：计算每个学生各门课程的总分和平均分 
+void AverSumofEveryStudent(STU stu[], int n, int m)
+{
+	int i, j;
+	for (i=0; i<n; i++)
+	{
+	    stu[i].sum = 0;
+	    for (j=0; j<m; j++)
+	    {
+            stu[i].sum = stu[i].sum + stu[i].score[j];
+	    }
+	    stu[i].aver = m>0 ? stu[i].sum / m : -1;
+	    printf("student %d: sum = %.0f, aver = %.0f\n", 
+i+1, stu[i].sum, stu[i].aver);
+	}	
+}
+// 函数功能：计算每门课程的总分和平均分 
+void  AverSumofEveryCourse(STU stu[], int n, int m)
+{
+	int i, j;
+    float sum[COURSE_NUM], aver[COURSE_NUM];
+    /* ---------- begain ---------- */
+	for (j=0; j<m; j++)
+	{
+	    sum[j] = 0;
+	    for (i=0; i<n; i++)
+	    {
+            sum[j] +=  stu[i].score[j];
+	    }
+        aver[j]=sum[j]/i;
+        printf("student %d: sum = %.0f, aver = %.0f\n", 
+j+1, sum[j], aver[j]); 
+    }
+    /* ----------- end ----------- */
+}
+// 函数功能：按选择法将数组sum的元素值排序 
+void SortbyScore(STU stu[],int n,int m,int (*compare)(float a,float b))
+{
+	int  i, j, k, t;
+	for (i=0; i<n-1; i++)
+	{
+		k = i;
+		for (j=i+1; j<n; j++)
+		{
+			if ((*compare)(stu[j].sum, stu[k].sum)) k = j;
+		}
+		if (k != i)
+		{		   
+		   for (t=0; t<m; t++)             // 交换m门课程的成绩 
+            {
+                SwapFloat(&stu[k].score[t], &stu[i].score[t]);
+            }
+SwapFloat(&stu[k].sum, &stu[i].sum);    // 交换总分 
+SwapFloat(&stu[k].aver, &stu[i].aver); // 交换平均分   
+SwapLong(&stu[k].num, &stu[i].num);     // 交换学号 
+SwapChar(stu[k].name, stu[i].name);     // 交换姓名 
+		}
+	}
+}
+// 使数据按升序排序 
+int Ascending(float a, float b)
+{
+	return a < b;     // 这样比较决定了按升序排序，如果a<b，则交换 
+}
+// 使数据按降序排序 
+int Descending(float a, float b)
+{
+	return a > b;    // 这样比较决定了按降序排序，如果a>b，则交换 
+}
+// 交换两个单精度浮点型数据 
+void  SwapFloat(float *x, float *y)
+{
+float  temp;
+temp = *x; 
+*x = *y;  
+*y = temp;
+}
+// 交换两个长整型数据 
+void  SwapLong(long *x, long *y)
+{
+	long   temp;
+temp = *x; 
+*x = *y;  
+*y = temp;
+}
+// 交换两个字符串 
+void  SwapChar(char x[], char y[])
+{
+char temp[MAX_LEN];
+strcpy(temp, x);
+strcpy(x, y);
+strcpy(y, temp);
+}
+// 函数功能：按选择法将数组num的元素值按从低到高排序 
+void AsSortbyNum(STU stu[], int n, int m)
+{
+	int  i, j, k, t;
+	for (i=0; i<n-1; i++)
+	{
+        /* ---------- begain ---------- */
+		
+        /* ----------- end ----------- */
+	}
+}
+// 函数功能：交换法实现字符串按字典顺序排序 
+void SortbyName(STU stu[], int n, int m)
+{
+	int  i, j, t;
+	for (i=0; i<n-1; i++)
+	{
+		  for (j = i+1; j<n; j++)
+		  {
+			  if (strcmp(stu[j].name, stu[i].name) < 0)
+			  {				  
+				  for (t=0; t<m; t++)// 交换m门课程的成绩 
+                     {
+				      SwapFloat(&stu[i].score[t], &stu[j].score[t]);
+			       } 
+SwapFloat(&stu[i].sum, &stu[j].sum);    // 交换总分 
+SwapFloat(&stu[i].aver, &stu[j].aver); // 交换平均分   
+SwapLong(&stu[i].num, &stu[j].num);     // 交换学号 
+SwapChar(stu[i].name, stu[j].name);     // 交换姓名 
+			  }
+		  }
+	 }
+}
+// 函数功能：按学号查找学生成绩并显示查找结果 
+void SearchbyNum(STU stu[], int n, int m)
+{
+	long  number;
+	int   i, j;
+	printf("Input the number you want to search:");
+	scanf("%ld", &number);
+    
+    /* ---------- begain ---------- */
+	
+    /* ----------- end ----------- */
+	
+	printf("\nNot found!\n");
+}
+// 函数功能：按姓名的字典顺序排出成绩表 
+void SearchbyName(STU stu[], int n, int m)
+{
+	char x[MAX_LEN];
+	int  i, j;
+	printf("Input the name you want to search:");
+	scanf("%s", x);
+	for (i=0; i<n; i++)
+	{
+		if (strcmp(stu[i].name, x) == 0)
+		{
+			printf("%ld\t%s\t", stu[i].num, stu[i].name);
+			for (j=0; j<m; j++)
+			{
+				printf("%.0f\t", stu[i].score[j]);
+			}
+			printf("%.0f\t%.0f\n", stu[i].sum, stu[i].aver);
+			return;
+		}
+	}
+	printf("\nNot found!\n");
+}
+// 函数功能：统计各分数段的学生人数及所占的百分比 
+void StatisticAnalysis(STU stu[], int n, int m)
+{
+	int  i, j, t[6];
+	for (j=0; j<m; j++)
+	{
+		printf("For course %d:\n", j+1);
+	     memset(t, 0, sizeof(t));    // 将数组t的全部元素初始化为0 
+		for (i=0; i<n; i++)
+		{
+			if (stu[i].score[j]>=0 && stu[i].score[j]<60)t[0]++;
+			else if (stu[i].score[j]<70)				   t[1]++;
+			else if (stu[i].score[j]<80)				   t[2]++;
+			else if (stu[i].score[j]<90)				   t[3]++;
+			else if (stu[i].score[j]<100)				   t[4]++;
+			else if (stu[i].score[j] == 100)    		   t[5]++;
+		}
+		for (i=0; i<=5; i++)
+		{
+            if (i==0) printf("<60\t%d\t%.2f%%\n",t[i],(float)t[i]/n*100);
+	       else if (i==5) printf("%d\t%d\t%.2f%%\n",
+(i+5)*10,t[i],(float)t[i]/n*100);
+	       else 	printf("%d-%d\t%d\t%.2f%%\n", 
+(i+5)*10, (i+5)*10+9, t[i], (float)t[i]/n*100);	
+		}
+	}
+}
+// 函数功能： 打印学生成绩 
+void PrintScore(STU stu[], int n, int m)
+{
+	int i, j;
+	for (i=0; i<n; i++)
+	{
+		printf("%ld\t%s\t", stu[i].num, stu[i].name);
+for (j=0; j<m; j++)
+		{
+			printf("%.0f\t", stu[i].score[j]);
+		}
+		printf("%.0f\t%.0f\n", stu[i].sum, stu[i].aver);
+	}
+}
+// 输出n个学生的学号、姓名及m门课程的成绩到文件student.txt中 
+void WritetoFile(STU stu[], int n, int m)
+{
+	FILE *fp;
+	int i, j;
+     
+	if ((fp = fopen("student.txt","w")) == NULL) 
+	{ 
+		printf("Failure to open score.txt!\n");
+		exit(0);
+	}
+fprintf(fp, "%d\t%d\n", n, m);    //将学生人数和课程门数写入文件
+	for (i=0; i<n; i++)
+	{
+		fprintf(fp, "%10ld%10s", stu[i].num, stu[i].name);
+		for (j=0; j<m; j++)
+		{
+fprintf(fp, "%10.0f", stu[i].score[j]);
+		}
+		fprintf(fp, "%10.0f%10.0f\n", stu[i].sum, stu[i].aver);
+	}
+	fclose(fp);
+}//从文件中读取学生的学号、姓名及成绩等信息写入到结构体数组stu中
+void ReadfromFile(STU stu[],int *n, int *m)
+{
+	FILE *fp;
+	int i, j;
+	if ((fp = fopen("student.txt","r")) == NULL) 
+	{ 
+		printf("Failure to open score.txt!\n");
+		exit(0);
+	}
+     fscanf(fp, "%d\t%d", n, m); // 从文件中读出学生人数和课程门数       
+	for (i=0; i<*n; i++)  //学生人数保存在n指向的存储单元
+	{
+		fscanf(fp, "%10ld", &stu[i].num);
+		fscanf(fp, "%10s", stu[i].name);  
+		for (j=0; j<*m; j++)//课程门数保存在m指向的存储单元
+		{
+			fscanf(fp, "%10f", &stu[i].score[j]);          //不能用%10.0f
+		}
+		fscanf(fp, "%10f%10f", &stu[i].sum, &stu[i].aver);//不能用%10.0f
+	}
+	fclose(fp);		
+}

img/add_data.drawio.svg

@@ -0,0 +1,253 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="643px" height="762px" viewBox="-0.5 -0.5 643 762" content="&lt;mxfile&gt;&lt;diagram id=&quot;aUYoy8ZBo9Nia2qjEhF1&quot; name=&quot;Page-1&quot;&gt;7Vpbj9o6EP41fuwqd8JjgGz70FZV90hVnyovMcRqEiPHLNBff8aJQ26Gwi4LqcQLSibj28x8880kIHuabj9yvIq/sIgkyDKiLbJnyLJ8cwS/UrArBSNDCZacRqXIrAVP9A9RQkNJ1zQieUtRMJYIumoL5yzLyFy0ZJhztmmrLVjSXnWFl6QneJrjpC/9QSMRq2NZo1r+idBlXK1seuPyyTOe/15yts7UehnLSPkkxdU06ox5jCO2aYjsENlTzpgor9LtlCTSqpXFynGPB57ut8xJJk4Z4JUDXnCyVqdW+xK7ygwkAquo2+Ik9iQWaQJ3JlwuWCYecUoT6eT/aAoOs4yvZAO/31mKM1Dp70ltM2drPlerqHUF5kuitNxSJNdvDFPn+EhYSgTfgQInCRb0pe01rJy/3OvVVoALZQi9UayeUXAU/YqwwD3j5IKz3/vwsNq2AeeupF66XUqAPCwStpnHmIuHHM4pfkmdTUwFeVrhwg4bUDvNplJFIcaUq+KELkE+m4ONCZcKNEmmLGG89tpBP7wQLsj2qI2rp56KWwVps4rjTQ2QvSxugMMx3u4W5++x+kp3gMlSmmEhrfWPe8R3ruiR0Y2ShdtPFqZ9q2zh98Lyp9Ysn/Ez8GPLHr0YkX6nwECBepDSKJJzTDjJ6R/8XMxnwP2K0UwUm3YnyJ291rajA+G2J1W1ZIuddGH4wXhwRr7dCkV1d7LB1eTf5NEaM5vtWUftCdhikUMMdP213+FJLqwqjoYPvx4NbcZFzJYsw0lYS68U6eMTA732jGuNnXbaNt7mmosa3+2n9dBDYxdNDHnhz1AQohBuAzS2pWQyQYGJwkc0maLx46U4ICJzmlOW/XsMYLUZYO/dBgNYhoYBvAswgNmvlYYBnLGGIsxbUcRYE+I+moRFQLvId1HgyosAYt1D4QgBXiGyawnoQLj36bYKZzAGThKSMIjqtBPxPTisCAe7FiHZHvitfqDFQNHSkKgiLz5vRnteXhsPkPeHDBe7UzBZvqZg8t6pYKpa4r8WC1fHSwWOFmC8EwGzq6h6SLxiDZbUtbY+n9Y9v0osQ6T16pBdXvdRUGS2saEyG6Q4EErJFAX+YV7nMUuf1/mB3HSem26VezpUvc9FTap23ouqnYFEv92PfudWzFxtph+lwM5AxIEj604Vk8EZhak/RSGM9aUacD20RpNZoTOSapLQAxQYPY/cCf38+tfogErzTkoLqosQuj8QUHlXAFUxNOAc7xoK6k3Ewf7dcdrucb3OG+mOvmUd1YeLcgev5iXNK+9jiD+hKpc5AGBtadjsju+LF+zONQv2qp0dXH9rahpc62YNrvn6DhfqQEmRJXLuHe4FAOP6twTMCV9pbgKYy4NDz19eJ115XauWiFWj3tbh6lqs+3ulYaDO1fR274e641/irgcyzfeKYZShXVj6xnllaEf/zWXooc8e55Shqui8N5Xvj2ZP91n9QmiG2/oPP2Uo1f+nssP/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 121 41 L 121 84.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 121 89.88 L 117.5 82.88 L 121 84.63 L 124.5 82.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <ellipse cx="121" cy="21" rx="60" ry="20" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 21px; margin-left: 62px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                add_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="121" y="25" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    add_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 97.73 721 L 144.27 721 C 164.55 721 181 729.95 181 741 C 181 752.05 164.55 761 144.27 761 L 97.73 761 C 77.45 761 61 752.05 61 741 C 61 729.95 77.45 721 97.73 721 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 121 151 L 121 194.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 121 199.88 L 117.5 192.88 L 121 194.63 L 124.5 192.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 172px; margin-left: 112px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="112" y="175" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 221 121 L 331 121 Q 341 121 341 131 L 341 154.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 341 159.88 L 337.5 152.88 L 341 154.63 L 344.5 152.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 111px; margin-left: 259px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="259" y="114" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <path d="M 121 91 L 221 121 L 121 151 L 21 121 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 121px; margin-left: 22px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                数据库满？
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="121" y="125" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    数据库满？
+                </text>
+            </switch>
+        </g>
+        <path d="M 341 201 L 341 234.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 341 239.88 L 337.5 232.88 L 341 234.63 L 344.5 232.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 322.6 201 L 267 201 Q 261 201 265.06 196.58 L 293.74 165.42 Q 297.8 161 303.8 161 L 415 161 Q 421 161 416.94 165.42 L 388.26 196.58 Q 384.2 201 378.2 201 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 181px; margin-left: 262px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                输入学生学号
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="341" y="185" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    输入学生学号
+                </text>
+            </switch>
+        </g>
+        <path d="M 341 301 L 341 354.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 341 359.88 L 337.5 352.88 L 341 354.63 L 344.5 352.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 331px; margin-left: 331px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="331" y="334" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 461 271 L 551 271 Q 561 271 561 281 L 561 354.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 561 359.88 L 557.5 352.88 L 561 354.63 L 564.5 352.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 261px; margin-left: 491px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="491" y="264" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <path d="M 341 241 L 461 271 L 341 301 L 221 271 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 271px; margin-left: 222px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                是否存在？
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="341" y="275" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    是否存在？
+                </text>
+            </switch>
+        </g>
+        <path d="M 121 241 L 121 714.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 121 719.88 L 117.5 712.88 L 121 714.63 L 124.5 712.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 93.4 241 L 7 241 Q 1 241 5.86 237.48 L 51.34 204.52 Q 56.2 201 62.2 201 L 235 201 Q 241 201 236.14 204.52 L 190.66 237.48 Q 185.8 241 179.8 241 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 221px; margin-left: 2px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                显示：数据库满，不能添加
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="121" y="225" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    显示：数据库满，不能添加
+                </text>
+            </switch>
+        </g>
+        <path d="M 341 401 L 341 431 Q 341 441 331 441 L 131 441 Q 121 441 121 451 L 121 714.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 121 719.88 L 117.5 712.88 L 121 714.63 L 124.5 712.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 322.6 401 L 267 401 Q 261 401 265.06 396.58 L 293.74 365.42 Q 297.8 361 303.8 361 L 415 361 Q 421 361 416.94 365.42 L 388.26 396.58 Q 384.2 401 378.2 401 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 381px; margin-left: 262px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                显示：学生学号已存在
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="341" y="385" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    显示：学生学号已存在
+                </text>
+            </switch>
+        </g>
+        <path d="M 561 401 L 561 434.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 561 439.88 L 557.5 432.88 L 561 434.63 L 564.5 432.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 542.6 401 L 487 401 Q 481 401 485.06 396.58 L 513.74 365.42 Q 517.8 361 523.8 361 L 635 361 Q 641 361 636.94 365.42 L 608.26 396.58 Q 604.2 401 598.2 401 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 381px; margin-left: 482px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                输入学生名字
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="561" y="385" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    输入学生名字
+                </text>
+            </switch>
+        </g>
+        <path d="M 561 481 L 561 514.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 561 519.88 L 557.5 512.88 L 561 514.63 L 564.5 512.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 542.6 481 L 487 481 Q 481 481 485.06 476.58 L 513.74 445.42 Q 517.8 441 523.8 441 L 635 441 Q 641 441 636.94 445.42 L 608.26 476.58 Q 604.2 481 598.2 481 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 461px; margin-left: 482px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                输入学生学号
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="561" y="465" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    输入学生学号
+                </text>
+            </switch>
+        </g>
+        <path d="M 561 561 L 561 671 Q 561 681 551 681 L 131 681 Q 121 681 121 691 L 121 714.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 121 719.88 L 117.5 712.88 L 121 714.63 L 124.5 712.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 542.6 561 L 487 561 Q 481 561 485.06 556.58 L 513.74 525.42 Q 517.8 521 523.8 521 L 635 521 Q 641 521 636.94 525.42 L 608.26 556.58 Q 604.2 561 598.2 561 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 541px; margin-left: 482px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                显示：学生已添加
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="561" y="545" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    显示：学生已添加
+                </text>
+            </switch>
+        </g>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Text is not SVG - cannot display
+            </text>
+        </a>
+    </switch>
+</svg>

img/delete.drawio.svg

@@ -0,0 +1,165 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="331px" height="471px" viewBox="-0.5 -0.5 331 471" content="&lt;mxfile&gt;&lt;diagram id=&quot;X5zSIBRo9dF8aLTKMHcw&quot; name=&quot;第 1 页&quot;&gt;5VjLjpswFP0abyueAZaQkHbTqtIsqi7d4AFUwJFxJsl8fa+xecWeKtPJkFbdJPbl2nCOj881IHddnz4yvC8+04xUyLGyE3I3yHG8yIJfETirgOPJQM7KTIbsMfBQPhMVVOPyQ5mRdpbIKa14uZ8Hd7RpyI7PYpgxepynPdJqftc9zokWeNjhSo9+KzNeyGjoBGP8Eynzor+zvYrklRr3yQpJW+CMHichN0XumlHKZas+rUkluOt5keO2L1wdHoyRhl8zYCUHPOHqoLCp5+LnHizJALvqNrSBv6TgdQU9G5oyXeS8+AQq1NID26ksdReOWU5Ulj+gB9UQWhPOzpDCSIV5+TSfHav1y4e8ESI0FEozYkdDDOIknAg5Yo51+FUFshKoj0XJycMedyCOIGwTE0+EcXL6PRc6SjXAV6pQ28JV3eOoMbtPKSb6Cq230xLeRwi+LoRgISH0ZvIXQI4WguzriNMVinyUWKIRblCcohS6MYpclAYojkQ73aJkjaKtRg8raP3j0C6yN7z53rA9w+YI3mlz2N59pBLoUrHdhbQSmLWyRbHfaQWU0WklBtGshFYiT1wdIz4KQTeBRtT7S+XSRwfTnGrFMWhldQut3KmkRgatLFVTI7NWwk4i4CLexEXiV1hOuEYpjA1FWgq/Lko2nbBCFMPwCEWRmHx5ha38mcCcRQVma2x/1ygAaHyOGldl3kB7BxAJg4AgoIQzbawu1GWWieEJI235jH90U1nQ39Oy4d0D+wnyN2KuA6etPJWLqVvO6E+yphVlo6Afy6q6CN2AeNuab+3hID1h3jUQ796C+DefkVrYnTwWLyCXpLz6AG2Zabp6a6uhX8XaTpzzgl7Pv+BN2osaNVIHmPB5kqYk8+J9XNt8n3El5IzjugwYrzvk63tkEROW1Xnuwm9eqqv16RpsWDPLf6NkL+uohnOxppYlXwOdD/P64hlczvZ8nY2bHHb1av7lv6kvjjVnfmB5gfrSq+7PTYs02U2qy7vY2HWVYOj3U8jn0irOAqVrtm6vrD+GbwuGE7HJisF+E5Nv39+TXdMr9408GbrjR09J+Pjl2E1/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 85 80 L 85 103.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 108.88 L 81.5 101.88 L 85 103.63 L 88.5 101.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <ellipse cx="85" cy="40" rx="75" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 148px; height: 1px; padding-top: 40px; margin-left: 11px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                delete data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    delete data
+                </text>
+            </switch>
+        </g>
+        <path d="M 170 150 L 203.63 150" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 208.88 150 L 201.88 153.5 L 203.63 150 L 201.88 146.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 85 190 L 85 213.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 218.88 L 81.5 211.88 L 85 213.63 L 88.5 211.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 85 110 L 170 150 L 85 190 L 0 150 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 150px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                数据库空？
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="154" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    数据库空？
+                </text>
+            </switch>
+        </g>
+        <path d="M 270 180 L 270 213.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 270 218.88 L 266.5 211.88 L 270 213.63 L 273.5 211.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="210" y="120" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 150px; margin-left: 211px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                查找学生学号
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="270" y="154" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    查找学生学号
+                </text>
+            </switch>
+        </g>
+        <path d="M 85 280 L 85 383.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 388.88 L 81.5 381.88 L 85 383.63 L 88.5 381.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="25" y="220" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 250px; margin-left: 26px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                显示：数据库空，不能删除
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    显示：数据库空，不能删除
+                </text>
+            </switch>
+        </g>
+        <rect x="60" y="190" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 205px; margin-left: 75px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="75" y="209" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 270 370 L 270 410 Q 270 420 260 420 L 166.37 420" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 161.12 420 L 168.12 416.5 L 166.37 420 L 168.12 423.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 270 280 L 270 303.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 270 308.88 L 266.5 301.88 L 270 303.63 L 273.5 301.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="210" y="220" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 250px; margin-left: 211px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                删除学生学号
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="270" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    删除学生学号
+                </text>
+            </switch>
+        </g>
+        <ellipse cx="85" cy="430" rx="72.5" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <rect x="165" y="115" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 130px; margin-left: 180px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="180" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <path d="M 270 280 L 270 310" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <rect x="210" y="310" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 340px; margin-left: 211px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                显示学生已删除
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="270" y="344" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    显示学生已删除
+                </text>
+            </switch>
+        </g>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Text is not SVG - cannot display
+            </text>
+        </a>
+    </switch>
+</svg>

img/main.drawio.svg

@@ -0,0 +1,891 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="430px" height="1241px" viewBox="-0.5 -0.5 430 1241" content="&lt;mxfile&gt;&lt;diagram id=&quot;QWtdPkIU1Af1HApyv57s&quot; name=&quot;Page-1&quot;&gt;7V1bc5s4FP41vGa4SAIefSHbzmzTbNJ2t08Z1cg2U7BcwLXdX7/CBhuQTGlsBMGeySQgi9v5Pp3v6OiYKMYo2PwV4uX8A3WJr+iqu1GMsaLrmqpB9idp2e5bEDL3DbPQc9NOx4Zn7xfJjkxbV55LokLHmFI/9pbFxgldLMgkLrThMKTrYrcp9YtXXeIZ4RqeJ9jnW//13Hi+b7V089j+jnizeXZlDdn7TwKcdU6fJJpjl65zTYajGKOQ0ni/FWxGxE+Ml9llf9z9iU8PNxaSRVzrgOw+4m32cMRlz5ruLuiC/RnO48BnexrbnNJFfI8Dz0+g++QFDAZdfSBr9vuJBnjBukRxSL8fDJMctL9GcuKTt5k2RXQVTtJeeoosDmck7WUfTMS4RWhA4nDLuoTEx7H3s3h2nII8O/Q72oFtpKYQmyW99E/sr9KTBthbcKbinzRnKQbtMukXbGbJKLib+nQ9meMwvovYI8UvSZ/13IvJ8xLvHnnNutWzcHp3JIzJptqivK2yA+wU+XQIgnR3neNz2jTPUTnrdo5xDc64lzJsTMLAW+CYhp2yrSbTuloN83ZmiNv8ENd0SWPc5uzkLbyYp2LKtmVIJySKThArZ75vePJ9FtLVwv24in0vse65Zj2PjWaJjSpPRk1vio3wDbFREyiOBiTRMbt4zlKuFy19vH0JyGJ1Bby0ZPLS7DANgYCGSBYNAUfDCdvdbbHw9Tt5mcypx26193wUiXZjfMxuN2f2rx1mKOIZmpu+NMxQdJKhO5KOPoxfnpzBmGfo64JKl0y8yKOLdkNKWCSnIRJxJCAnugA5zWpnScN4Tmd0gX3n2Jq3Ldl48X+57a9sW72D6d44eUQ129mmOzLnmecyNz30kXrsKgfIYMmfGLp9h1QL2RBB5mxA8Xz7oZSeogTN4Z7quRKVGx8hwe6Li2PcP69tlOZahibTaxst+uiC84V/4LcvznTmjYoYlJ3O/h4uQm4+PGlTJwtuBApwQbX5fPkcFj/14nTyefDF6bdOiiYVjekk6rdONuM9yjoJVEk6yceREf5JrkUnbZk62eZsu+CP7XpMh1J0EpRte0GdtLqrk4Kkb2aYVnSSTwRzOvn49P7hU6+FEiCZQgl7LZSGnAklsOQIpcFPKJchO+2VKCUwJSqloXEGbUcpDaOeUp67Il9PKaHemFIaemeVMsOggAtoTykNfmmZU8p/PjtPvP36pJRQtC7QmFKCfivluaur9ZQSIklKyWenfqxIuL0SpYRQplJWx5ASldI8YTeRM29cKZHanFLyCZPOKKUpwMVqUSnN3yvl+4dn56nfk0qky5TK6sWYNy+VlhSpRECSVPIJKuxeyyIlMmQKpd0RoQT17XZpUbQaE0XAJ0e6IopAhIHenihm91Mlip8fx4NP/V6SNKWW7ui9FsU9nRsXRVNS6U42OnMjZLVkkngti5KmzOId0JXiHVCveAfI0UqzueId0N3iHSAo3gEtFu+AGsU7Y+dvp+9aKbV8p3rt5c1rpZzyHUu177L13QYUks9BucQn16OQMst2QFfKdkC9sh0gp2zHaq5sB3S3bCfDII9L5q1bUcgaZTvPH3ueYLVkVu1kLzF4rT5K1DoopwLHsktmvZzQQT6vFDELX4nMWTJrbmB1jkSezMFTtR0iT9y4zNnN1dxAvpCkKzKXYVDA5dQEXYLMQX7OzMnc6N2g5zpny6y5QdZ5OtfxeSBsJkoua6ONmpwHQj4/kn45nXG4//poy6y0gdVfa5Koj6cqOkQuvHF91NTmSm1Qddlfq1/+z1DII4POLW6q/dIe9Tzf3LadZL0kAfKJBEGp7vt+Rw2aKrP+CLVZkPg7Loq+cyWLinyi5sfqKl60JfWNRoivruguH7PxVlD3C09rsy50Oo3I2YLcwitQkp1HEjIgYhIq0ucJZ2tVzTCq7HtPTBIGYYi3uW7LpEN0+jrl+YimpRe+r3sAUkuk2d/CqynEZ/QUx1QGmjJwFAcmv+2B4tgK8xrsh7VYpjIc9FuhhS8jbEqhrbeTwD47oK7JcRXWG32v4bvgRaSM1LamDMeKA5ThUBmAhO82UGxbcSxlcJ/8OPfKcKRYo7RlaO7GhKlY7Cik2EgZqtkosZMWi52HB/YQTeAQ+z7xKRsPAYNjmXOohc9ynvZ3gcfU25DsrdStZgU4NEV1xaLRdImAw+SnGA8cDOzh4qLxsO/NmEXGE/aQO2MnJvAm2B+kHwSe6+5GXkgi7xf+tjtVon2px2fnhUMFjpNzrWIaHXHYG3lE/eT9v1mAM/V8v9wkxdcZXL5AMBsRRYPlvPurwOGD7hs4OXB0tQiOIVhIbQobiw8EbthUYAMEyf/GsOFnUTdsKrCBEn2apd+w+RNskCC2bgwbPti7YVOFjSA11Bg2/BLyDZsKbEyZsQC/jnnDpgIbS2YswNca37CpwMaWGQvwX7C/YVOBzXGxWgI4Nh9E8+VdN3By4EiMBuxbFF0JjgFK4GiCLyVeCBy2e/xXb/sU6/Ef5hnO/w==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 80 40 L 80 53.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 58.88 L 76.5 51.88 L 80 53.63 L 83.5 51.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <ellipse cx="80" cy="20" rx="40" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 20px; margin-left: 41px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                main
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="24" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    main
+                </text>
+            </switch>
+        </g>
+        <path d="M 64.49 1200 L 95.51 1200 C 109.04 1200 120 1208.95 120 1220 C 120 1231.05 109.04 1240 95.51 1240 L 64.49 1240 C 50.96 1240 40 1231.05 40 1220 C 40 1208.95 50.96 1200 64.49 1200 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 100 L 80 133.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 138.88 L 76.5 131.88 L 80 133.63 L 83.5 131.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="20" y="60" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 32 60 L 32 100 M 128 60 L 128 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 80px; margin-left: 33px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                init
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="84" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    init
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 180 L 80 193.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 198.88 L 76.5 191.88 L 80 193.63 L 83.5 191.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="20" y="140" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 32 140 L 32 180 M 128 140 L 128 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 160px; margin-left: 33px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                display_menu
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="164" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    display_menu
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 240 L 80 253.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 258.88 L 76.5 251.88 L 80 253.63 L 83.5 251.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="20" y="200" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 32 200 L 32 240 M 128 200 L 128 240" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 220px; margin-left: 33px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                c = make_choice
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="224" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    c = make_choice
+                </text>
+            </switch>
+        </g>
+        <path d="M 160 290 L 233.63 290" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 238.88 290 L 231.88 293.5 L 233.63 290 L 231.88 286.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 290px; margin-left: 200px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="200" y="293" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 260 L 160 290 L 80 320 L 0 290 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 290px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                c == CMD_READ
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="294" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    c == CMD_READ
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 290 L 380.06 290.04 Q 390.06 290.06 400.06 289.91 L 413.63 289.7" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 418.88 289.63 L 411.94 293.23 L 413.63 289.7 L 411.83 286.23 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="240" y="270" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 252 270 L 252 310 M 348 270 L 348 310" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 290px; margin-left: 253px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                read_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="300" y="294" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    read_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 320 L 80 333.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 338.88 L 76.5 331.88 L 80 333.63 L 83.5 331.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 370 L 233.63 370" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 238.88 370 L 231.88 373.5 L 233.63 370 L 231.88 366.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 370px; margin-left: 200px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="200" y="373" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 340 L 160 370 L 80 400 L 0 370 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 370px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                c == CMD_SAVE
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="374" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    c == CMD_SAVE
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 370 L 380.06 370.04 Q 390.06 370.06 400.06 369.91 L 413.63 369.7" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 418.88 369.63 L 411.94 373.23 L 413.63 369.7 L 411.83 366.23 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="240" y="350" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 252 350 L 252 390 M 348 350 L 348 390" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 370px; margin-left: 253px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                save_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="300" y="374" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    save_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 400 L 80 413.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 418.88 L 76.5 411.88 L 80 413.63 L 83.5 411.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 450 L 233.63 450" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 238.88 450 L 231.88 453.5 L 233.63 450 L 231.88 446.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 450px; margin-left: 200px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="200" y="453" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 420 L 160 450 L 80 480 L 0 450 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 450px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                c == CMD_PRINT
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="454" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    c == CMD_PRINT
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 450 L 380.06 450.04 Q 390.06 450.06 400.06 449.91 L 413.63 449.7" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 418.88 449.63 L 411.94 453.23 L 413.63 449.7 L 411.83 446.23 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="240" y="430" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 252 430 L 252 470 M 348 430 L 348 470" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 450px; margin-left: 253px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                print_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="300" y="454" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    print_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 480 L 80 493.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 498.88 L 76.5 491.88 L 80 493.63 L 83.5 491.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 530 L 233.63 530" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 238.88 530 L 231.88 533.5 L 233.63 530 L 231.88 526.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 530px; margin-left: 200px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="200" y="533" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 500 L 160 530 L 80 560 L 0 530 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 530px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                c == CMD_QUERY
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="534" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    c == CMD_QUERY
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 530 L 380.06 530.04 Q 390.06 530.06 400.06 529.91 L 413.63 529.7" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 418.88 529.63 L 411.94 533.23 L 413.63 529.7 L 411.83 526.23 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="240" y="510" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 252 510 L 252 550 M 348 510 L 348 550" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 530px; margin-left: 253px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                query_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="300" y="534" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    query_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 560 L 80 573.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 578.88 L 76.5 571.88 L 80 573.63 L 83.5 571.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 610 L 233.63 610" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 238.88 610 L 231.88 613.5 L 233.63 610 L 231.88 606.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 610px; margin-left: 200px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="200" y="613" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 580 L 160 610 L 80 640 L 0 610 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 610px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                c == CMD_INSERT
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="614" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    c == CMD_INSERT
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 610 L 380.06 610.04 Q 390.06 610.06 400.06 609.91 L 413.63 609.7" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 418.88 609.63 L 411.94 613.23 L 413.63 609.7 L 411.83 606.23 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="240" y="590" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 252 590 L 252 630 M 348 590 L 348 630" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 610px; margin-left: 253px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                add_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="300" y="614" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    add_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 640 L 80 653.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 658.88 L 76.5 651.88 L 80 653.63 L 83.5 651.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 690 L 233.63 690" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 238.88 690 L 231.88 693.5 L 233.63 690 L 231.88 686.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 690px; margin-left: 200px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="200" y="693" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 660 L 160 690 L 80 720 L 0 690 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 690px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                c == CMD_UPDATE
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="694" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    c == CMD_UPDATE
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 690 L 380.06 690.04 Q 390.06 690.06 400.06 689.91 L 413.63 689.7" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 418.88 689.63 L 411.94 693.23 L 413.63 689.7 L 411.83 686.23 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="240" y="670" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 252 670 L 252 710 M 348 670 L 348 710" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 690px; margin-left: 253px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                update_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="300" y="694" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    update_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 720 L 80 733.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 738.88 L 76.5 731.88 L 80 733.63 L 83.5 731.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 770 L 233.63 770" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 238.88 770 L 231.88 773.5 L 233.63 770 L 231.88 766.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 770px; margin-left: 200px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="200" y="773" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 740 L 160 770 L 80 800 L 0 770 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 770px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                c == CMD_DELETE
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="774" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    c == CMD_DELETE
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 770 L 380.06 770.04 Q 390.06 770.06 400.06 769.96 L 413.63 769.82" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 418.88 769.76 L 411.92 773.33 L 413.63 769.82 L 411.85 766.33 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="240" y="750" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 252 750 L 252 790 M 348 750 L 348 790" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 770px; margin-left: 253px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                delete_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="300" y="774" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    delete_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 800 L 80 813.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 818.88 L 76.5 811.88 L 80 813.63 L 83.5 811.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 850 L 233.63 850" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 238.88 850 L 231.88 853.5 L 233.63 850 L 231.88 846.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 850px; margin-left: 200px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="200" y="853" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 820 L 160 850 L 80 880 L 0 850 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 850px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                c == CMD_SORT
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="854" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    c == CMD_SORT
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 850 L 413.63 850" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 418.88 850 L 411.88 853.5 L 413.63 850 L 411.88 846.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="240" y="830" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 252 830 L 252 870 M 348 830 L 348 870" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 850px; margin-left: 253px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                sort_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="300" y="854" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    sort_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 880 L 80 893.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 898.88 L 76.5 891.88 L 80 893.63 L 83.5 891.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 930 L 233.63 930" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 238.88 930 L 231.88 933.5 L 233.63 930 L 231.88 926.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 930px; margin-left: 200px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 11px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="200" y="933" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="11px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 900 L 160 930 L 80 960 L 0 930 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 930px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                c == CMD_CHART
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="934" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    c == CMD_CHART
+                </text>
+            </switch>
+        </g>
+        <path d="M 360 930 L 380.06 930.04 Q 390.06 930.06 400.06 929.96 L 413.63 929.82" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 418.88 929.76 L 411.92 933.33 L 413.63 929.82 L 411.85 926.33 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="240" y="910" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 252 910 L 252 950 M 348 910 L 348 950" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 930px; margin-left: 253px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                make_chart
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="300" y="934" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    make_chart
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 960 L 80 973.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 978.88 L 76.5 971.88 L 80 973.63 L 83.5 971.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 1010 L 223.63 1010" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 228.88 1010 L 221.88 1013.5 L 223.63 1010 L 221.88 1006.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 1040 L 80 1053.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 1058.88 L 76.5 1051.88 L 80 1053.63 L 83.5 1051.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 980 L 160 1010 L 80 1040 L 0 1010 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 1010px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                c == CMD_QUIT
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="1014" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    c == CMD_QUIT
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 1180 L 80 1193.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 1198.88 L 76.5 1191.88 L 80 1193.63 L 83.5 1191.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="20" y="1140" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 32 1140 L 32 1180 M 128 1140 L 128 1180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 1160px; margin-left: 33px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                quit
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="1164" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    quit
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 1120 L 80 1133.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 1138.88 L 76.5 1131.88 L 80 1133.63 L 83.5 1131.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 1090 L 410.06 1090.06 Q 420.06 1090.06 420.06 1080.06 L 420.06 129.94 Q 420.06 119.94 410.06 119.94 L 86.37 120" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 81.12 120 L 88.12 116.5 L 86.37 120 L 88.12 123.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 1060 L 160 1090 L 80 1120 L 0 1090 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 1090px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                确定退出
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="1094" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    确定退出
+                </text>
+            </switch>
+        </g>
+        <path d="M 370 1010 L 413.63 1010" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 418.88 1010 L 411.88 1013.5 L 413.63 1010 L 411.88 1006.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 220 1030 L 240 990 L 380 990 L 360 1030 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 1010px; margin-left: 221px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                命令错误，请重新选择
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="300" y="1014" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    命令错误，请重新选择
+                </text>
+            </switch>
+        </g>
+        <rect x="180" y="980" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 990px; margin-left: 190px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="190" y="994" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <rect x="50" y="320" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 330px; margin-left: 60px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="60" y="334" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <rect x="50" y="400" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 410px; margin-left: 60px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="60" y="414" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <rect x="50" y="480" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 490px; margin-left: 60px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="60" y="494" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <rect x="50" y="560" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 570px; margin-left: 60px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="60" y="574" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <rect x="50" y="640" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 650px; margin-left: 60px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="60" y="654" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <rect x="50" y="720" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 730px; margin-left: 60px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="60" y="734" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <rect x="50" y="800" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 810px; margin-left: 60px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="60" y="814" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <rect x="50" y="880" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 890px; margin-left: 60px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="60" y="894" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <rect x="50" y="960" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 970px; margin-left: 60px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="60" y="974" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <rect x="50" y="1040" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1050px; margin-left: 60px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="60" y="1054" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <rect x="190" y="1070" width="20" height="20" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1080px; margin-left: 200px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="200" y="1084" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Viewer does not support full SVG 1.1
+            </text>
+        </a>
+    </switch>
+</svg>

img/module.drawio.svg

@@ -0,0 +1,321 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="541px" height="441px" viewBox="-0.5 -0.5 541 441" content="&lt;mxfile&gt;&lt;diagram id=&quot;CwnetXKbmuuEZ3nG6RVM&quot; name=&quot;Page-1&quot;&gt;3Zpdk9ogFIZ/jbedBPLlbV13e9Ne1M60vdphBA1TAiniR/rri4ZoUtZ2u8aQ5MYJb04M5+FwOIITOMsOTxLl6UeBCZsADx8m8GECQBAl+vMoFKUQRnEprCXFpeRfhAX9RYzoGXVLMdk0DJUQTNG8KS4F52SpGhqSUuybZivBmm/N0ZpYwmKJmK1+pVilpZqA+KJ/IHSdVm/2o2l5J0OVsfFkkyIs9jUJzidwJoVQ5VV2mBF2ZFdxKZ97vHL33DFJuHrVA8D0QxWVcwRrX01TSJWKteCIzS/q+1RlTN/09eVKcPWIMsqOI/mFZnpUgPeJ7PXnZ5Ehrk10T2TxzdifGt91w3sXVs2HY1h451ZhWrYrxruN2Mql6azpvkJyTYwVLKWjG7XHjPtPRGREv0UbSMKQorvmkCITGeuz3QWevjD8rrCEt7F8K6hXjMFbWQbOWAajYxk6YxmOjmXkjGU0Opa+7wpm1ZubYXq9gRk7Y9nW4tMflokzlm0tPv1hOXXGsq3Fpz8sq18hDmC2tfr0CKa7jBmPD6a7lJmMD6a7nDkdHUzgLGdCb3ww3VXs5VfsENuaL80Q5RbgfUoVWeTo5MNeovy/N42uotkRqcjhr14fqpRkRt5sMsIqBve1LTsjpbXdusBrIegsTpRTdQdOK8rYTDAhtQUXnLSDzgdNdMDrDl1gocN0kzNUPGeEb4eLMOoOYfjCLP1BnpepoBrTUAl2OX8ji+DP7YDnbxB0hy620EmC8DNGCvVznTjDKf6AV4Ple3eilVi0NmhHhkQr7pDW1KKVS8rVgHCBLoMLAgtK24d7VxHVS9hqw6RxSueshq1600juRBZDiqIuJ111PlDjtRR8RWU22PUQJt2th/DGjfnWJmHcq0lolwkID6lKeKkavV8iv/FAorUYSnoVQ3bxtM11BA2pfIJdZnJ441lMa2E07VUY2VUlJowMKoyCLrMRsAuojY6dIeHqctYBu34y2zFI3mNL4Q68wk4XO5vXinLcT1Jh8u/Iaqmy1M3L/0JP92p/roXz3w==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 160 220 L 130 220 Q 120 220 120 210 L 120 110 Q 120 100 110 100 L 86.37 100" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 81.12 100 L 88.12 96.5 L 86.37 100 L 88.12 103.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 220 L 130 220 Q 120 220 120 210 L 120 170 Q 120 160 110 160 L 86.37 160" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 81.12 160 L 88.12 156.5 L 86.37 160 L 88.12 163.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 220 L 86.37 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 81.12 220 L 88.12 216.5 L 86.37 220 L 88.12 223.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 220 L 130 220 Q 120 220 120 230 L 120 330 Q 120 340 110 340 L 86.37 340" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 81.12 340 L 88.12 336.5 L 86.37 340 L 88.12 343.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 160 220 L 130 220 Q 120 220 120 230 L 120 270 Q 120 280 110 280 L 86.37 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 81.12 280 L 88.12 276.5 L 86.37 280 L 88.12 283.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 240 220 L 270 220 Q 280 220 280 210 L 280 30 Q 280 20 290 20 L 313.63 20" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 318.88 20 L 311.88 23.5 L 313.63 20 L 311.88 16.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 240 220 L 270 220 Q 280 220 280 210 L 280 80 Q 280 70 290 70 L 313.63 70" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 318.88 70 L 311.88 73.5 L 313.63 70 L 311.88 66.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 240 220 L 270 220 Q 280 220 280 210 L 280 130 Q 280 120 290 120 L 313.63 120" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 318.88 120 L 311.88 123.5 L 313.63 120 L 311.88 116.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 240 220 L 270 220 Q 280 220 280 210 L 280 180 Q 280 170 290 170 L 313.63 170" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 318.88 170 L 311.88 173.5 L 313.63 170 L 311.88 166.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 240 220 L 313.63 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 318.88 220 L 311.88 223.5 L 313.63 220 L 311.88 216.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 240 220 L 270 220 Q 280 220 280 230 L 280 260 Q 280 270 290 270 L 313.63 270" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 318.88 270 L 311.88 273.5 L 313.63 270 L 311.88 266.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 240 220 L 270 220 Q 280 220 280 230 L 280 310 Q 280 320 290 320 L 313.63 320" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 318.88 320 L 311.88 323.5 L 313.63 320 L 311.88 316.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 240 220 L 270 220 Q 280 220 280 230 L 280 360 Q 280 370 290 370 L 313.63 370" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 318.88 370 L 311.88 373.5 L 313.63 370 L 311.88 366.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 240 220 L 270 220 Q 280 220 280 230 L 280 410 Q 280 420 290 420 L 313.63 420" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 318.88 420 L 311.88 423.5 L 313.63 420 L 311.88 416.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="160" y="200" width="80" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 220px; margin-left: 161px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                main
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="200" y="224" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    main
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="80" width="80" height="40" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 100px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                init
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="40" y="104" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    init
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="140" width="80" height="40" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 160px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                display_menu
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="40" y="164" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    display_menu
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="200" width="80" height="40" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 220px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                make_choice
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="40" y="224" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    make_choice
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="320" width="80" height="40" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 340px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                quit
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="40" y="344" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    quit
+                </text>
+            </switch>
+        </g>
+        <rect x="320" y="0" width="100" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 20px; margin-left: 321px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                read_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="370" y="24" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    read_data
+                </text>
+            </switch>
+        </g>
+        <rect x="320" y="50" width="100" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 70px; margin-left: 321px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                save_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="370" y="74" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    save_data
+                </text>
+            </switch>
+        </g>
+        <rect x="320" y="100" width="100" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 120px; margin-left: 321px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                print_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="370" y="124" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    print_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 420 170 L 490 170 Q 500 170 500 180 L 500 343.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 500 348.88 L 496.5 341.88 L 500 343.63 L 503.5 341.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="320" y="150" width="100" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 170px; margin-left: 321px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                query_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="370" y="174" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    query_data
+                </text>
+            </switch>
+        </g>
+        <rect x="0" y="260" width="80" height="40" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 280px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                confirm
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="40" y="284" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    confirm
+                </text>
+            </switch>
+        </g>
+        <path d="M 420 220 L 490 220 Q 500 220 500 230 L 500 343.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 500 348.88 L 496.5 341.88 L 500 343.63 L 503.5 341.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="320" y="200" width="100" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 220px; margin-left: 321px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                add_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="370" y="224" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    add_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 420 270 L 490 270 Q 500 270 500 280 L 500 343.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 500 348.88 L 496.5 341.88 L 500 343.63 L 503.5 341.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="320" y="250" width="100" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 270px; margin-left: 321px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                update_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="370" y="274" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    update_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 420 320 L 490 320 Q 500 320 500 330 L 500 343.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 500 348.88 L 496.5 341.88 L 500 343.63 L 503.5 341.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="320" y="300" width="100" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 320px; margin-left: 321px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                delete_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="370" y="324" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    delete_data
+                </text>
+            </switch>
+        </g>
+        <rect x="320" y="350" width="100" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 370px; margin-left: 321px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                sort_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="370" y="374" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    sort_data
+                </text>
+            </switch>
+        </g>
+        <rect x="320" y="400" width="100" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 420px; margin-left: 321px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                make_chart
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="370" y="424" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    make_chart
+                </text>
+            </switch>
+        </g>
+        <rect x="460" y="350" width="80" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 370px; margin-left: 461px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                find
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="500" y="374" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    find
+                </text>
+            </switch>
+        </g>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Viewer does not support full SVG 1.1
+            </text>
+        </a>
+    </switch>
+</svg>

img/print.drawio.svg

@@ -0,0 +1,52 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="161px" height="381px" viewBox="-0.5 -0.5 161 381" content="&lt;mxfile&gt;&lt;diagram id=&quot;h7f_aHdqUBx4bIrV4GR9&quot; name=&quot;第 1 页&quot;&gt;xVU9b4MwFPw1b6wEOBAYISHt0ilDZxdcsGQwMk4g/fU1sfkSpIrUKF2Ifb4XvzvOBtCuaF8FrvJ3nhIGjpW2gPbgOJvAUs8OuGjAdgOkkUzQ1GAjcKTfxICmMDvRlNQzouScSVrNwYSXJUnkDMNC8GZO++JsvmuFM7IAjglmS/SDpjLXqO9sR/yN0Czvd7a9QK8UuCcbJXWOU95MIBQD2gnOpR4V7Y6wzrzeF113uLE6NCZIKe8p2OiCM2Yno830JS+9WJIq7WZa8lL9RLksmJrZaqjpHedmBwaq+UkkhmV2kVhkxLDQoF7FhvCCSHFRFEEYlvQ8/3ds3l828EaJamBUrit2FoorQVWrjoeLSgkqP+vqqstKscRLNxhTKetMaHIqybHCV02NCvqaMWciJGl/t2Ypui/o827OyUufmmYMne0ZLJ8Ezrf+7pP3P8lAy2S4T0oGWiqOfYhiULdT7IK/hSjsBuEeQg/iLQQbCA4Qe+D7oO40hUQRhMHCpyckBc2TYrsrSXFWkuI9ICnuHUl55qnpGzJeDKdh6gV6zKlR0/Guvq5Nvngo/gE=&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 80 80 L 80 163.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 168.88 L 76.5 161.88 L 80 163.63 L 83.5 161.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <ellipse cx="80" cy="40" rx="80" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 40px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                print  data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    print  data
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 230 L 80 293.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 298.88 L 76.5 291.88 L 80 293.63 L 83.5 291.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="20" y="170" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 200px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                输出学生成绩
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="204" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    输出学生成绩
+                </text>
+            </switch>
+        </g>
+        <ellipse cx="80" cy="340" rx="65" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Text is not SVG - cannot display
+            </text>
+        </a>
+    </switch>
+</svg>

img/query.drawio.svg

@@ -0,0 +1,128 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="171px" height="661px" viewBox="-0.5 -0.5 171 661" content="&lt;mxfile&gt;&lt;diagram id=&quot;H1v_fjlIMzVhLmyxv_BY&quot; name=&quot;第 1 页&quot;&gt;zZfBspowFIaf5iw7I0QgLEHx3k1XLrrOSArMBGJjFO3TN0AiMsHWO70T7kaTnxOT//iRnADa1Nc3QY7ld55TBv4qvwLagu+v45X67ITbIHhBjAalEFWutVHYV7+pFvXA4lzl9DQJlJwzWR2n4oE3DT3IiUaE4O007Cdn01mPpKCWsD8QZqs/qlyWg4r9aNTfaVWUZmYvjIcnNTHB2smpJDlvHySUAdoIzuXQqq8byrrkmbwM43ZPnt4XJmgjXxmwHgZcCDtrb3pd8mbM0lx5192GN+orLWXNVM9TzSG8i3m6Ai2d+FkcdJSeRRJRUB2F7u4VNpTXVIqbChGUEVldpr9O9P9X3ONGi6qhXc479i3Hv860nyonktjuGVNUdabbspJ0fyS9h1aBPZeICxWSXv+eCtukGWD41u/FN9NvR8i8SGvlA2B49f95CZchAdkkBI5IQLbjDAPOII0gCwDvIA4hCyEOIF11DbyFJLOy4oALFEy48FYzXPgzXISfwAVehovA5iJyxEUww4VFgQIk2UKMe1J8SPAX4MJ3yYXZm1yDEdlgxI7AiF4CQyk7SIJuL0lUw86KezCQUzDsE9YJGLENhvckTZ9ORvziloHV+TKcKRmYKnhZMmKXZCxUbXrmjvCIhqt600z+DzYwpAoJ1EMSQZp8ATbWTtmYqcYWrcXRtBYP57ZQNJOM4OPJUN3xxtc/e7g3o+wP&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 85 80 L 85 103.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 108.88 L 81.5 101.88 L 85 103.63 L 88.5 101.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <ellipse cx="85" cy="40" rx="85" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 40px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                query data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    query data
+                </text>
+            </switch>
+        </g>
+        <path d="M 85 170 L 85 203.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 208.88 L 81.5 201.88 L 85 203.63 L 88.5 201.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="25" y="110" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 140px; margin-left: 26px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                获取数据
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="144" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    获取数据
+                </text>
+            </switch>
+        </g>
+        <path d="M 85 270 L 85 303.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 308.88 L 81.5 301.88 L 85 303.63 L 88.5 301.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="25" y="210" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 240px; margin-left: 26px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                数据存储
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="244" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    数据存储
+                </text>
+            </switch>
+        </g>
+        <path d="M 85 370 L 85 393.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 398.88 L 81.5 391.88 L 85 393.63 L 88.5 391.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="25" y="310" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 340px; margin-left: 26px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                数据查询
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="344" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    数据查询
+                </text>
+            </switch>
+        </g>
+        <path d="M 85 460 L 85 493.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 498.88 L 81.5 491.88 L 85 493.63 L 88.5 491.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="25" y="400" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 430px; margin-left: 26px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                数据分析
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="434" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    数据分析
+                </text>
+            </switch>
+        </g>
+        <path d="M 85 560 L 85 603.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 608.88 L 81.5 601.88 L 85 603.63 L 88.5 601.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="25" y="500" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 530px; margin-left: 26px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                数据输出
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="534" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    数据输出
+                </text>
+            </switch>
+        </g>
+        <ellipse cx="85" cy="635" rx="65" ry="25" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Text is not SVG - cannot display
+            </text>
+        </a>
+    </switch>
+</svg>

img/read.drawio.svg

@@ -0,0 +1,210 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="299px" height="751px" viewBox="-0.5 -0.5 299 751" content="&lt;mxfile&gt;&lt;diagram id=&quot;q0n431c9Hq7VVGxpQBY9&quot; name=&quot;第 1 页&quot;&gt;5VlNj9owEP01PrYicT6cI4HQXlpV2kPVo0u8JGrAyJgF9td3jB0gsdlFCyRIe4Fk4o/M87znGQfh0Xz7TdBl8YPnrEL+IN8iPEa+HyQD+FWGnTZ4YYK1ZSbK3NiOhqfylRmj6ThblzlbNRpKzitZLpvGKV8s2FQ2bFQIvmk2e+ZVc9YlnTHL8DSllW39Xeay0Fbix0f7d1bOinpmL0r0kzmtGxtPVgXN+ebEhDOER4Jzqa/m2xGrFHg1Lrrf5MzTw4sJtpCXdAh0hxdarY1v5r3krnaW5eC7uV3wBfylhZxXcOfBpW6u2px9A2Na8bWYmlZmFknFjJlW+OA9hA3jcybFDpoIVlFZvjRHp2b9Zod2Rxfhwnjp9ti3PBaM5ioaqaS281UFQaV83hSlZE9LundhA3HtwuGFCcm2byNh+1h3CExQGFp8qXmyOcaYFxlbcRJfZHA9LFE/gYDtQAi7CoTw87l89Sqv4LXlUEno8fEHJSDuEQfyMEuvYejAZ2y7nBGUZgj23ixEJETDEGURSiJEYpQFKE1RGqlHIENkbOHTgR5GTT3EDjn0HXIY3UAOewqQawlguv7iJUxyABJ78dewAaW1ZeiQNP1aMB1e5CLk6hytF+ia3Eo6opZjIwEikcRQKx0hgNtBLbglil2KfkOUTFA2UY3hog2YKPj873rVTRoS+u1oCRzMw6HNvFskIl6H2/JpsHjBfbgXt7mHvRZKOopvwr2kH+4lDjhJR+RzuKyINdkTK0ZDYNvwMjqG+8beflsM1G74AFte3OGe59ml0R8LA/BNNt2mVTlbwPUUfGQCDAqBEorloXkwL/NcdU8FW5Wv9O9+qAHcL1XI7184TFE4VmOtJV/pcl9nm4L/YyNecXGM1ueyqlqmGyDvE2uPjGzssQN6fAvo7ezs56eB3iMtgaw31C6Aj/tRTC9wSGbUkWR6jlMfEL3hRCmhSkYmShudCkkiVSkoqcxQmvSgkI5cNrLD5W4aeVjLHgpm/w677KVJS3hhwQCe0t1JM6Mzb8xEGvNEzfNKuNAjfjQjcpW9nfA7shdLT90Fvx3HPLrETyEDgjwI0qKxg9+PwGZMusx4LinzezwBDl1g3OsE+PpvAWyR30Tp7kKeM/ozaCJe6897OueWTEJ8HPpJ4Hlx3Bg2aC/QmZrvvHxeURXW69iWA+B/8s7R3wNu94Hrq8jdtvurC+pbceIeR8fuSD58mzSAJ5eF7rvjHE6Rbn/m6Duy+EtK/u7juV3ge3c81Ibb44dkjerxczzO/gM=&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 80 80 L 80 113.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 118.88 L 76.5 111.88 L 80 113.63 L 83.5 111.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <ellipse cx="80" cy="40" rx="80" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 40px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                read data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    read data
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 180 L 80 323.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 328.88 L 76.5 321.88 L 80 323.63 L 83.5 321.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 180 L 80 323.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 328.88 L 76.5 321.88 L 80 323.63 L 83.5 321.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 280 L 80 323.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 328.88 L 76.5 321.88 L 80 323.63 L 83.5 321.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 180 L 80 213.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 218.88 L 76.5 211.88 L 80 213.63 L 83.5 211.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="20" y="120" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 150px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                输入文件名
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="154" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    输入文件名
+                </text>
+            </switch>
+        </g>
+        <path d="M 147.5 370 L 171.13 370" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 176.38 370 L 169.38 373.5 L 171.13 370 L 169.38 366.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 410 L 80 453.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 458.88 L 76.5 451.88 L 80 453.63 L 83.5 451.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 330 L 147.5 370 L 80 410 L 12.5 370 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 133px; height: 1px; padding-top: 370px; margin-left: 14px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                打开文件成功？
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="374" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    打开文件成功？
+                </text>
+            </switch>
+        </g>
+        <path d="M 237.5 400 L 237.5 408.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 237.5 413.88 L 234 406.88 L 237.5 408.63 L 241 406.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 520 L 80 663.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 668.88 L 76.5 661.88 L 80 663.63 L 83.5 661.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="20" y="460" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 490px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                提示打开文件失败
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="494" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    提示打开文件失败
+                </text>
+            </switch>
+        </g>
+        <rect x="147.5" y="350" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 365px; margin-left: 163px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="163" y="369" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <rect x="45" y="415" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 430px; margin-left: 60px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="60" y="434" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <path d="M 237.5 415 L 237.5 463.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 237.5 468.88 L 234 461.88 L 237.5 463.63 L 241 461.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="177.5" y="355" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 385px; margin-left: 179px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                读取文件内容
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="238" y="389" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    读取文件内容
+                </text>
+            </switch>
+        </g>
+        <path d="M 237.65 640 L 237.95 700 Q 238 710 228 710 L 166.37 710" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 161.12 710 L 168.12 706.5 L 166.37 710 L 168.12 713.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 237.5 530 L 237.5 573.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 237.5 578.88 L 234 571.88 L 237.5 573.63 L 241 571.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="177.5" y="470" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 500px; margin-left: 179px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                关闭文件
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="238" y="504" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    关闭文件
+                </text>
+            </switch>
+        </g>
+        <ellipse cx="80" cy="710" rx="80" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <path d="M 237.5 530 L 237.5 580" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <rect x="177.5" y="580" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 610px; margin-left: 179px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                写入文件内容
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="238" y="614" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    写入文件内容
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 180 L 80 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <rect x="20" y="220" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 250px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                打开文件
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="254" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    打开文件
+                </text>
+            </switch>
+        </g>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Text is not SVG - cannot display
+            </text>
+        </a>
+    </switch>
+</svg>

img/save.drawio.svg

@@ -0,0 +1,152 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="341px" height="466px" viewBox="-0.5 -0.5 341 466" content="&lt;mxfile&gt;&lt;diagram id=&quot;R_TwbHZSUeR_yKRBnNag&quot; name=&quot;Page-1&quot;&gt;5Vldb5swFP01ltaXiu/AY0hI97KpWiftcXKDA2gGR8b52q/fNTaQAGnTLkuiVaoSc31d+557rn1MkD3Jtw8cL9MvLCYUWUa8RfYUWdbIteBTGnbK4HojZUh4FiuT2Rqest9EGw1tXWUxKQ8cBWNUZMtD45wVBZmLAxvmnG0O3RaMHs66xAnpGZ7mmPatP7JYpMrqW6PW/plkSVrPbHqB6slx7awjKVMcs82eyY6QPeGMCdXKtxNCJXY1Lmrc7EhvszBOCnHKAEcNWGO60rHpdYldHSyJIXb9WLACvsJU5BSeTGguWCFmOM+oTOX3LIe0WMZXsoHPbyzHBbiUgrNfDVByUH+VeuElW/G5nlevRGCeEO1lK5Nc0d4wHdkDYTkRfAcOnFAssvVhtrBOetL4tbhAQ0MzDJPVg6nEa/IzxgL38OqHuwcX5Hsp/fJtIivjfkHZZp5iLu5LCFT8lD6bNBPkaYkrIDbgdhrMR0FdEy7I9kXA6l5P03LXed60LDdr6qZ7DHeMv8fYu10q2n0quteiot2HKfJRGKHARpGLfBeNXRR5KPCQP0KRg8IQhZ7sCgzkT/t01YwECDClhDIgZg7ALAkHCAXh3b7HtmOQqvsZybak3r7Pn6H387rZfi/Ba/92ee32eT26Fq/dAV4DhQPN63CCfGOA110oX2PkrTDQvyADzf7xdTMUHPUpaJpXO+aNtwHFuEhZwgpMo9Z6PdyCa+E2el/tSh9fHkvy3BqjYIaimXSGRhd1nrL8eVWecOTcSIHbzokF7p2jwG9YxtfVfMDUqwn5ejVdqo7ln+KspupEtiV5x5rF4ykKfKm1xhEKK86GYIFjy6MQVvjMoZXIVkVn+A/BS3rsTLeGmM1XOcBvHamMUokv4x7O15OyLF1qxWbp5wmjTMpAnjx/ArYCyEb9dQcumGYJDJ3OYR2VKlSxvDJqkVG672K5rurdb9ydqTidw+J0hvSf96+K84YvNubAzca82tXGHLrbVCUUQgXCaTKSRfjfaEDXuKQGHNDXZ9qDoOjzrMCCHbsRfthtp5tw371cwptyvznpen6dqoc+sgymbeBv5HzzlrkDq9r19KgW2THneLfntpQO5fF5HHN4ntkb19UmVq3gyGyds8y1OlEpqHtRVXxpwD1tzwiGxdKs0uywGTtSHZ2k9N3K2axeVTlSEfX2ng/wGso+RYY459kP4LH9FUHlvv0pxo7+AA==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 80 40 L 80 53.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 58.88 L 76.5 51.88 L 80 53.63 L 83.5 51.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <ellipse cx="80" cy="20" rx="60" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 20px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                save_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="24" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    save_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 100 L 80 113.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 118.88 L 76.5 111.88 L 80 113.63 L 83.5 111.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 20 100 L 40 60 L 140 60 L 120 100 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 80px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                输入文件名
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="84" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    输入文件名
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 160 L 80 173.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 178.88 L 76.5 171.88 L 80 173.63 L 83.5 171.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="20" y="120" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 140px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                打开文件
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="144" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    打开文件
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 240 L 80 253.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 258.88 L 76.5 251.88 L 80 253.63 L 83.5 251.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 140 210 L 260 210 Q 270 210 270 220 L 270 253.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 270 258.88 L 266.5 251.88 L 270 253.63 L 273.5 251.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 80 180 L 140 210 L 80 240 L 20 210 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 210px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                打开文件成功？
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="214" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    打开文件成功？
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 320 L 80 333.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 338.88 L 76.5 331.88 L 80 333.63 L 83.5 331.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 155 260 C 157.76 260 160 262.24 160 265 L 160 312.5 Q 120 299 80 312.5 Q 40 326 0 312.5 L 0 267.5 L 0 265 C 0 262.24 2.24 260 5 260 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 290px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                把所有库存记录
+                                <br/>
+                                写入文件
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="294" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    把所有库存记录
+写入文件
+                </text>
+            </switch>
+        </g>
+        <path d="M 80 380 L 80 418.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 80 423.88 L 76.5 416.88 L 80 418.63 L 83.5 416.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="20" y="340" width="120" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 360px; margin-left: 21px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                关闭文件
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="80" y="364" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    关闭文件
+                </text>
+            </switch>
+        </g>
+        <path d="M 56.73 425 L 103.27 425 C 123.55 425 140 433.95 140 445 C 140 456.05 123.55 465 103.27 465 L 56.73 465 C 36.45 465 20 456.05 20 445 C 20 433.95 36.45 425 56.73 425 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 270 300 L 270 390 Q 270 400 260 400 L 86.37 400" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 81.12 400 L 88.12 396.5 L 86.37 400 L 88.12 403.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 200 300 L 220 260 L 340 260 L 320 300 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 280px; margin-left: 201px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Times New Roman&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                提示打开文件失败
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="270" y="284" fill="rgb(0, 0, 0)" font-family="Times New Roman" font-size="12px" text-anchor="middle">
+                    提示打开文件失败
+                </text>
+            </switch>
+        </g>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Viewer does not support full SVG 1.1
+            </text>
+        </a>
+    </switch>
+</svg>

img/sort.drawio.svg

@@ -0,0 +1,347 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="491px" height="791px" viewBox="-0.5 -0.5 491 791" content="&lt;mxfile&gt;&lt;diagram id=&quot;MhpEdsNSwourAJSeEF5A&quot; name=&quot;第 1 页&quot;&gt;7VpNk5s4EP01qtocZgskPo/Gw2Qvm0rVHLZySilGsTXBlkvI43F+/UpG2IBE1jUGebYmJ6BpSfTTU3erEUDz9ctHjrerv1lBSgC94gWgewChn3ixvCjJoZYkQVILlpwWWukseKQ/iRZ6WrqjBak6ioKxUtBtV7hgmw1ZiI4Mc872XbXvrOyOusVLYggeF7g0pf/QQqy0FTA+y/8idLlqRvajtH6zxo2ytqRa4YLtWyKUAzTnjIn6bv0yJ6UCr8Glbvcw8Pb0YZxsxCUNgrrBMy532jb9XeLQGEsKabt+3LCNvGQrsS7lky9va3WlM/gFWlSxHV9oLT2KwHxJtBY6WS9pQ9iaCH6QKpyUWNDnbu9Yz9/ypHc2Ud5oK+0WQ8PiinHxtcACm6aXpaSUsni/ooI8bvHRgL1ktQ2FZ8IFefk1DqaFTYNAU2J/ZpSPtGzVYlPiXQ9CdJtpR+a0h46mHZkW5yGYPYAsBXkE0hBkHshjkGUgCTDIE5CFIMmUUpKA9P5444FsbgDlghph3eTQuEELVaCFKtEIVEluQ5VreaGbfmZUDnJCEnpdJGHaQ6impm7VA+n0GRfhFhq40SMgb4A+qUP6NCHbBX/afiV1wh8U9iCqKTwGf3wzUDlZeG6AC/3JFl5q4Pb0RhZe4NJv+85Su+nJEl+2yv67o+ncve8wpWr7Od9NoIymc3TNrul/SNT+Ao/gK4na5P5D/YzI0xvlc35o4W48xqzMOMeHlsJWoVQNT1oP6zjyepDWHb4aYDPxA3kAshmYBWqnkdyDGcR/PH04ShOQ5PIBwMz/8AYiVIwcRijoMDXsUHEU2pku0+8SK+hv1AcW8ZX8bYYZjb+mO1b505GiN2DoHeyaG9rKJFMxFDkLTb3ymKVQgqKbOEvfDv9YbLPUZSTTIrxWTCqFQlDCevdkwM5XbP1tV7kpzaGBzUubg8FUXtIM2J8MNKRtoms2LulyI+8X0kbCpUAhQBe4nOkXa1oUqnnGSUV/4m/Hrjz5rCkh+w0zEN6rvnaCVXURXnVdCc5+kDkrGT9z/jsty55oDOT9fgIfGsjbaqRoDODNjeSXdwO8sXOK3AGPzLzgmC81bmGpEB9Mmpw6Bjiwv2w7hmiq4OT/5ud5x+SQn4HlX4KLrABBMysI4JVZwcVsg4bR1BKozRTR6XoM4Z8DBf72imy4M/qKNCOGG2JEJjHQtcS4LB9EF1Yqrs07m3HGyjuRWa5Tv2fojXY5p/8It6gUB2a8fT8ZJuqHcM9hIPkdwVsrPHQIvKVG58JRB7YIHjiK4M3gncJkArIcpOh4uiEG2cw8A+PC+XWJYPF9qYUIwRhEsPwkqw+BKEwide4jfTCp4fBYUK/ah2ITnGQqcMwY+X7iQn9rB5PJ3JN8PB/4q3OZ87FJlP8L&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 225 80 L 225 93.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 225 98.88 L 221.5 91.88 L 225 93.63 L 228.5 91.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <ellipse cx="225" cy="40" rx="65" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 40px; margin-left: 161px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                sort_data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="225" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    sort_data
+                </text>
+            </switch>
+        </g>
+        <path d="M 225 160 L 225 183.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 225 188.88 L 221.5 181.88 L 225 183.63 L 228.5 181.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="165" y="100" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 130px; margin-left: 166px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                对数组a赋初值
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="225" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    对数组a赋初值
+                </text>
+            </switch>
+        </g>
+        <path d="M 225 250 L 225 283.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 225 288.88 L 221.5 281.88 L 225 283.63 L 228.5 281.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="165" y="190" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 220px; margin-left: 166px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                i=1
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="225" y="224" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    i=1
+                </text>
+            </switch>
+        </g>
+        <path d="M 225 350 L 225 393.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 225 398.88 L 221.5 391.88 L 225 393.63 L 228.5 391.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 225 460 L 225 503.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 225 508.88 L 221.5 501.88 L 225 503.63 L 228.5 501.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="165" y="400" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 430px; margin-left: 166px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                j=1
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="225" y="434" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    j=1
+                </text>
+            </switch>
+        </g>
+        <path d="M 225 570 L 225 583.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 225 588.88 L 221.5 581.88 L 225 583.63 L 228.5 581.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 225 650 L 225 723.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 225 728.88 L 221.5 721.88 L 225 723.63 L 228.5 721.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 165 620 L 66.37 620" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 61.12 620 L 68.12 616.5 L 66.37 620 L 68.12 623.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 165 760 L 70 760 Q 60 760 60 750 L 60 606.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 60 601.12 L 63.5 608.12 L 60 606.37 L 56.5 608.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="165" y="730" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 760px; margin-left: 166px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                交换a(j)与a(j+1)
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="225" y="764" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    交换a(j)与a(j+1)
+                </text>
+            </switch>
+        </g>
+        <path d="M 60 540 L 60 490 Q 60 480 70 480 L 223.63 480" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 228.88 480 L 221.88 483.5 L 223.63 480 L 221.88 476.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="0" y="540" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 570px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                j=j+1
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="60" y="574" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    j=j+1
+                </text>
+            </switch>
+        </g>
+        <path d="M 295 540 L 420 540 Q 430 540 430 530 L 430 466.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 430 461.12 L 433.5 468.12 L 430 466.37 L 426.5 468.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 225 510 L 295 540 L 225 570 L 155 540 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 540px; margin-left: 156px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                j&lt;=n-j
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="225" y="544" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    j&lt;=n-j
+                </text>
+            </switch>
+        </g>
+        <rect x="135" y="595" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 610px; margin-left: 150px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="150" y="614" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <rect x="225" y="565" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 580px; margin-left: 240px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="240" y="584" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 225 590 L 305 620 L 225 650 L 145 620 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 620px; margin-left: 146px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                a(j)&gt;a(j+1)
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="225" y="624" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    a(j)&gt;a(j+1)
+                </text>
+            </switch>
+        </g>
+        <rect x="225" y="665" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 680px; margin-left: 240px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="240" y="684" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 172.5 320 L 151.37 320" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 146.12 320 L 153.12 316.5 L 151.37 320 L 153.12 323.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 225 290 L 277.5 320 L 225 350 L 172.5 320 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 103px; height: 1px; padding-top: 320px; margin-left: 174px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                i&lt;=n-1
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="225" y="324" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    i&lt;=n-1
+                </text>
+            </switch>
+        </g>
+        <path d="M 430 400 L 430 330 Q 430 320 420 320 L 283.87 320" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 278.62 320 L 285.62 316.5 L 283.87 320 L 285.62 323.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="370" y="400" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 430px; margin-left: 371px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                i=i+1
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="430" y="434" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    i=i+1
+                </text>
+            </switch>
+        </g>
+        <rect x="345" y="505" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 520px; margin-left: 360px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="360" y="524" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+        <rect x="225" y="355" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 370px; margin-left: 240px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                Y
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="240" y="374" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Y
+                </text>
+            </switch>
+        </g>
+        <path d="M 100 340 L 100 363.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 100 368.88 L 96.5 361.88 L 100 363.63 L 103.5 361.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="55" y="300" width="90" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 320px; margin-left: 56px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                输出a
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="100" y="324" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    输出a
+                </text>
+            </switch>
+        </g>
+        <ellipse cx="100" cy="390" rx="40" ry="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 390px; margin-left: 61px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                结束
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="100" y="394" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    结束
+                </text>
+            </switch>
+        </g>
+        <rect x="145" y="285" width="30" height="30" fill="none" stroke="none" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 300px; margin-left: 160px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
+                                N
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="160" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    N
+                </text>
+            </switch>
+        </g>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Text is not SVG - cannot display
+            </text>
+        </a>
+    </switch>
+</svg>

img/update.drawio.svg

@@ -0,0 +1,148 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="171px" height="721px" viewBox="-0.5 -0.5 171 721" content="&lt;mxfile&gt;&lt;diagram id=&quot;YIlQlVKxbRRvSmUFRTFN&quot; name=&quot;第 1 页&quot;&gt;1ZjLcpswFIafRjPtIh2uQloCJu2m3WTRtWwUYCoQleVbn76SEBgM6aTTDE5nMrb4z9Hl/PmQBcBP6/NnQdryK88pA56Tn4G/AZ4XYEd9auFiBS/ohEJUeSe5V+Gp+kWtaPsVhyqn+0mi5JzJqp2KO940dCcnGhGCn6Zpz5xNZ21JQWfC046wufq9ymXZqciLrvoXWhVlP7MLcRepSZ9sK9mXJOenkeRnwE8F57Jr1eeUMu1d70vX7/GF6LAwQRv5mg7W9yNhB1ubXZe89MXSXNVuLxveqK+klDVTV65qduk658UVWGnPD2Jns+wskoiC2ix/qF5RQ3lNpbioFEEZkdVxOjqx/79iyLuWqBq2yuWKvVnFhzYnkmociSTAg6RuVWHNdt8O9Y3tYExhpl04lZWkTy0xRZ0U6EvOHKmQ9Pxnb+ZV9x0ii4m9T3pqTlfohpRyBFyv/YtP8D5k+HMywpXI8OcVZxAgDLAPshAkKUCObqAM4EcdwqmOZhHAMUAByBBIMpuMQhCHJkeNEIEsAEkCEjizcAWGcDhhyF2CyFuACL4BROg+EIVziKKVIApfBZHCAV0bcdwrG52jfh1R2jc2I75MThIYrCJN0/9B3PCzvQZx/VxrIxfNkcMrIRctIxfrv9cQokJxYNlDyCq64SwhN+/+aKhOLedxpCeNXcuwpjq1myVORjBDfWlHhmYuqNepl6FG3uj8+6PrO2uiOz+arIIunqPrvmDTm7OLF9g1pCYKWayZizf9LhmMtst3uM35eE1W7nRwd/vHrTEsax3d+8lvaVFIOIYWbCAZTmih3oxQ8i5pCdCatNzpMO8unObdtY7z7sJ53oNMLSPJq+OkePjzoB+4kx1nXAA/1sspth/MjqzmccaNj8YNZ0t2PwrBD03+cNPLd7rc67ft8swb+fBM6opduuyUN3vOVI0mb3jytItJlZEVFSryjZ5ug12Xmjd831E7TLA3b0v08G7QnrsAqxr60ENlQtiG4DAeLOy3cWgrbhVlt7GtV+9+B4XRmnfQwrl+dget+WYARZ+mdkC4YIcfzu1Af2+Hury+kjKx0Xs9P/sN&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <path d="M 85 70 L 85 93.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 98.88 L 81.5 91.88 L 85 93.63 L 88.5 91.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <ellipse cx="85" cy="35" rx="85" ry="35" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 35px; margin-left: 1px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                update data
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    update data
+                </text>
+            </switch>
+        </g>
+        <path d="M 85 160 L 85 183.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 188.88 L 81.5 181.88 L 85 183.63 L 88.5 181.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="25" y="100" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 130px; margin-left: 26px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                打开原有的输入文件
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    打开原有的输入文件
+                </text>
+            </switch>
+        </g>
+        <path d="M 85 250 L 85 273.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 278.88 L 81.5 271.88 L 85 273.63 L 88.5 271.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="25" y="190" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 220px; margin-left: 26px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                打开一个不同名的临时输入文件
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="224" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    打开一个不同名的临时输入文件
+                </text>
+            </switch>
+        </g>
+        <path d="M 85 340 L 85 363.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 368.88 L 81.5 361.88 L 85 363.63 L 88.5 361.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="25" y="280" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 310px; margin-left: 26px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                把输入文件复制到临时文件，执行希望的更新操作
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="314" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    把输入文件复制到临时文件，执行希望的更新操作
+                </text>
+            </switch>
+        </g>
+        <path d="M 85 430 L 85 453.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 458.88 L 81.5 451.88 L 85 453.63 L 88.5 451.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="25" y="370" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 400px; margin-left: 26px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                关闭两个文件
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="404" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    关闭两个文件
+                </text>
+            </switch>
+        </g>
+        <path d="M 85 520 L 85 543.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 548.88 L 81.5 541.88 L 85 543.63 L 88.5 541.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="25" y="460" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 490px; margin-left: 26px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                删除原始文件
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="494" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    删除原始文件
+                </text>
+            </switch>
+        </g>
+        <path d="M 85 610 L 85 633.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 85 638.88 L 81.5 631.88 L 85 633.63 L 88.5 631.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
+        <rect x="25" y="550" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 580px; margin-left: 26px;">
+                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
+                                <div style="color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: Consolas, &quot;Courier New&quot;, monospace; font-size: 14px; line-height: 19px;">
+                                    <br/>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="85" y="584" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                </text>
+            </switch>
+        </g>
+        <ellipse cx="85" cy="680" rx="67.5" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Text is not SVG - cannot display
+            </text>
+        </a>
+    </switch>
+</svg>