一种逻辑积木架构及其工作方法技术

本发明专利技术公开一种逻辑积木架构及其工作方法。所述逻辑积木架构包括：在视图层设置组件库；业务层包括核心业务和核心能力，视图层与业务层通过构建用户界面框架来控制各个组件间数据通信、渲染更新；持久层包括二进制文件、内容分发网络静态资源、服务器数据、浏览器本地存储和移动端数据管理；通信层与素材库之间进行进程通信；安全处理层具体包括：对表单内容进行校验，对文件上传作大小格式校验；对图片进行云端敏感内容过滤；对服务器请求进行令牌校验；对程序执行文件进行代码签名；对场景制作器中核心的界面绘制数据进行加密处理，对引擎进行解密。采用本发明专利技术提供的逻辑积木架构，能够清晰直观的展示出编程知识，适合用户编程要求。编程要求。编程要求。

【技术实现步骤摘要】
一种逻辑积木架构及其工作方法


[0001]本专利技术涉及计算机
，尤其涉及一种逻辑积木架构及其工作方法。

技术介绍

[0002]编程教育是通过编程游戏启蒙、可视化图形编程等课程，培养学生的计算思维和创新解难能力的课程。现有的编程教育一般都是教师教学，用户所要了解的编程知识都需要从书本获得，生硬理解编程知识使得编程教育质量不能得到提升。因此本专利技术构建一种逻辑积木架构及其工作方法，设计的逻辑积木产品是一款简单好用的创造力生产工具，用户可通过该工具初步学习到编程知识，创造属于自己的世界。

技术实现思路

