Blockly文件积木开发

Blockly文件积木开发

今天出一期关于Blockly文件积木开发的教程,废话不多说,上代码

文件积木

文件积木借鉴mixly部分文件积木,python代码可以参考www.runoob.com/python/file... www.runoob.com/python/pyth...

一:构建积木

1,涉及要修改得文件(blocks,file这个是要自己创建) 2,blocks文件引入file文件,并在export导出积木

javascript 复制代码
file文件代码

/**
 * @license
 * Copyright 2012 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */

// Former goog.module ID: Blockly.libraryBlocks.files
import '../core/field_dropdown.js';
import {
  createBlockDefinitionsFromJsonArray,
  defineBlocks,
} from '../core/common.js';

export const blocks = createBlockDefinitionsFromJsonArray([
    {
        type: 'file_is_writable',
        style: 'mechanical_arm',
        output: 'Boolean',
        message0: "%{BKY_FILE_IS_WRITABLE}",
        args0: [
            {
                type: 'input_value',
                name: 'TEXT',
                check: 'String'
            }
        ]
    },
    {
        type: 'file_get_name',
        style: 'mechanical_arm',
        output: 'String',
        message0: "%{BKY_FILE_GET_NAME}",
        args0: [
            {
                type: 'input_value',
                name: 'TEXT',
                check: 'String'
            }
        ]
    },
    {
        type: 'file_close',
        style: 'mechanical_arm',
        previousStatement: null,
        nextStatement: null,
        message0: "%{BKY_FILE_CLOSE}",
        args0: [
            {
                type: 'input_value',
                name: 'TEXT',
                check: 'String'
            }
        ]
    },
    {
        type: 'file_listdir',
        style: 'mechanical_arm',
        output: 'Array',
        message0: "%{BKY_FILE_LISTDIR}",
        args0: [],
    },
    {
        type: 'file_getcwd',
        style: 'mechanical_arm',
        output: 'String',
        message0: "%{BKY_FILE_GETCWD}",
        args0: [],
    },
    {
        type: 'file_chdir',
        style: 'mechanical_arm',
        previousStatement: null,
        nextStatement: null,
        message0: "%{BKY_FILE_CHDIR}",
        args0: [
            {
                type: 'input_value',
                name: 'TEXT',
                check: 'String'
            }
        ]
    },
    {
        type: 'file_mkdir',
        style: 'mechanical_arm',
        previousStatement: null,
        nextStatement: null,
        message0: "%{BKY_FILE_MKDIR}",
        args0: [
            {
                type: 'input_value',
                name: 'TEXT',
                check: 'String'
            },
            {
                type: "field_dropdown",
                name: "type",
                options: [
                    ["文件夹", 'mkdir'],
                    ["嵌套的文件夹", "makedirs"]
                ]
            }
        ]
    },
    {
        type: 'file_remove',
        style: 'mechanical_arm',
        previousStatement: null,
        nextStatement: null,
        message0: "%{BKY_FILE_REMOVE}",
        args0: [
            {
                type: "field_dropdown",
                name: "type",
                options: [
                    ["删除文件", 'remove'],
                    ["递归删除目录", "removedirs"]
                ]
            },
            {
                type: 'input_value',
                name: 'TEXT',
                check: 'String'
            }
        ]
    },
    {
        type: 'file_rename',
        style: 'mechanical_arm',
        previousStatement: null,
        nextStatement: null,
        inputsInline: true,
        message0: "%{BKY_FILE_RENAME}",
        args0: [
            {
                type: 'input_value',
                name: 'OLD',
                check: 'String'
            },
            {
                type: 'input_value',
                name: 'NEW',
                check: 'String'
            }
        ]
    },
    {
        type: 'file_tell',
        style: 'mechanical_arm',
        output: 'String',
        message0: "%{BKY_FILE_TELL}",
        args0: [
            {
                type: 'input_value',
                name: 'TEXT',
                check: 'String'
            }
        ]
    },
    {
        type: 'file_seek',
        style: 'mechanical_arm',
        previousStatement: null,
        nextStatement: null,
        message0: "%{BKY_FILE_SEEK}",
        args0: [
            {
                type: 'input_value',
                name: 'TEXT',
                check: 'String'
            },
            {
                type: "field_dropdown",
                name: "type",
                options: [
                    ["从文件开头算起", '0'],
                    ["从文件当前位置算起", "1"],
                    ["从文件结尾算起", "2"]
                ]
            },
            {
                type: 'input_value',
                name: 'POSITION',
                check: 'Number'
            }
        ]
    }
])

// Register provided blocks.
defineBlocks(blocks);

至此文件积木已经完成,看一下效果图

二:构建python

1,涉及要修改得文件(python,file这个是要自己创建) 2,python文件引入file文件,并在export导出python代码

javascript 复制代码
file文件代码

/**
 * @license
 * Copyright 2012 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */

