CN109669689A

CN109669689A - 一种对图形化编程应用进行离线化处理的方法、电子设备

Info

Publication number: CN109669689A
Application number: CN201811641912.1A
Authority: CN
Inventors: 孙悦; 李天驰; 滕腾
Original assignee: Shenzhen Dianmao Technology Co Ltd
Current assignee: Shenzhen Dianmao Technology Co Ltd
Priority date: 2018-12-29
Filing date: 2018-12-29
Publication date: 2019-04-23

Abstract

本发明公开一种对图形化编程应用进行离线化处理的方法、电子设备，方法包括：将目标资源的请求路径由请求服务器修改为请求本地，以离线化目标资源；通过一打包工具对离线化后的目标资源进行打包，得到目标文件；将目标文件添加至一图形化编程应用中，并定义所述图形化编程应用的属性信息；对图形化编程应用进行打包，得到相应的图形化编程客户端。通过本发明提供的方法，能够将图形化编程应用离线化，得到相应的图形化编程客户端，从而为离线使用图形化编程应用提供了条件。

Description

一种对图形化编程应用进行离线化处理的方法、电子设备

技术领域

本发明涉及图形化编程领域，尤其涉及一种对图形化编程应用进行离线化处理的方法、电子设备。

背景技术

图形化编程应用具体是指一种运行在浏览器(例如IE浏览器或谷歌浏览器等等)中的在线编辑工具。在使用图形化编程应用之前，必须通过浏览器打开指定的网页，然后才能使用图形化编程应用的各种功能。例如，通过图形化编程应用绘制图形，利用图形化编程应用编辑python代码等等。

由于图形化编程应用能在线编辑python代码，因此，越来越多的编程爱好者通过图形化编程应用学习python代码。不仅如此，由于一些学校也将python代码列入学习的重点项目，因此，学校老师便利用图形化编程应来对学生进行python代码的教学。

然而，现有的图形化编程应用必须通过浏览器运行，也就是说，必须将图形化编程应用连接于互联网环境。但实际上，学校中的计算机往往连接于学校内部的局域网，导致学校中的计算机无法运行图形化编程应用。

换句话说，现有的图形化编程应用不支持离线运行，或者说，现有技术无法离线化图形化编程应用。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种对图形化编程应用进行离线化处理的方法、电子设备，旨在解决现有的图形化编程应用不支持离线运行或现有技术无法离线化图形化编程应用的问题。

本发明的技术方案如下：

一种对图形化编程应用进行离线化处理的方法，其包括步骤：

将目标资源的请求路径由请求服务器修改为请求本地，以离线化目标资源；

通过一打包工具对离线化后的目标资源进行打包，得到目标文件；

将目标文件添加至一图形化编程应用中，并定义所述图形化编程应用的属性信息；

对图形化编程应用进行打包，得到相应的图形化编程客户端。

优选的，所述目标资源包括图片文件、超文本标记语言文件、脚本语言文件或层叠样式列表文件的一种或几种。

优选的，所述通过一打包工具对离线化后的目标资源进行打包，得到目标文件的步骤具体包括：

所述打包工具根据预设的打包规则将离线化后的目标资源复制至目标文件夹中；

通过所述打包工具对目标文件夹进行打包，得到所述目标文件。

优选的，所述图形化编程应用为nw.js应用。

优选的，所述将目标文件添加至一图形化编程应用中，并定义所述图形化编程应用的属性信息的步骤还包括：

将目标文件的接口修改为nw.js的接口。

优选的，所述将目标文件添加至一图形化编程应用中，并定义所述图形化编程应用的属性信息的步骤具体包括：

将修改接口后的目标文件添加至图形化编程应用中；

将图形化编程应用的原始图标修改为目标图标，以及修改权限信息。

优选的，所述对图形化编程应用进行打包，得到相应的图形化编程客户端的步骤之后包括：

将得到的图形化编程客户端安装于windows操作系统中。。

本发明还提供一种电子设备，其包括：

处理器，适于实现各指令，以及

存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：

本发明还提供一种计算机程序产品，其中，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器执行所述的对图形化编程应用进行离线化处理的方法。

本发明还提供一种非易失性计算机可读存储介质，其中，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行所述的对图形化编程应用进行离线化处理的方法。

有益效果：通过本发明提供的方法，能够将图形化编程应用离线化，得到相应的图形化编程客户端，从而为离线使用图形化编程应用提供了条件。具体的说，本发明的方法是先离线化目标资源，然后对离线化的目标资源进行打包处理，最后定义图形化编程应用的属性信息，以及对图形化编程应用进行打包，从而得到图形化编程客户端。本发明提供的方法具有简单、便捷和高效的特点，能够完全离线化图形化编程应用，使得用户能够在无网络的计算机中使用图形化编程应用，从而学习python。

附图说明

图1为本发明对图形化编程应用进行离线化处理的方法较佳实施例的流程图。

图2为本发明电子设备较佳实施例的结构框图。

具体实施方式

本发明提供一种对图形化编程应用进行离线化处理的方法、电子设备，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

请参阅图1，一种对图形化编程应用进行离线化处理的方法，其包括步骤：