[0003]本专利技术提供了一种逻辑积木架构，包括：视图层、业务层、持久层、通信层和安全层；在视图层设置组件库，组件库包括界面元素组件、自定义组件、第三方组件和前端部署组件；业务层包括核心业务和核心能力，视图层与业务层通过构建用户界面框架来控制各个组件间数据通信、渲染更新；核心业务包括场景制作器、橱窗制作器、函数制作器，用于产出场景组件；持久层包括二进制文件、内容分发网络静态资源、服务器数据、浏览器本地存储和移动端数据管理，当保存逻辑积木整体数据时，会将内存数据保存至二进制文件及服务器中，逻辑积木运行时，开启本地文件数据监听更新，本地文件数据变更和逻辑积木操作是同步操作；通信层与业务层之间通过组件通信，通过前端开发框架主进程、多渲染进程实现多窗口间数据同步更新；通信层与素材库之间通过进程间通信协议进行进程通信；安全处理层，具体包括：逻辑积木对表单内容进行校验，对文件上传作大小、格式校验；对图片进行云端敏感内容过滤；对服务器的请求进行令牌校验；对程序执行文件进行代码签名；对场景制作器中核心的界面绘制中的数据进行加密处理，对引擎进行解密。
[0004]如上所述的一种逻辑积木架构，其中，场景组件由若界面控件、事件、函数操作、橱窗组件构成，使常量库、变量来记录控制运行状态；当操作常量库、变量、场景制作器、函数制作器、橱窗制作器时，程序通过构建用户界面框架将数据保存至内存变量中。
[0005]如上所述的一种逻辑积木架构，其中，场景制作器分为三个区域：场景列表、传入传出参数区、事件区。
[0006]如上所述的一种逻辑积木架构，其中，场景列表显示当前作品中存在的所有场景，并提供了快速新建，拖拽分组功能，单独导入导出场景功能，有利于用户间的模板分享、合作者间的协作开发；传入传出参数区展示当前选中场景的传入参数和传出参数；事件区展示当前选中场景的编辑事件。
[0007]如上所述的一种逻辑积木架构，其中，事件执行流程包括：初始化事件，绘制前先处理数值，在绘制场景界面前，需要先对数值进行处理，这时可用初始化事件添加事件来搞定；绘制界面，通过添加元件的方式，绘制出当前场景的界面，元件包括基础元件和自定义元件，基础元件包括图片、文本、长文本、按钮、进度条，自定义元件包括橱窗、泳道，以便用户更好的实现逻辑，提升制作效率；绘制后一次性处理，在界面初始化后执行，对界面特殊数值或画面效果进行处理；循环更新，在采集的运行过程中，每帧都会执行此事件，判断全局数值变化，处理被动触发事件逻辑。
[0008]按钮绑定的事件是封装好的公共事件，能够被随时调用。
[0009]如上所述的一种逻辑积木架构，其中，函数制作器用于封装逻辑类的计算，没有界面交互，只有计算逻辑事件。
[0010]如上所述的一种逻辑积木架构，其中，业务层的核心技术还包括数据选择器，数据选择器对工具内全部数据进行查看和使用；采用全局单例模式实现，采用预设数据格式进行交互，提供四种视图和交互方式：只能选择，可手填输入可选择，右键选择插入变量类型和选择富文本；界面层根据视图窗口自适应缩放尺寸。
[0011]如上所述的一种逻辑积木架构，其中，业务层包括：常量库、变量管理器、存储库、公共数据管理、素材库、导入导出功能、数据选择器、常量库多窗口、批量操作功能、预览引擎功能、全局搜索功能和自定义主题。
[0012]本专利技术还提供一种逻辑积木架构的工作方法，包括：应用启动，解析URL参数，存入全局变量及本地存储中；初始化构建用户界面框架实例，通过URL传参数控制路由到首屏页面；使用创建读流方法流式读取二进制文件数据，二进制文件存入构建用户界面框架实例中；加载服务器资源；监听本地文件数据变化，并更新构建用户界面框架实例；通过前端开发框架提供的渲染进程开启主进程和渲染进程间的通信。
[0013]初始化完成后，使用逻辑积木架构生成常量库及常量库实例、实例的属性，存入构建用户界面框架实例中；创建场景组件并生成变量，操作组件内容时，存入构建用户界面框架实例中；当使用盘素材时，使用素材信息存入构建用户界面框架实例中并更新本地二进制文件数据；当预览场景组件或橱窗组件时，通过网页浏览加载预览页面，并建立传递函数、返回数据；当开启、关闭多窗口常量表，保存逻辑积木数据、关闭逻辑积木窗口时，通过渲染进程通信进行关闭；当保存逻辑积木数据时，首先更新构建用户界面框架实例中的数据，并将构建用户界面框架实例数据更新到本地二进制文件，将数据保存至服务器。
[0014]本专利技术实现的有益效果如下：采用本专利技术提供的逻辑积木架构，能够清晰直观的
展示出编程知识，适合用户编程要求。
附图说明
[0015]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。
[0016]图1是本专利技术实施例一提供的一种逻辑积木架构示意图；图2是一种逻辑积木架构工作方法流程图。
具体实施方式
[0017]下面结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
实施例一
[0018]参见图1，本专利技术实施例一提供一种逻辑积木架构，包括视图层、业务层、持久层、通信层和安全层。其中：视图层在视图层设置组件库，组件库包括ElementUI（界面元素组件）、自定义组件、第三方组件和其他NPM（前端部署）组件。
[0019]（二）业务层包括核心业务和核心能力。视图层与业务层通过vue框架（是一款用于构建用户界面的框架）来控制各个组件间数据通信、渲染更新。
[0020]核心业务包括Scene（场景）制作器、橱窗制作器、函数制作器，用于产出scene组件。scene组件由若UI控件、事件、函数操作、橱窗组件构成，使常量库、变量来记录控制运行状态。当操作常量库、变量、scene制作器、函数制作器、橱窗制作器时，程序通过vue将数据保存至内存变量中。
[0021]其中Scene制作器承担整体框架逻辑，橱窗及函数制作器提供支持，主要用来制作通用组件及方法。制作界面布局都选用了从左本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种逻辑积木架构，其特征在于，包括：视图层、业务层、持久层、通信层和安全层；在视图层设置组件库，组件库包括界面元素组件、自定义组件、第三方组件和前端部署组件；业务层包括核心业务和核心能力，视图层与业务层通过构建用户界面框架来控制各个组件间数据通信、渲染更新；核心业务包括场景制作器、橱窗制作器、函数制作器，用于产出场景组件；持久层包括二进制文件、内容分发网络静态资源、服务器数据、浏览器本地存储和移动端数据管理，当保存逻辑积木整体数据时，会将内存数据保存至二进制文件及服务器中，逻辑积木运行时，开启本地文件数据监听更新，本地文件数据变更和逻辑积木操作是同步操作；通信层与业务层之间通过组件通信，通过前端开发框架主进程、多渲染进程实现多窗口间数据同步更新；通信层与素材库之间通过进程间通信协议进行进程通信；安全处理层，具体包括：逻辑积木对表单内容进行校验，对文件上传作大小、格式校验；对图片进行云端敏感内容过滤；对服务器的请求进行令牌校验；对程序执行文件进行代码签名；对场景制作器中核心的界面绘制中的数据进行加密处理，对引擎进行解密。2.如权利要求1所述的一种逻辑积木架构，其特征在于，场景组件由若界面控件、事件、函数操作、橱窗组件构成，使常量库、变量来记录控制运行状态；当操作常量库、变量、场景制作器、函数制作器、橱窗制作器时，程序通过构建用户界面框架将数据保存至内存变量中。3.如权利要求2所述的一种逻辑积木架构，其特征在于，场景制作器分为三个区域：场景列表、传入传出参数区、事件区。4.如权利要求3所述的一种逻辑积木架构，其特征在于，场景列表显示当前作品中存在的所有场景，并提供了快速新建，拖拽分组功能，单独导入导出场景功能，有利于用户间的模板分享、合作者间的协作开发；传入传出参数区展示当前选中场景的传入参数和传出参数；事件区展示当前选中场景的编辑事件。5.如权利要求4所述的一种逻辑积木架构，其特征在于，事件执行流程包括：初始化事件，绘制前先处理数值，在绘制场景界面前，需要先对数值进行处理，这时可用初始化事件添加事件来搞定；绘制界面，通过添加元件的方式，绘制出当前场景的界面，元件包括基础元件和自定义元件，基础元件包括图片、文本、长文本...

【专利技术属性】
技术研发人员：柳晓宇，王宁，房晓丹，张直介，
申请(专利权)人：北京六趣网络科技有限公司，
类型：发明
国别省市：