blockly生成器

代码生成器

大多数Blockly应用程序都要求将用户程序翻译成JavaScript、Python、PHP、Lua、Dart或其他语言。此操作在客户端上被分块执行。

 

生成代码

第一步是包含所讨论语言的生成器。主要包括以下几种：

• javascript_compressed.js
• python_compressed.js
• php_compressed.js
• lua_compressed.js
• dart_compressed.js

生成器类应该包含在blockly_compressed.js之后。例如，下面是包含的JavaScript生成器：

<script src="blockly_compressed.js"></script>
<script src="javascript_compressed.js"></script>

通过此调用，用户的块可以随时从应用程序导出到代码：

var code = Blockly.JavaScript.workspaceToCode(workspace);

 将前面两行中的JavaScript替换为Python、PHP、Moon或Dart，以切换生成的语言。

实时生成

生成代码是一个非常快速的操作，因此频繁调用此函数不会造成任何伤害。一种常见的策略是通过向Blockly的change事件添加一个侦听器来实时生成和显示代码：

function myUpdateFunction(event) {
  var code = Blockly.JavaScript.workspaceToCode(workspace);
  document.getElementById('textarea').value = code;
}
workspace.addChangeListener(myUpdateFunction);

有关详细信息，请参见事件。