S1、将目标资源的请求路径由请求服务器修改为请求本地，以离线化目标资源；

S2、通过一打包工具对离线化后的目标资源进行打包，得到目标文件；

S3、将目标文件添加至一图形化编程应用中，并定义所述图形化编程应用的属性信息；

S4、对图形化编程应用进行打包，得到相应的图形化编程客户端。

这样，便可以得到离线化图形化编程应用，即得到图形化编程客户端。使得用户能够在离线的计算机能够使用图形化编程应用，达到离线网络学习python的目的。

所述步骤S1中，所述目标资源是指图形化编程应用中的数据信息。优选的，所述目标资源包括图片文件、超文本标记语言文件、脚本语言文件或层叠样式列表文件的一种或几种。

其中，图片文件可以是JPG格式的图片、BMP格式的图片、TIFF格式的图片或者为GIF格式的动态图片等等。超文本标记语言为html(Hyper Text Markup Language)，脚本语言为js(JavaScript)，层叠样式列表为css(Cascading Style Sheets)。

超文本标记语言具体是指页面内中的链接(例如，网站链接：www.baidu.com)，音乐播放地址或者程序调用地址等非文字元素，即超文本语言文件包含网页中所有的超本文语言；脚本语言文件为能够插入至超文本标记语言的代码，例如，脚本语言为：functionmyFunction()；层叠样式列表文件是指能够静态修饰网页的代码，例如，层叠样式表为：font-size:12pt。

由于图形化编程应用具体在浏览器中运行，或者说只能在浏览器打开特定的网页后，才可运行图形化编程应用。因此，图形化编程应用中的目标资源的请求路径均为请求服务器，或者说目标资源均暂存于服务器中，当用户请求打开目标资源时，由服务器将目标资源发送至浏览器中，用户才能查看目标资源。

本发明的目的是为了能够得到图形化编程客户端，即对图形化编程应用进行离线化处理，因此，需要修改图形化编程应用的请求接口(路径)，具体的说，将目标资源的请求路径由请求服务器修改为请求本地。这样，便可以离线化目标资源，也就是说，离线化目标资源是得到图形化编程客户端的前提，或者说得到图形化编程客户端的基本要求。

本发明通过简单的修改修改接口路径便可以离线化目标资源，不仅如此，通过修改接口路径能够完全离线化目标资源，消除了部分目标资源无法完全离线化的隐患。

所述步骤S2中，所述打包工具多种多样，例如，winrar、grunt或者parcel等等。不同的打包工具可能存在一定的差异，但目的均为对资源进行打包，得到相应的打包文件。

但本发明最优选的打包工具为webpack。webpack是一个JavaScript应用程序的静态模块打包器，通过webpack能够得到打包后的目标文件。其中，webpack能够将目标资源模块化、扩展性强以及插件机制完善，因此，webpack具有打包效率高，以及打包准确的特点。

优选的，所述步骤S2中，还包括：

修改webpack中的output，从而修改webpack的输出环境，或者说重新编辑webpack所创建bundles(可执行文件)的位置。

优选的，所述步骤S2具体包括：

S21、所述打包工具根据预设的打包规则将离线化后的目标资源复制至目标文件夹中；

S22、通过所述打包工具对目标文件夹进行打包，得到所述目标文件。

所述步骤S21中，对每个目标资源进行编译，再根据预设的打包规则将每个目标资源复制至目标文件夹中，使得目标文件夹中出现目标资源的副本文件。

其中，对每个目标资源进行编译是为了目标资源能够相互引用；打包规则是指依赖关系或加载规则，依赖关系是指是指逻辑关系，即第一目标资源与下一个目标资源之间的关系；加载规则包括静态静载规则和动态加载规则，静态加载规则和动态加载规则分别对应静态图片和动态图片的加载，这样，便可以保证图片能够清晰复制至目标文件夹中。

优选的，所述步骤S21还包括：

将内置的文件拷贝至所述目标文件夹中。其中，内置的文件可以是底层代码等等。

所述步骤S22中，通过webpack对目标文件夹进行打包，从而得到所述目标文件。

所述步骤S3中，在打包得到build文件夹后，便可以将build文件夹添加至所述图形化编程应用。

其中，所述图形化编程应用为nw.js应用。

所述nw.js应用具体是指一种能够调用所有Node.js模块的程序，具体运行于浏览器环境中。用户可通过nw.js应用重新编写计算机应用程序。不仅如此，所述nw.js应用还具有易打包和分发的特点，同时所述nw.js应用能够运行于32位操作系统和64位操作系统(包括windows、Linux和MacOS)。

具体的，通过nw.js应用的导入功能，并在导入路径中选择build文件夹，从而将build文件夹添加至所述nw.js应用中。

将目标文件的接口修改为nw.js的接口。

优选的，本发明主要应用于学校的计算机，而学校的计算机大部分为windows XP操作系统，由于高版本的nw.js应用无法在windows XP操作系统中运行，因此，将nw.js应用的版本号选择为14.0。当然，比14.0版本低的同样能够运行于windows XP操作系统中，但经过实验发现，版本号为14.0的nw.js应用还具有稳定、安全和可靠的特点。因此，本发明最优选的方案是将nw.js应用的版本号选择为14.0。

