diff --git a/README.md b/README.md
index 77eeb7f8d5347030ed3f8e3a50b7dda142ae0032..514be1e757f981286ced18f3cc6e0812ac14a337 100644
--- a/README.md
+++ b/README.md
@@ -32,6 +32,7 @@ PHP helper是一个基于[boxxer](https://gitee.com/coco-central/boxxer "boxxer"
 #### 官方Q群
 请加群：
 **607440618** 
+如果您想获取使用教程，可以加群，也可以来我们的官方论坛[进入](http://www.codekpy.site/)
 
 #### Issues
 
diff --git a/index.html b/index.html
index bd8d91f43f2d34801194a17e938d6e23cfeb50ef..1258e00158c713846c8f97e762ddf45bac850ea0 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,6 @@
   <link rel="stylesheet" href="./static/boxy/compressed.css" />
   <link rel="stylesheet" href="./css/pico.css" />
   <link rel="stylesheet" href="./css/style.css">
-  <script src="./js/modal.js"></script>
 
 </head>
 
@@ -18,71 +17,668 @@
   <div class="spinner"></div>
   <!--留用户-->
   <!--导航栏-->
-<div id="space" style="display: none">
-  <nav style="height: 70px;">
-    <ul>
-      <li>
-        <p></p>
-      </li>
-      <li><strong><img src="favicon.ico" height="36px" width="36px" align="center">&nbsp;PHP Helper</strong></li>
-      <div class="dropdown">
-        <span style="font-size: 20px;"><strong><svg xmlns="http://www.w3.org/2000/svg"
-              xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18.000024795532227"
-              height="20.000001907348633" viewBox="0 0 18.000024795532227 20.000001907348633">
-              <g>
-                <path
-                  d="M0.0000252724,6L6.00303,0L16.998,0C17.55,0,18,0.455,18,0.992L18,19.008C17.9995,19.556,17.5551,20,17.007,20L0.993025,20C0.440734,19.9961,-0.00385571,19.5453,0.0000252724,18.993L0.0000252724,6ZM7.00003,1.5L1.50003,7L7.00003,7L7.00003,1.5Z"
-                  fill="#415462" fill-opacity="1" />
-              </g>
-            </svg>文件</strong></span>
-        <div class="dropdown-content">
-          <a onclick="navigationNew()">新建...</a>
-          <a onclick="navigationSave()">保存为.phr</a>
-          <a onclick="navigationExport()">导出为.php</a>
-          <hr>
-          <div style="position:relative">
-            <a style="width:100px;height:30px;">打开...</a>
-            <input type="file" style="position:absolute;top:0px;left:0px;width:100px;height:30px;opacity:0" />
+  <div id="space" style="display: none">
+    <nav style="height: 70px;">
+      <ul>
+        <li>
+          <p></p>
+        </li>
+        <li><strong><img src="favicon.ico" height="36px" width="36px" align="center">&nbsp;PHP Helper</strong></li>
+        <div class="dropdown">
+          <span style="font-size: 20px;"><strong><svg xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18.000024795532227"
+                height="20.000001907348633" viewBox="0 0 18.000024795532227 20.000001907348633">
+                <g>
+                  <path
+                    d="M0.0000252724,6L6.00303,0L16.998,0C17.55,0,18,0.455,18,0.992L18,19.008C17.9995,19.556,17.5551,20,17.007,20L0.993025,20C0.440734,19.9961,-0.00385571,19.5453,0.0000252724,18.993L0.0000252724,6ZM7.00003,1.5L1.50003,7L7.00003,7L7.00003,1.5Z"
+                    fill="#415462" fill-opacity="1" />
+                </g>
+              </svg>文件</strong></span>
+          <div class="dropdown-content">
+            <a onclick="navigationNew()">新建...</a>
+            <a onclick="navigationSave()">保存为.phr</a>
+            <a onclick="navigationExport()">导出为.php</a>
+            <hr>
+            <div style="position:relative">
+              <a style="width:100px;height:30px;">打开...</a>
+              <input type="file" style="position:absolute;top:0px;left:0px;width:100px;height:30px;opacity:0" />
+            </div>
           </div>
         </div>
-      </div>
-      <li>
-        <p></p>
-      </li>
-      <div class="dropdown">
-        <span style="font-size: 20px;"><strong><svg xmlns="http://www.w3.org/2000/svg"
-              xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="18"
-              viewBox="0 0 24 18">
+        <li>
+          <p></p>
+        </li>
+        <div class="dropdown">
+          <span style="font-size: 20px;"><strong><svg xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="18"
+                viewBox="0 0 24 18">
+                <g>
+                  <path
+                    d="M24,9L18.343,14.657L16.929,13.243L21.172,9L16.929,4.757L18.343,3.343L24,9ZM2.828,9L7.071,13.243L5.657,14.657L0,9L5.657,3.343L7.07,4.757L2.828,9ZM9.788,18L7.66,18L14.212,0L16.34,0L9.788,18Z"
+                    fill="#415462" fill-opacity="1" />
+                </g>
+              </svg>代码</strong></span>
+          <div class="dropdown-content">
+            <a onclick="t()">生成代码</a>
+            <a onclick="copy('code')">复制代码</a>
+          </div>
+        </div>
+        <li>
+          <p></p>
+        </li>
+        <li><strong data-target="about" onClick="toggleModal(event)"><svg xmlns="http://www.w3.org/2000/svg"
+              xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20"
+              viewBox="0 0 20 20">
               <g>
                 <path
-                  d="M24,9L18.343,14.657L16.929,13.243L21.172,9L16.929,4.757L18.343,3.343L24,9ZM2.828,9L7.071,13.243L5.657,14.657L0,9L5.657,3.343L7.07,4.757L2.828,9ZM9.788,18L7.66,18L14.212,0L16.34,0L9.788,18Z"
+                  d="M10,20C4.477,20,0,15.523,0,10C0,4.477,4.477,0,10,0C15.523,0,20,4.477,20,10C20,15.523,15.523,20,10,20ZM9,9L9,15L11,15L11,9L9,9ZM9,5L9,7L11,7L11,5L9,5Z"
                   fill="#415462" fill-opacity="1" />
               </g>
-            </svg>代码</strong></span>
-        <div class="dropdown-content">
-          <a onclick="t()">生成代码</a>
-          <a onclick="copy('code')">复制代码</a>
-        </div>
-      </div>
-      <li>
-        <p></p>
-      </li>
-      <li><strong data-target="about" onClick="toggleModal(event)"><svg xmlns="http://www.w3.org/2000/svg"
-            xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20"
-            viewBox="0 0 20 20">
-            <g>
-              <path
-                d="M10,20C4.477,20,0,15.523,0,10C0,4.477,4.477,0,10,0C15.523,0,20,4.477,20,10C20,15.523,15.523,20,10,20ZM9,9L9,15L11,15L11,9L9,9ZM9,5L9,7L11,7L11,5L9,5Z"
-                fill="#415462" fill-opacity="1" />
-            </g>
-          </svg>&nbsp;关于PHP Helper</strong>
-          
-      </li>
-      <li><strong><p style="padding-top: 25px;">工程名称</strong></li>
-      <li><input style="height:10px; text-align: center;"></li>
-      <li><strong><p style="padding-top: 25px;">.phr</strong></li>
-    </ul>
-  </nav>
+            </svg>&nbsp;关于PHP Helper</strong>
+
+        </li>
+        <li><strong>
+            <p style="padding-top: 25px;">工程名称
+          </strong></li>
+        <li><input style="height:10px; text-align: center;"></li>
+        <li><strong>
+            <p style="padding-top: 25px;">.phr
+          </strong></li>
+      </ul>
+    </nav>
+
+
+
+    <div id="blocklyArea"></div>
+    <div id="code_father">
+      <div id="code"
+        style="height: 100%;width: 100%;overflow-y:scroll;overflow-x:scroll;white-space: nowrap;border:2px dashed #AAAAAA;"
+        onclick="fcolored_egg()"></div>
+      <div id="other" style="width:100%;height:0;"></div>
+    </div>
+
+
+    <div id="blocklyDiv" style="width: 80%;height:100%;float:left;"></div>
+
+
+    <xml xmlns="https://developers.google.com/blockly/xml" id="toolbox" style="display: none">
+      <category name="循环" css-path="./static/boxy/svg/cycle.svg">
+        <block type="controls_repeat_ext">
+          <value name="TIMES">
+            <shadow type="math_number">
+              <field name="NUM">10</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="controls_whileUntil">
+          <field name="MODE">WHILE</field>
+        </block>
+        <block type="controls_for">
+          <field name="VAR" id="PSTW#fgbQD20Tw}Sn@KA">i</field>
+          <value name="FROM">
+            <shadow type="math_number">
+              <field name="NUM">1</field>
+            </shadow>
+          </value>
+          <value name="TO">
+            <shadow type="math_number">
+              <field name="NUM">10</field>
+            </shadow>
+          </value>
+          <value name="BY">
+            <shadow type="math_number">
+              <field name="NUM">1</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="controls_forEach">
+          <field name="VAR" id=",1Lyk}%|)lu(ftaB$!ly">j</field>
+        </block>
+        <block type="controls_flow_statements">
+          <field name="FLOW">BREAK</field>
+        </block>
+      </category>
+      <category name="数学" css-path="./static/boxy/svg/math.svg">
+        <block type="math_number">
+          <field name="NUM">0</field>
+        </block>
+        <block type="math_arithmetic">
+          <field name="OP">ADD</field>
+          <value name="A">
+            <shadow type="math_number">
+              <field name="NUM">1</field>
+            </shadow>
+          </value>
+          <value name="B">
+            <shadow type="math_number">
+              <field name="NUM">1</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="math_single">
+          <field name="OP">ROOT</field>
+          <value name="NUM">
+            <shadow type="math_number">
+              <field name="NUM">9</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="math_trig">
+          <field name="OP">SIN</field>
+          <value name="NUM">
+            <shadow type="math_number">
+              <field name="NUM">45</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="math_constant">
+          <field name="CONSTANT">PI</field>
+        </block>
+        <block type="math_number_property">
+          <mutation divisor_input="false"></mutation>
+          <field name="PROPERTY">EVEN</field>
+          <value name="NUMBER_TO_CHECK">
+            <shadow type="math_number">
+              <field name="NUM">0</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="math_round">
+          <field name="OP">ROUND</field>
+          <value name="NUM">
+            <shadow type="math_number">
+              <field name="NUM">3.1</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="math_on_list">
+          <mutation op="SUM"></mutation>
+          <field name="OP">SUM</field>
+        </block>
+        <block type="math_modulo">
+          <value name="DIVIDEND">
+            <shadow type="math_number">
+              <field name="NUM">64</field>
+            </shadow>
+          </value>
+          <value name="DIVISOR">
+            <shadow type="math_number">
+              <field name="NUM">10</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="math_constrain">
+          <value name="VALUE">
+            <shadow type="math_number">
+              <field name="NUM">50</field>
+            </shadow>
+          </value>
+          <value name="LOW">
+            <shadow type="math_number">
+              <field name="NUM">1</field>
+            </shadow>
+          </value>
+          <value name="HIGH">
+            <shadow type="math_number">
+              <field name="NUM">100</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="math_random_int">
+          <value name="FROM">
+            <shadow type="math_number">
+              <field name="NUM">1</field>
+            </shadow>
+          </value>
+          <value name="TO">
+            <shadow type="math_number">
+              <field name="NUM">100</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="math_random_float"></block>
+      </category>
+      <category name="字符串" css-path="./static/boxy/svg/text.svg">
+        <block type="text">
+          <field name="TEXT"></field>
+        </block>
+        <block type="text_join">
+          <mutation items="2"></mutation>
+        </block>
+        <block type="text_append">
+          <field name="VAR" id="IaA%v,OOY/#;=nDG-dqn">项目</field>
+          <value name="TEXT">
+            <shadow type="text">
+              <field name="TEXT"></field>
+            </shadow>
+          </value>
+        </block>
+        <block type="text_length">
+          <value name="VALUE">
+            <shadow type="text">
+              <field name="TEXT">abc</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="text_isEmpty">
+          <value name="VALUE">
+            <shadow type="text">
+              <field name="TEXT"></field>
+            </shadow>
+          </value>
+        </block>
+        <block type="text_indexOf">
+          <field name="END">FIRST</field>
+          <value name="VALUE">
+            <block type="variables_get">
+              <field name="VAR" id="*MHO8;sWb;w@603SJnYK">text</field>
+            </block>
+          </value>
+          <value name="FIND">
+            <shadow type="text">
+              <field name="TEXT">abc</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="text_charAt">
+          <mutation at="true"></mutation>
+          <field name="WHERE">FROM_START</field>
+          <value name="VALUE">
+            <block type="variables_get">
+              <field name="VAR" id="*MHO8;sWb;w@603SJnYK">text</field>
+            </block>
+          </value>
+        </block>
+        <block type="text_getSubstring">
+          <mutation at1="true" at2="true"></mutation>
+          <field name="WHERE1">FROM_START</field>
+          <field name="WHERE2">FROM_START</field>
+          <value name="STRING">
+            <block type="variables_get">
+              <field name="VAR" id="*MHO8;sWb;w@603SJnYK">text</field>
+            </block>
+          </value>
+        </block>
+        <block type="text_changeCase">
+          <field name="CASE">UPPERCASE</field>
+          <value name="TEXT">
+            <shadow type="text">
+              <field name="TEXT">abc</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="text_trim">
+          <field name="MODE">BOTH</field>
+          <value name="TEXT">
+            <shadow type="text">
+              <field name="TEXT">abc</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="text_print">
+          <value name="TEXT">
+            <shadow type="text">
+              <field name="TEXT">abc</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="text_prompt_ext">
+          <mutation type="TEXT"></mutation>
+          <field name="TYPE">TEXT</field>
+          <value name="TEXT">
+            <shadow type="text">
+              <field name="TEXT">abc</field>
+            </shadow>
+          </value>
+        </block>
+      </category>
+      <category name="变量" css-path="./static/boxy/svg/data.svg" custom="VARIABLE"></category>
+      <category name="列表" css-path="./static/boxy/svg/list.svg">
+        <block type="lists_create_with">
+          <mutation items="0"></mutation>
+        </block>
+        <block type="lists_create_with">
+          <mutation items="3"></mutation>
+        </block>
+        <block type="lists_repeat">
+          <value name="NUM">
+            <shadow type="math_number">
+              <field name="NUM">5</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="lists_length"></block>
+        <block type="lists_isEmpty"></block>
+        <block type="lists_indexOf">
+          <field name="END">FIRST</field>
+          <value name="VALUE">
+            <block type="variables_get">
+              <field name="VAR" id="UyvusOBXPAlbz))qKbk6">list</field>
+            </block>
+          </value>
+        </block>
+        <block type="lists_getIndex">
+          <mutation statement="false" at="true"></mutation>
+          <field name="MODE">GET</field>
+          <field name="WHERE">FROM_START</field>
+          <value name="VALUE">
+            <block type="variables_get">
+              <field name="VAR" id="UyvusOBXPAlbz))qKbk6">list</field>
+            </block>
+          </value>
+        </block>
+        <block type="lists_setIndex">
+          <mutation at="true"></mutation>
+          <field name="MODE">SET</field>
+          <field name="WHERE">FROM_START</field>
+          <value name="LIST">
+            <block type="variables_get">
+              <field name="VAR" id="UyvusOBXPAlbz))qKbk6">list</field>
+            </block>
+          </value>
+        </block>
+        <block type="lists_getSublist">
+          <mutation at1="true" at2="true"></mutation>
+          <field name="WHERE1">FROM_START</field>
+          <field name="WHERE2">FROM_START</field>
+          <value name="LIST">
+            <block type="variables_get">
+              <field name="VAR" id="UyvusOBXPAlbz))qKbk6">list</field>
+            </block>
+          </value>
+        </block>
+        <block type="lists_split">
+          <mutation mode="SPLIT"></mutation>
+          <field name="MODE">SPLIT</field>
+          <value name="DELIM">
+            <shadow type="text">
+              <field name="TEXT">,</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="lists_sort">
+          <field name="TYPE">NUMERIC</field>
+          <field name="DIRECTION">1</field>
+        </block>
+      </category>
+      <category name="逻辑" css-path="./static/boxy/svg/logic.svg">
+        <block type="controls_if"></block>
+        <block type="logic_compare">
+          <field name="OP">EQ</field>
+        </block>
+        <block type="logic_operation">
+          <field name="OP">AND</field>
+        </block>
+        <block type="logic_negate"></block>
+        <block type="logic_boolean">
+          <field name="BOOL">TRUE</field>
+        </block>
+        <block type="logic_null"></block>
+        <block type="logic_ternary"></block>
+      </category>
+      <category name="颜色" css-path="./static/boxy/svg/color.svg">
+        <block type="colour_picker">
+          <field name="COLOUR">#ff0000</field>
+        </block>
+        <block type="colour_random"></block>
+        <block type="colour_rgb">
+          <value name="RED">
+            <shadow type="math_number">
+              <field name="NUM">100</field>
+            </shadow>
+          </value>
+          <value name="GREEN">
+            <shadow type="math_number">
+              <field name="NUM">50</field>
+            </shadow>
+          </value>
+          <value name="BLUE">
+            <shadow type="math_number">
+              <field name="NUM">0</field>
+            </shadow>
+          </value>
+        </block>
+        <block type="colour_blend">
+          <value name="COLOUR1">
+            <shadow type="colour_picker">
+              <field name="COLOUR">#ff0000</field>
+            </shadow>
+          </value>
+          <value name="COLOUR2">
+            <shadow type="colour_picker">
+              <field name="COLOUR">#3333ff</field>
+            </shadow>
+          </value>
+          <value name="RATIO">
+            <shadow type="math_number">
+              <field name="NUM">0.5</field>
+            </shadow>
+          </value>
+        </block>
+      </category>
+      <sep></sep>
+      <category name="框架" css-path="./static/boxy/svg/frame.svg">
+        <block type="html5">
+          <next>
+            <block type="html">
+              <statement name="NAME">
+                <block type="head">
+                  <statement name="NAME">
+                    <block type="title">
+                      <value name="NAME">
+                        <block type="text">
+                          <field name="TEXT"></field>
+                        </block>
+                      </value>
+                    </block>
+                  </statement>
+                  <next>
+                    <block type="body"></block>
+                  </next>
+                </block>
+              </statement>
+            </block>
+          </next>
+        </block>
+        <block type="diycode">
+          <field name="code">……</field>
+        </block>
+        <block type="diycode2">
+          <field name="code">……</field>
+        </block>
+      </category>
+      <category name="属性" css-path="./static/boxy/svg/css.svg">
+        <block type="diycode">
+          <field name="code">……</field>
+        </block>
+        <block type="shuxing">
+          <field name="name">name</field>
+          <value name="value">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+        <block type="diycode2">
+          <field name="code">……</field>
+        </block>
+        <block type="css"></block>
+        <block type="style_first">
+          <field name="style_name">width</field>
+          <field name="unit">%</field>
+          <value name="NAME">
+            <block type="math_number">
+              <field name="NUM">0</field>
+            </block>
+          </value>
+        </block>
+      </category>
+      <category name="PHP" css-path="./static/boxy/svg/php.svg">
+        <block type="php_start"></block>
+        <block type="get_get">
+          <value name="get_key">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+        <block type="get_post">
+          <value name="post_key">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+        <block type="echo">
+          <value name="NAME">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+        <block type="print_r">
+          <value name="NAME">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+        <block type="htmlspecialchars">
+          <value name="NAME">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+        <block type="mail">
+          <value name="user">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+          <value name="main">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+          <value name="text">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+          <value name="h">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+          <value name="NAME">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+      </category>
+      <category name="MySQL" css-path="static\boxy\svg\database.svg">
+        <block type="mysql_connect">
+          <value name="url">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+          <value name="user_name">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+          <value name="key">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+        <block type="mysql_close">
+          <value name="name">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+      </category>
+      <category name="cookie">
+        <block type="get_cookie">
+          <value name="cookie_key">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+      </category>
+      <category name="HTML">
+        <block type="html5"></block>
+        <block type="html"></block>
+        <block type="title">
+          <value name="NAME">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+        <block type="head"></block>
+        <block type="body"></block>
+        <block type="h_">
+          <field name="NAME">h1</field>
+        </block>
+        <block type="br"></block>
+        <block type="p"></block>
+        <block type="a">
+          <field name="link">https://www.w3school.com.cn/html</field>
+        </block>
+        <block type="img">
+          <field name="src">来源</field>
+          <field name="width">100</field>
+          <field name="height">100</field>
+        </block>
+        <block type="video">
+          <field name="src">来源</field>
+          <field name="width">100</field>
+          <field name="height">100</field>
+        </block>
+      </category>
+      <category name="文件操作">
+        <block type="read">
+          <field name="bianname">myfile</field>
+          <value name="name">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+          <value name="return_text">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+        <block type="write">
+          <field name="name">myfile</field>
+          <value name="path">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+          <value name="write_text">
+            <block type="text">
+              <field name="TEXT"></field>
+            </block>
+          </value>
+        </block>
+      </category>
+    </xml>
+
+    <div id="trashcan" class="blocklyToolboxDelete">
+      <img src="./static/boxy/trashcan/lid.svg" id="trashcan-lid" class="trashcan" alt="垃圾桶盖" />
+      <img src="./static/boxy/trashcan/body.svg" id="trashcan-body" class="trashcan" alt="垃圾桶身" />
+    </div>
+  </div>
   <!-- Dependence -->
   <script src="./static/boxy/iconpark/iconpark.js"></script>
   <script src="./node_modules/jquery/dist/jquery.min.js"></script>
@@ -91,607 +687,18 @@
   <script src="./node_modules/blockly/blockly.min.js"></script>
   <script src="./node_modules/blockly/php_compressed.js"></script>
   <script src="./node_modules/blockly/msg/zh-hans.js"></script>
+  <!-- Workspace -->
+  <script src="./static/boxy/blocks/get.js"></script>
+  <script src="./static/boxy/blocks/get.js.js"></script>
 
   <!-- Google Blockly Plugins -->
   <script src="./node_modules/@blockly/block-plus-minus/dist/index.js"></script>
   <script src="./node_modules/@blockly/plugin-scroll-options/dist/index.js"></script>
   <script src="./node_modules/@blockly/field-colour-hsv-sliders/dist/index.js"></script>
   <script src="./node_modules/@blockly/plugin-workspace-search/dist/index.js"></script>
-
-  <!-- Workspace -->
-  <script src="./static/boxy/blocks/get.js"></script>
-  <script src="./static/boxy/blocks/get.js.js"></script>
-
-  <div id="blocklyArea"></div>
-  <div  id="code_father">
-    <div id="code" style="height: 100%;width: 100%;overflow-y:scroll;overflow-x:scroll;white-space: nowrap;border:2px dashed #AAAAAA;" onclick="fcolored_egg()"></div>
-    <div id="other" style="width:100%;height:0;"></div>
-  </div>
-
-
-  <div id="blocklyDiv" style="width: 80%;height:100%;float:left;"></div>
-
-  <xml xmlns="https://developers.google.com/blockly/xml" id="toolbox" style="display: none">
-    <category name="循环" css-path="./static/boxy/svg/cycle.svg">
-      <block type="controls_repeat_ext">
-        <value name="TIMES">
-          <shadow type="math_number">
-            <field name="NUM">10</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="controls_whileUntil">
-        <field name="MODE">WHILE</field>
-      </block>
-      <block type="controls_for">
-        <field name="VAR" id="PSTW#fgbQD20Tw}Sn@KA">i</field>
-        <value name="FROM">
-          <shadow type="math_number">
-            <field name="NUM">1</field>
-          </shadow>
-        </value>
-        <value name="TO">
-          <shadow type="math_number">
-            <field name="NUM">10</field>
-          </shadow>
-        </value>
-        <value name="BY">
-          <shadow type="math_number">
-            <field name="NUM">1</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="controls_forEach">
-        <field name="VAR" id=",1Lyk}%|)lu(ftaB$!ly">j</field>
-      </block>
-      <block type="controls_flow_statements">
-        <field name="FLOW">BREAK</field>
-      </block>
-    </category>
-    <category name="数学" css-path="./static/boxy/svg/math.svg">
-      <block type="math_number">
-        <field name="NUM">0</field>
-      </block>
-      <block type="math_arithmetic">
-        <field name="OP">ADD</field>
-        <value name="A">
-          <shadow type="math_number">
-            <field name="NUM">1</field>
-          </shadow>
-        </value>
-        <value name="B">
-          <shadow type="math_number">
-            <field name="NUM">1</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="math_single">
-        <field name="OP">ROOT</field>
-        <value name="NUM">
-          <shadow type="math_number">
-            <field name="NUM">9</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="math_trig">
-        <field name="OP">SIN</field>
-        <value name="NUM">
-          <shadow type="math_number">
-            <field name="NUM">45</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="math_constant">
-        <field name="CONSTANT">PI</field>
-      </block>
-      <block type="math_number_property">
-        <mutation divisor_input="false"></mutation>
-        <field name="PROPERTY">EVEN</field>
-        <value name="NUMBER_TO_CHECK">
-          <shadow type="math_number">
-            <field name="NUM">0</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="math_round">
-        <field name="OP">ROUND</field>
-        <value name="NUM">
-          <shadow type="math_number">
-            <field name="NUM">3.1</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="math_on_list">
-        <mutation op="SUM"></mutation>
-        <field name="OP">SUM</field>
-      </block>
-      <block type="math_modulo">
-        <value name="DIVIDEND">
-          <shadow type="math_number">
-            <field name="NUM">64</field>
-          </shadow>
-        </value>
-        <value name="DIVISOR">
-          <shadow type="math_number">
-            <field name="NUM">10</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="math_constrain">
-        <value name="VALUE">
-          <shadow type="math_number">
-            <field name="NUM">50</field>
-          </shadow>
-        </value>
-        <value name="LOW">
-          <shadow type="math_number">
-            <field name="NUM">1</field>
-          </shadow>
-        </value>
-        <value name="HIGH">
-          <shadow type="math_number">
-            <field name="NUM">100</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="math_random_int">
-        <value name="FROM">
-          <shadow type="math_number">
-            <field name="NUM">1</field>
-          </shadow>
-        </value>
-        <value name="TO">
-          <shadow type="math_number">
-            <field name="NUM">100</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="math_random_float"></block>
-    </category>
-    <category name="字符串" css-path="./static/boxy/svg/text.svg">
-      <block type="text">
-        <field name="TEXT"></field>
-      </block>
-      <block type="text_join">
-        <mutation items="2"></mutation>
-      </block>
-      <block type="text_append">
-        <field name="VAR" id="IaA%v,OOY/#;=nDG-dqn">项目</field>
-        <value name="TEXT">
-          <shadow type="text">
-            <field name="TEXT"></field>
-          </shadow>
-        </value>
-      </block>
-      <block type="text_length">
-        <value name="VALUE">
-          <shadow type="text">
-            <field name="TEXT">abc</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="text_isEmpty">
-        <value name="VALUE">
-          <shadow type="text">
-            <field name="TEXT"></field>
-          </shadow>
-        </value>
-      </block>
-      <block type="text_indexOf">
-        <field name="END">FIRST</field>
-        <value name="VALUE">
-          <block type="variables_get">
-            <field name="VAR" id="*MHO8;sWb;w@603SJnYK">text</field>
-          </block>
-        </value>
-        <value name="FIND">
-          <shadow type="text">
-            <field name="TEXT">abc</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="text_charAt">
-        <mutation at="true"></mutation>
-        <field name="WHERE">FROM_START</field>
-        <value name="VALUE">
-          <block type="variables_get">
-            <field name="VAR" id="*MHO8;sWb;w@603SJnYK">text</field>
-          </block>
-        </value>
-      </block>
-      <block type="text_getSubstring">
-        <mutation at1="true" at2="true"></mutation>
-        <field name="WHERE1">FROM_START</field>
-        <field name="WHERE2">FROM_START</field>
-        <value name="STRING">
-          <block type="variables_get">
-            <field name="VAR" id="*MHO8;sWb;w@603SJnYK">text</field>
-          </block>
-        </value>
-      </block>
-      <block type="text_changeCase">
-        <field name="CASE">UPPERCASE</field>
-        <value name="TEXT">
-          <shadow type="text">
-            <field name="TEXT">abc</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="text_trim">
-        <field name="MODE">BOTH</field>
-        <value name="TEXT">
-          <shadow type="text">
-            <field name="TEXT">abc</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="text_print">
-        <value name="TEXT">
-          <shadow type="text">
-            <field name="TEXT">abc</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="text_prompt_ext">
-        <mutation type="TEXT"></mutation>
-        <field name="TYPE">TEXT</field>
-        <value name="TEXT">
-          <shadow type="text">
-            <field name="TEXT">abc</field>
-          </shadow>
-        </value>
-      </block>
-    </category>
-    <category name="变量" css-path="./static/boxy/svg/data.svg" custom="VARIABLE"></category>
-    <category name="列表" css-path="./static/boxy/svg/list.svg">
-      <block type="lists_create_with">
-        <mutation items="0"></mutation>
-      </block>
-      <block type="lists_create_with">
-        <mutation items="3"></mutation>
-      </block>
-      <block type="lists_repeat">
-        <value name="NUM">
-          <shadow type="math_number">
-            <field name="NUM">5</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="lists_length"></block>
-      <block type="lists_isEmpty"></block>
-      <block type="lists_indexOf">
-        <field name="END">FIRST</field>
-        <value name="VALUE">
-          <block type="variables_get">
-            <field name="VAR" id="UyvusOBXPAlbz))qKbk6">list</field>
-          </block>
-        </value>
-      </block>
-      <block type="lists_getIndex">
-        <mutation statement="false" at="true"></mutation>
-        <field name="MODE">GET</field>
-        <field name="WHERE">FROM_START</field>
-        <value name="VALUE">
-          <block type="variables_get">
-            <field name="VAR" id="UyvusOBXPAlbz))qKbk6">list</field>
-          </block>
-        </value>
-      </block>
-      <block type="lists_setIndex">
-        <mutation at="true"></mutation>
-        <field name="MODE">SET</field>
-        <field name="WHERE">FROM_START</field>
-        <value name="LIST">
-          <block type="variables_get">
-            <field name="VAR" id="UyvusOBXPAlbz))qKbk6">list</field>
-          </block>
-        </value>
-      </block>
-      <block type="lists_getSublist">
-        <mutation at1="true" at2="true"></mutation>
-        <field name="WHERE1">FROM_START</field>
-        <field name="WHERE2">FROM_START</field>
-        <value name="LIST">
-          <block type="variables_get">
-            <field name="VAR" id="UyvusOBXPAlbz))qKbk6">list</field>
-          </block>
-        </value>
-      </block>
-      <block type="lists_split">
-        <mutation mode="SPLIT"></mutation>
-        <field name="MODE">SPLIT</field>
-        <value name="DELIM">
-          <shadow type="text">
-            <field name="TEXT">,</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="lists_sort">
-        <field name="TYPE">NUMERIC</field>
-        <field name="DIRECTION">1</field>
-      </block>
-    </category>
-    <category name="逻辑" css-path="./static/boxy/svg/logic.svg">
-      <block type="controls_if"></block>
-      <block type="logic_compare">
-        <field name="OP">EQ</field>
-      </block>
-      <block type="logic_operation">
-        <field name="OP">AND</field>
-      </block>
-      <block type="logic_negate"></block>
-      <block type="logic_boolean">
-        <field name="BOOL">TRUE</field>
-      </block>
-      <block type="logic_null"></block>
-      <block type="logic_ternary"></block>
-    </category>
-    <category name="颜色" css-path="./static/boxy/svg/color.svg">
-      <block type="colour_picker">
-        <field name="COLOUR">#ff0000</field>
-      </block>
-      <block type="colour_random"></block>
-      <block type="colour_rgb">
-        <value name="RED">
-          <shadow type="math_number">
-            <field name="NUM">100</field>
-          </shadow>
-        </value>
-        <value name="GREEN">
-          <shadow type="math_number">
-            <field name="NUM">50</field>
-          </shadow>
-        </value>
-        <value name="BLUE">
-          <shadow type="math_number">
-            <field name="NUM">0</field>
-          </shadow>
-        </value>
-      </block>
-      <block type="colour_blend">
-        <value name="COLOUR1">
-          <shadow type="colour_picker">
-            <field name="COLOUR">#ff0000</field>
-          </shadow>
-        </value>
-        <value name="COLOUR2">
-          <shadow type="colour_picker">
-            <field name="COLOUR">#3333ff</field>
-          </shadow>
-        </value>
-        <value name="RATIO">
-          <shadow type="math_number">
-            <field name="NUM">0.5</field>
-          </shadow>
-        </value>
-      </block>
-    </category>
-    <sep></sep>
-    <category name="框架" css-path="./static/boxy/svg/frame.svg">
-      <block type="html5">
-        <next>
-          <block type="html">
-            <statement name="NAME">
-              <block type="head">
-                <statement name="NAME">
-                  <block type="title">
-                    <value name="NAME">
-                      <block type="text">
-                        <field name="TEXT"></field>
-                      </block>
-                    </value>
-                  </block>
-                </statement>
-                <next>
-                  <block type="body"></block>
-                </next>
-              </block>
-            </statement>
-          </block>
-        </next>
-      </block>
-      <block type="diycode">
-        <field name="code">……</field>
-      </block>
-      <block type="diycode2">
-        <field name="code">……</field>
-      </block>
-    </category>
-    <category name="属性" css-path="./static/boxy/svg/css.svg">
-      <block type="diycode">
-        <field name="code">……</field>
-      </block>
-      <block type="shuxing">
-        <field name="name">name</field>
-        <value name="value">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-      <block type="diycode2">
-        <field name="code">……</field>
-      </block>
-      <block type="css"></block>
-      <block type="style_first">
-        <field name="style_name">width</field>
-        <field name="unit">%</field>
-        <value name="NAME">
-          <block type="math_number">
-            <field name="NUM">0</field>
-          </block>
-        </value>
-      </block>
-    </category>
-    <category name="PHP" css-path="./static/boxy/svg/php.svg">
-      <block type="php_start"></block>
-      <block type="get_get">
-        <value name="get_key">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-      <block type="get_post">
-        <value name="post_key">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-      <block type="echo">
-        <value name="NAME">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-      <block type="print_r">
-        <value name="NAME">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-      <block type="htmlspecialchars">
-        <value name="NAME">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-      <block type="mail">
-        <value name="user">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-        <value name="main">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-        <value name="text">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-        <value name="h">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-        <value name="NAME">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-    </category>
-    <category name="MySQL" css-path="static\boxy\svg\database.svg">
-      <block type="mysql_connect">
-        <value name="url">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-        <value name="user_name">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-        <value name="key">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-      <block type="mysql_close">
-        <value name="name">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-    </category>
-    <category name="cookie">
-      <block type="get_cookie">
-        <value name="cookie_key">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-    </category>
-    <category name="HTML">
-      <block type="html5"></block>
-      <block type="html"></block>
-      <block type="title">
-        <value name="NAME">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-      <block type="head"></block>
-      <block type="body"></block>
-      <block type="h_">
-        <field name="NAME">h1</field>
-      </block>
-      <block type="br"></block>
-      <block type="p"></block>
-      <block type="a">
-        <field name="link">https://www.w3school.com.cn/html</field>
-      </block>
-      <block type="img">
-        <field name="src">来源</field>
-        <field name="width">100</field>
-        <field name="height">100</field>
-      </block>
-      <block type="video">
-        <field name="src">来源</field>
-        <field name="width">100</field>
-        <field name="height">100</field>
-      </block>
-    </category>
-    <category name="文件操作">
-      <block type="read">
-        <field name="bianname">myfile</field>
-        <value name="name">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-        <value name="return_text">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-      <block type="write">
-        <field name="name">myfile</field>
-        <value name="path">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-        <value name="write_text">
-          <block type="text">
-            <field name="TEXT"></field>
-          </block>
-        </value>
-      </block>
-    </category>
-  </xml>
-
-  <div id="trashcan" class="blocklyToolboxDelete">
-    <img src="./static/boxy/trashcan/lid.svg" id="trashcan-lid" class="trashcan" alt="垃圾桶盖" />
-    <img src="./static/boxy/trashcan/body.svg" id="trashcan-body" class="trashcan" alt="垃圾桶身" />
-  </div>
-</div>
-  <script src="./static/boxy/compressed.js"></script>
+  
   <script src="./static/boxy/function.js"></script>
-
+  <script src="./static/boxy/compressed.js"></script>
 
   <!--about-->
   <dialog id="about">
@@ -715,14 +722,16 @@
       </footer>
     </article>
   </dialog>
+
   <script>function checkLeave() { event.returnValue = "确定离开当前页面吗？"; }// 获取动画
     let loader = document.querySelector(".spinner");
     let space = document.querySelector("#space");
     // 加载完成事件
     window.onload = function () {
-        // 加载完成，隐藏动画，显示内容
-        loader.setAttribute("style","display:none;");
-        space.setAttribute("style","");
+      // 加载完成，隐藏动画，显示内容
+      var t=setTimeout("loader.setAttribute('style', 'display:none;');space.setAttribute('style', 'height:100%;width:100%;display:block');",0)
+      //loader.setAttribute("style", "display:none;");
+      //space.setAttribute("style", "height:100%;width:100%;display:block");
     }</script>
 </body>
 
diff --git a/version.txt b/version.txt
index ba69ee054ea62c61403eca6bc8f8ca0a0504c87c..33646a1596b70aa56cdbac22d1126cd904f7b399 100644
--- a/version.txt
+++ b/version.txt
@@ -1,5 +1,5 @@
 主版本号：0
 子版本号：1
-提交次数：71
+提交次数：77
 版本标识：B
-版本号：0.1.71.B
\ No newline at end of file
+版本号：0.1.77.B