/**
 * @file Generating Python for files blocks.
 */

// Former goog.module ID: Blockly.Python.files

import type {Block} from '../../core/block.js';
import type {PythonGenerator} from './python_generator.js';
import {Order} from './python_generator.js';

export function file_is_writable(block: Block, generator: PythonGenerator): [string, Order] {
    (generator as AnyDuringMigration).definitions_['import_os'] = 'import os'

    let text = generator.valueToCode(block, 'TEXT', Order.NONE) || "''";
    let code = `${text}.writable()\n`
    return [code, Order.ATOMIC]
}

export function file_get_name(block: Block, generator: PythonGenerator): [string, Order] {
    (generator as AnyDuringMigration).definitions_['import_os'] = 'import os'

    let text = generator.valueToCode(block, 'TEXT', Order.NONE) || "''";
    let code = `${text}.name()\n`
    return [code, Order.ATOMIC]
}

export function file_close(block: Block, generator: PythonGenerator) {
    (generator as AnyDuringMigration).definitions_['import_os'] = 'import os'

    let text = generator.valueToCode(block, 'TEXT', Order.NONE) || "''";
    let code = `${text}.close()\n`
    return code
}

export function file_listdir(block: Block, generator: PythonGenerator): [string, Order] {
    (generator as AnyDuringMigration).definitions_['import_os'] = 'import os'

    let code = `os.listdir()\n`
    return [code, Order.ATOMIC]
}

export function file_getcwd(block: Block, generator: PythonGenerator): [string, Order] {
    (generator as AnyDuringMigration).definitions_['import_os'] = 'import os'

    let code = `os.getcwd()\n`
    return [code, Order.ATOMIC]
}

export function file_chdir(block: Block, generator: PythonGenerator) {
    (generator as AnyDuringMigration).definitions_['import_os'] = 'import os'

    let text = generator.valueToCode(block, 'TEXT', Order.NONE) || "''";
    let code = `os.chdir(${text})\n`
    return code
}

export function file_mkdir(block: Block, generator: PythonGenerator) {
    (generator as AnyDuringMigration).definitions_['import_os'] = 'import os'

    let text = generator.valueToCode(block, 'TEXT', Order.NONE) || "''";
    let type = block.getFieldValue('type')
    let code = `os.${type}(${text})\n`
    return code
}

export function file_remove(block: Block, generator: PythonGenerator) {
    (generator as AnyDuringMigration).definitions_['import_os'] = 'import os'

    let text = generator.valueToCode(block, 'TEXT', Order.NONE) || "''";
    let type = block.getFieldValue('type')
    let code = `os.${type}(${text})\n`
    return code
}

export function file_rename(block: Block, generator: PythonGenerator) {
    (generator as AnyDuringMigration).definitions_['import_os'] = 'import os'

    let old = generator.valueToCode(block, 'OLD', Order.NONE) || "''";
    let news = generator.valueToCode(block, 'NEW', Order.NONE) || "''";
    let code = `os.rename(${old}, ${news})\n`
    return code
}

export function file_tell(block: Block, generator: PythonGenerator): [string, Order] {
    (generator as AnyDuringMigration).definitions_['import_os'] = 'import os'

    let text = generator.valueToCode(block, 'TEXT', Order.NONE) || "''";
    let code = `${text}.tell()\n`
    return [code, Order.ATOMIC]
}

export function file_seek(block: Block, generator: PythonGenerator) {
    (generator as AnyDuringMigration).definitions_['import_os'] = 'import os'

    let text = generator.valueToCode(block, 'TEXT', Order.NONE) || "''";
    let type = block.getFieldValue('type')
    let position = generator.valueToCode(block, 'POSITION', Order.NONE)
    let code = `${text}.seek(${position}, ${type})\n`
    return code
}

至此文件python已经完成,看一下效果图 总结:文件目录在一些文档里面是有,可以更具自己的功能需求去做相应的积木,开发难度不大

相关推荐
wordbaby30 分钟前
Flutter Form Builder 完全指南:告别 Controller 地狱
前端·flutter
A***071742 分钟前
React数据可视化应用
前端·react.js·信息可视化
泉城老铁1 小时前
Vue2实现语音报警
前端·vue.js·架构
临江仙4552 小时前
前端骚操作:用户还在摸鱼,新版本已悄悄上线!一招实现无感知版本更新通知
前端·vue.js
想个什么名好呢2 小时前
解决uniapp的H5项目uni-popup页面滚动穿透bug
前端
用户93816912553602 小时前
Vue3项目--mock数据
前端
前端加油站2 小时前
一种新HTML 页面转换成 PDF 技术方案
前端·javascript·vue.js
w***Q3502 小时前
Vue打包
前端·javascript·vue.js
有事没事实验室2 小时前
router-link的custom模式
前端·javascript·vue.js
常乐我净6162 小时前
十、路由和导航
前端