优选的，所述步骤S3具体包括：

S31、将修改接口后的目标文件添加至图形化编程应用中；

S32、将图形化编程应用的原始图标修改为目标图标，以及修改权限信息。

所述步骤S31中，由于本发明的目的是为了得到离线化的图形化编程应用，即得到图形化编程客户端。因此，需要将代码部分接口从浏览器改为nw.js中的接口。

例如，刚开始打开图形化编程应用的时候使用maximize函数使其最大化，达到和页面一样的视觉效果。关闭窗口时监听事件也需要改为nw.js中的事件，关闭窗口事件也需要改为nw.js中的close指令，相同的还有在应用中打开其他网页的网站时，也需要通过nw.js的open指令，并且可以设置参数为通过独立进程渲染。

所述步骤S32中，对原始图标进行修改，从而得到目标图标。

具体的说，用户可添加本地的一张图片或者多张图片至图形化编程应用中，然后替换掉原始图标，从而得到相应的目标图标。这样，用户便可以根据自身的需要，设置相应的目标图标。

所述修改权限信息具体包括：修改应用权限以及修改访问权限。

其中，用户可将应用权限修改为：仅教师使用或教师和学生均可使用。也就是说，通过修改应用权限可将图形化编程客户端分为教师版本的图形化编程客户端以及学生版本的图形化编程客户端。

用户可将访问权限修改为：8:00-16:00时间内才可访问图形化编程应用，这样，用户便只能在8:00-16:00段内打开图形化编程应用，其它时间段无法打开图形化编程应用。这样，便可以消除学生私自在计算机机房中使用图形化编程应用的隐患。当然，上述时间段仅仅为举例，用户还可以设置其它时间段。

所述步骤S4中，在完成目标资源的离线化操作，以及将目标文件添加至图形化编程应用后，便可以通过打包工具对图形化编程应用进行打包，从而得到图形化编程客户端。

这样，当用户打开图形化编程客户端时，同样能够使用图形化编程应用的所有功能，从而方便了教师教学python代码。

优选的，所述步骤S4之后包括：

将得到的图形化客户端安装于windows操作系统中。

由于本发明得到的图形化客户端主要应用于学校的教学，而用于教学的计算机大部分为windows操作系统。因此，在得到图形化编程客户端后，便可以将图形化编程客户端安装在计算机中，具体来说，是安装于具有windows操作系统的计算机中。

其中，学校计算机的操作系统大部分为windows XP操作系统，因此，本发明中的windows操作系统优选为windows XP操作系统。

请参阅图2，本发明还提供一种电子设备10，其包括：

处理器110，适于实现各指令，以及

存储设备120，适于存储多条指令，所述指令适于由处理器加载并执行：

所述处理器110可以为通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)、单片机、ARM(Acorn RISC Machine)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。还有，处理器还可以是任何传统处理器、微处理器或状态机。处理器也可以被实现为计算设备的组合，例如，DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP核、任何其它这种配置。

存储设备120作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本发明实施例中的对图形化编程应用进行离线化处理的方法对应的程序指令。处理器通过运行存储在存储设备中的非易失性软件程序、指令以及单元，从而执行对图形化编程应用进行离线化处理的各种功能应用以及数据处理，即实现上述方法实施例中的对图形化编程应用进行离线化处理的方法。

应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims

1.一种对图形化编程应用进行离线化处理的方法，其特征在于，包括步骤：

2.根据权利要求1所述对图形化编程应用进行离线化处理的方法，其特征在于，所述目标资源包括图片文件、超文本标记语言文件、脚本语言文件或层叠样式列表文件的一种或几种。

3.根据权利要求1所述对图形化编程应用进行离线化处理的方法，其特征在于，所述通过一打包工具对离线化后的目标资源进行打包，得到目标文件的步骤具体包括：

4.根据权利要求1所述对图形化编程应用进行离线化处理的方法，其特征在于，所述图形化编程应用为nw.js应用。

5.根据权利要求4所述对图形化编程应用进行离线化处理的方法，其特征在于，所述将目标文件添加至一图形化编程应用中，并定义所述图形化编程应用的属性信息的步骤还包括：

将目标文件的接口修改为nw.js的接口。

6.根据权利要求5所述对图形化编程应用进行离线化处理的方法，其特征在于，所述将目标文件添加至一图形化编程应用中，并定义所述图形化编程应用的属性信息的步骤具体包括：

将修改接口后的目标文件添加至图形化编程应用中；

7.根据权利要求1所述对图形化编程应用进行离线化处理的方法，其特征在于，所述对图形化编程应用进行打包，得到相应的图形化编程客户端的步骤之后包括：

将得到的图形化编程客户端安装于windows操作系统中。

8.一种电子设备，其特征在于，包括：

处理器，适于实现各指令，以及

9.一种计算机程序产品，其特征在于，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器执行权利要求1-7任一项所述的对图形化编程应用进行离线化处理的方法。

10.一种非易失性计算机可读存储介质，其特征在于，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行权利要求1-7任一项所述的对图形化编程应用进行离线化处理的方法。