CN110347383B - 跨平台桌面应用的前端开发方法及装置 - Google Patents

Abstract

本发明公开了一种跨平台桌面应用的前端开发方法及装置，所述方法包括：获取用于开发跨平台桌面应用的前端页面的辅助工具，所述辅助工具通过图形用户界面显示，接收用户在所述图形用户界面上进行的操作信息，根据所述操作信息配置预生成项目的开发环境，在标准模板库中选择符合所述操作信息的标准物料，所述标准物料包括页面模板，根据所述开发环境和所述页面模板生成项目，通过在可视化的GUI界面上进行操作生成项目，无需再使用命令行的工具，无需再安装大量的前端工具包，极大的方便了用户进行前端开发，降低了用户进行前端开发的难度，减少了开发前端页面的时间，提高了用户进行前端开发的工作效率，提高了项目开发的质量。

Description

跨平台桌面应用的前端开发方法及装置

技术领域

本发明涉及计算机应用技术领域，尤其涉及一种跨平台桌面应用的前端开发方法及装置。

背景技术

随着近年来Web前端技术蓬勃发展，前端开发已经由传统的WebPage网页模式转变为WebApp模式为主，项目工程更加复杂，如何高效的协作开发，保证项目的开发质量显得尤为重要。

在企业项目开发中，往往需要开发很多个不同的企业级中后台管理系统或网站系统，对于后台管理系统或网站系统的前端来说，需要重复创建多种相似而又不同的系统，每个系统的前端相似，而业务又都不相同，所以需要被创建成不同的隔离的系统。而每个系统对于前端开发技术而言又有很大的相似性，例如同样的项目开发流程，开发、编译、测试、打包等，需要配置很多开发套件，例如配置路由、配置监控、配置样式处理器等，大量的重复工作往往需要几天时间才能配置完成，导致工作效率较低，而且不同开发工程师的编程能力或编程风格不同，导致项目质量参差不齐，不便于项目后期复核、升级等。

而传统的通过组件形式、单一解决方案的复用能力有限，只是简单地根据不同的功能给出不同的代码块，需要开发工程师自己拼接组件，导致代码比较乱，需要再修改调整代码，工作效率仍比较低，无法提高项目的开发质量。

发明内容

有鉴于此，本发明提供了一种跨平台桌面应用的前端开发方法及装置，用于解决现有技术中项目前端开发时工作效率低，项目质量参差不齐，不便于项目后期复核、升级等问题。

为达上述之一或部分或全部目的或是其他目的，本发明实施例的第一方面提供了一种跨平台桌面应用的前端开发方法，包括：

获取用于开发跨平台桌面应用的前端页面的辅助工具，所述辅助工具通过图形用户界面显示；

接收用户在所述图形用户界面上进行的操作信息；

根据所述操作信息配置预生成项目的开发环境；

在标准模板库中选择符合所述操作信息的标准物料，所述标准物料包括页面模板；

根据所述开发环境和所述页面模板生成项目。

在其中一个实施例中，所述标准物料还包括至少一种组件，每种组件用于实现一种对所述项目的页面进行操作的功能，所述组件设置在所述页面模板中；

所述标准物料还包括区块，所述区块设置在所述页面模板中，所述组件设置在所述页面模板的所述区块中，所述区块用于组合一种排列方式的组件。

在其中一个实施例中，所述根据所述开发环境和所述页面模板生成项目之后，还包括：

获取所述标准物料的代码；

添加所述标准物料的代码至所述项目中。

在其中一个实施例中，所述添加所述标准物料的代码至所述项目中之后，还包括：

接收用户在所述项目中输入的业务代码；

打包所述标准物料的代码和所述业务代码，得到打包的项目；

将所述打包的项目发送至浏览器，以使所述浏览器显示项目的前端页面。

在其中一个实施例中，所述获取所述标准物料的代码，包括：

获取用户统计的物料使用频率；

当所述使用频率大于预设阈值时，将所述物料确定为标准物料，并添加至标准模板库中；

获取用户输入的所述标准物料的初始代码；

对所述初始代码标准化处理，得到所述标准物料的代码。

在其中一个实施例中，所述方法还包括：

监听所述标准物料的代码是否已被更新；

当监听到所述标准物料的代码已被更新，获取更新的信息；

根据所述更新的信息更新打包的项目，以使所述浏览器更新项目的前端页面。

在其中一个实施例中，所述监听所述标准物料的代码是否已被更新，包括：

监听用户是否修改了标准物料的代码；

监听用户是否在所述图形用户界面上进行了新的操作；

当监听到用户修改了标准物料的代码，或监听到用户在所述图形用户界面上进行了新的操作，确定所述标准物料的代码已被更新。

本发明实施例的第二方面提供了一种跨平台桌面应用的前端开发装置，包括：

获取模块，用于获取用于开发跨平台桌面应用的前端页面的辅助工具，所述辅助工具通过图形用户界面显示；

接收模块，用于接收用户在所述图形用户界面上进行的操作信息；

配置模块，用于根据所述操作信息配置预生成项目的开发环境；

选择模块，用于在标准模板库中选择符合所述操作信息的标准物料，所述标准物料包括页面模板；

生成模块，用于根据所述开发环境和所述页面模板生成项目。

本发明实施例的第三方面提供了一种终端设备，包括：

存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述所述方法的步骤。

本发明实施例的第四方面提供了一种计算机可读存储介质，包括：

所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如上述所述方法的步骤。

本发明公开了一种跨平台桌面应用的前端开发方法及装置，所述方法包括：获取用于开发跨平台桌面应用的前端页面的辅助工具，所述辅助工具通过图形用户界面显示，接收用户在所述图形用户界面上进行的操作信息，根据所述操作信息配置预生成项目的开发环境，在标准模板库中选择符合所述操作信息的标准物料，所述标准物料包括页面模板，根据所述开发环境和所述页面模板生成项目，通过在可视化的GUI界面上进行操作生成项目，无需再使用命令行的工具，无需再安装大量的前端工具包，极大的方便了用户进行前端开发，降低了用户进行前端开发的难度，减少了开发前端页面的时间，提高了用户进行前端开发的工作效率，解决了现有技术中项目前端开发时工作效率低，项目质量参差不齐，不便于项目后期复核、升级等问题。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例一提供的一种跨平台桌面应用的前端开发方法的实现流程示意图；

图2是本发明实施例二提供的另一种跨平台桌面应用的前端开发方法的实现流程示意图；

图3是本发明实施例三提供的又一种跨平台桌面应用的前端开发方法的实现流程示意图；

图4是本发明实施例四提供的一种跨平台桌面应用的前端开发装置的示意图；

图5是本发明实施例五提供的终端设备的示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

为了说明本发明所述的技术方案，下面通过具体实施例来进行说明。

图1是本发明实施例一提供的一种跨平台桌面应用的前端开发方法的实现流程示意图，如图1所示，本实施例提供的跨平台桌面应用的前端开发方法包括以下步骤：

步骤11、获取用于开发跨平台桌面应用的前端页面的辅助工具，所述辅助工具通过图形用户界面显示。

本实施例提供的跨平台桌面应用的前端开发方法用于开发桌面应用的前端页面，该桌面应用是可跨平台的，不依赖于操作系统，也不依赖硬件环境，可以在多种系统下开发、运行和维护。

跨平台桌面应用的前端页面的辅助工具是由用户预先开发的，该辅助工具的系统预先安装在开发前端页面的装置上。辅助工具的确定，是由用户通过统计调查，获取在跨平台桌面应用的前端开发中，哪些工具是常使用的，哪些工具是不常使用的，将常使用的工具确定为用于开发跨平台桌面应用的前端页面的辅助工具。

本实施例中，用于开发跨平台桌面应用的前端页面的辅助工具可基于ELECTRON开发，ELECTRON是使用JavaScript、HTML和CSS构建跨平台的桌面应用的开发框架。

步骤12、接收用户在所述图形用户界面上进行的操作信息。

用户进行跨平台桌面应用的前端开发时，获取的辅助工具通过图形用户界面GUI显示给用户，用户在其上进行选择、拖拽等操作。本实施例借助辅助工具，用户无需再安装大量的前端工具包，通过在可视化的图形用户界面上进行操作，无需再使用命令行工具，极大的方便了用户进行前端开发，节省安装大量前端工具包的时间，提高了用户前端开发的工作效率。并且，所有用户都采用相同的GUI，确保项目风格统一，提高了项目开发质量，有利于项目后期复核、升级。

步骤13、根据所述操作信息配置预生成项目的开发环境。

根据用户在GUI上进行的操作，自动配置预生成项目的开发环境，如配置路由、监控、处理器等开发过程中的公共环境。例如，预生成项目是后台管理系统，用户进行的选择操作则是与后台管理系统相关的，在GUI中选择与预生成后台管理系统相匹配的前端页面，根据用户选择的信息配置与后台管理系统开发相关的开发环境。又如，预生成项目是网站，用户进行的选择操作则是与网站相关的，在GUI中选择与预生成网站相匹配的前端页面，根据用户选择的信息配置与网站开发相关的开发环境。

步骤14、在标准模板库中选择符合所述操作信息的标准物料，所述标准物料包括页面模板。

根据用户操作的信息，确定开发前端页面的标准物料。如用户选择后台管理系统的页面模板，得到预生成项目的前端页面模板，该前端页面模板中提供了预设的功能，如菜单栏等功能。该前端页面模板中预设功能的布局也已初始化，用户也可以对页面模板的功能、布局等进行调整。

可选的，所述标准物料还包括至少一种组件，每种组件用于实现一种对所述项目的页面进行操作的功能，所述组件设置在所述页面模板中。组件可分为基础组件和业务组件，相同类型的业务的基础组件是统一的，每个组件实现一种单一的功能，如按键、输入框等。业务组件是根据业务的不同有所差异的，相比基础组价较为复杂，业务组件是和业务紧密相关的，为避免前后不一致，一般业务组件是不允许随意更改的。

可选的，所述标准物料还包括区块，所述区块设置在所述页面模板中，所述组件设置在所述页面模板的所述区块中，所述区块用于组合一种排列方式的组件。区块类似一个容器，容纳多个组件，按不同的排列顺序将多个组件组合，提供不同的功能。

步骤15、根据所述开发环境和所述页面模板生成项目。

根据项目配置的开发环境和前端页面模板生成项目，开发环境和页面模板都是根据预先开发的代码生成项目的，用户无需再对前端页面、开发环境进行逐一编写配置，一键生成项目即可添加预先开发的代码至项目中，极大的降低了用户进行前端开发的难度，减少了开发前端页面的时间，进一步提高了用户进行前端开发的工作效率。

本实施例提供了一种跨平台桌面应用的前端开发方法，包括：获取用于开发跨平台桌面应用的前端页面的辅助工具，所述辅助工具通过图形用户界面显示，接收用户在所述图形用户界面上进行的操作信息，根据所述操作信息配置预生成项目的开发环境，在标准模板库中选择符合所述操作信息的标准物料，所述标准物料包括页面模板，根据所述开发环境和所述页面模板生成项目，通过在可视化的GUI界面上进行操作生成项目，无需再使用命令行的工具，无需再安装大量的前端工具包，极大的方便了用户进行前端开发，降低了用户进行前端开发的难度，减少了开发前端页面的时间，提高了用户进行前端开发的工作效率，解决了现有技术中项目前端开发时工作效率低，项目质量参差不齐，不便于项目后期复核、升级等问题。

图2是本发明实施例二提供的另一种跨平台桌面应用的前端开发方法的实现流程示意图，本实施例二是在实施例一的基础上实现的，如图2所示，本实施例提供的跨平台桌面应用的前端开发方法，包括以下步骤：

步骤201、获取用于开发跨平台桌面应用的前端页面的辅助工具，所述辅助工具通过图形用户界面显示；

步骤202、接收用户在所述图形用户界面上进行的操作信息；

步骤203、根据所述操作信息配置预生成项目的开发环境；

步骤204、在标准模板库中选择符合所述操作信息的标准物料，所述标准物料包括页面模板；

步骤205、根据所述开发环境和所述页面模板生成项目。

上述步骤201至步骤205，分别对应实施例一中的步骤11至步骤15，参见实施例一中步骤11至步骤15中相应的阐述，此处不再赘述。

步骤206、获取所述标准物料的代码。

生成项目后，进一步获取标准物料的代码，将标准物料的代码添加至生成的项目中。标准物料是预先编写代码后保存的，在开发前端时，将前端开发中用到的标准物料的代码直接添加得到项目中，无需用户再重复编写。例如，开发的一个前端页面中，包括多个编辑框，或者，项目包括多个不同的前端页面，这些前端页面中，包括多个相同的区块，为避免编写多次相同的代码，在生成项目后，将编辑框、区块的代码添加到项目中，可实现代码的复用。

获取标准物料的代码，首先确定哪些物料可作为标准物料，然后再获取其代码。获取标准物料的代码具体包括以下步骤：

S2061、获取用户统计的物料使用频率。

用户根据历史项目的开发情况，统计所有物料的使用频率，若物料在前端开发中的使用频率高，表明该物料的复用率高。

S2062、当所述使用频率大于预设阈值时，将所述物料确定为标准物料，并添加至标准模板库中。

设定一个阈值，在统计的所有物料中，若当前物料的使用频率大于阈值，说明该物料的使用频率高，将该物料可作为标准物料，添加至标准模板库中，以便多次调用。添加标准物料至标准模板库的同时获取标准物料的代码，并将其保存，调用时无需重复编码。

S2063、获取用户输入的所述标准物料的初始代码。

S2064、对所述初始代码标准化处理，得到所述标准物料的代码。

获取标准物料的代码时，先获取用户输入的标准物料的初始代码，由于每个用户编写代码的习惯不同，因此，在保存之前，对获取的初始代码根据预先定义的编码规则标准进行标准化处理，从而得到标准物料的代码。

步骤207、添加所述标准物料的代码至所述项目中。

当前端页面添加标准物料后，将标准物料对应的代码添加至项目中，保证前后台同步。

可选的，在步骤207之后，本实施例提供的跨平台桌面应用的前端开发方法，还包括以下步骤：

步骤208、接收用户在所述项目中输入的业务代码。

前端页面创建完成后，开始编写业务代码，接收用户在项目中输入的业务代码，将其添加至项目中。

步骤209、打包所述标准物料的代码和所述业务代码，得到打包的项目。

业务代码编写完成后，将项目的所有代码打包，得到打包的项目。

可选的，为避免代码被反编译，在打包之前，采用预定义混淆算法将代码进行混淆处理；为减小代码量，在打包之前，采用预定义压缩算法将代码进行压缩处理，可减小传输项目的耗时，得到精简的、防止反编译的代码。

步骤210、将所述打包的项目发送至浏览器，以使所述浏览器显示项目的前端页面。

本实施例提供了一种跨平台桌面应用的前端开发方法，包括：获取用于开发跨平台桌面应用的前端页面的辅助工具，所述辅助工具通过图形用户界面显示，接收用户在所述图形用户界面上进行的操作信息，根据所述操作信息配置预生成项目的开发环境，在标准模板库中选择符合所述操作信息的标准物料，所述标准物料包括页面模板，根据所述开发环境和所述页面模板生成项目，获取所述标准物料的代码，添加所述标准物料的代码至所述项目中，接收用户在所述项目中输入的业务代码，打包所述标准物料的代码和所述业务代码，得到打包的项目，将所述打包的项目发送至浏览器，以使所述浏览器显示项目的前端页面，通过在可视化的GUI界面上进行操作生成项目，无需再使用命令行的工具，无需再安装大量的前端工具包，直接添加标准物料的代码至项目中，无需重复编写相同功能的代码，极大的方便了用户进行前端开发，降低了用户进行前端开发的难度，减少了开发前端页面的时间，提高了用户进行前端开发的工作效率，解决了现有技术中项目前端开发时工作效率低，项目质量参差不齐，不便于项目后期复核、升级等问题。

图3是本发明实施例三提供的又一种跨平台桌面应用的前端开发方法的实现流程示意图，如图3所示，在实施例二的步骤201至步骤210的基础上，所述跨平台桌面应用的前端开发方法，还包括以下步骤：

步骤301、监听所述标准物料的代码是否已被更新。

当用户在进行业务编码时，若发现前端页面的标准物料有不合适的地方，可对其进行更新。监听模块持续监听用户是否更新了标准物料的代码，具体包括以下步骤：

S3011、监听用户是否修改了标准物料的代码。

通过监听模块对已更新的标准物料的代码进行监听。当用户直接对项目中现有的标准物料的代码进行修改，即修改标准化处理后的代码时，可监听到用户更新了标准物料的代码。

S3012、监听用户是否在所述图形用户界面上进行了新的操作。

当用户直接在GUI上进行新的操作，如添加新的标准物料、移动现有标准物料的位置等操作时，可监听到标准物料的代码被更新。

S3013、当监听到用户修改了标准物料的代码，或监听到用户在所述图形用户界面上进行了新的操作，确定所述标准物料的代码已被更新。

当监听到用户修改了现有标准物料的代码，或者在GUI上进行了新的操作时，监听到原有代码被更新，则确定标准物料的代码已被更新。否则，标准物料的代码没有被更新。

步骤302、当监听到所述标准物料的代码已被更新，获取更新的信息。

步骤303、根据所述更新的信息更新打包的项目，以使所述浏览器更新项目的前端页面。

确定用户更新了标准物料的代码后，则需要对更新后的前端页面同步更新以显示更新后的前端页面。为减少传输量，在更新代码后，未更新的信息没有改变，无需再重新打包发送，只获取已更新的信息，根据更新的信息更新之前打包的项目，再发生到浏览器，以使浏览器显示更新后的项目的前端页面。当用户需要在现有项目基础上增加新的功能时，通过该种方式更新，在不影响现有功能的前提下，新增新的前端页面，编写新功能的业务代码，从而可实现项目功能的快速升级。

图4是本发明实施例四提供的一种跨平台桌面应用的前端开发装置的示意图，如图4所示，本实施例提供的跨平台桌面应用的前端开发装置，包括以下模块：

获取模块41，用于获取用于开发跨平台桌面应用的前端页面的辅助工具，所述辅助工具通过图形用户界面显示；

接收模块42，用于接收用户在所述图形用户界面上进行的操作信息；

配置模块43，用于根据所述操作信息配置预生成项目的开发环境；

选择模块44，用于在标准模板库中选择符合所述操作信息的标准物料，所述标准物料包括页面模板；

生成模块45，用于根据所述开发环境和所述页面模板生成项目。

本实施例四提供的一种跨平台桌面应用的前端开发装置，用于实现实施例一所述的跨平台桌面应用的前端开发方法，其中各个模块的功能可以参考方法实施例中相应的描述，其实现原理和技术效果类似，此处不再赘述。

图5是本发明实施例五提供的终端设备的示意图。如图5所示，该实施例的终端设备5包括：处理器50、存储器51以及存储在所述存储器51中并可在所述处理器50上运行的计算机程序52，例如跨平台桌面应用的前端开发程序。所述处理器50执行所述计算机程序52时实现上述各个跨平台桌面应用的前端开发方法实施例中的步骤，例如图1所示的步骤11至15。或者，所述处理器50执行所述计算机程序52时实现上述各装置实施例中各模块的功能，例如图4所示模块41至45的功能。

示例性的，所述计算机程序52可以被分割成一个或多个模块/单元，所述一个或者多个模块/单元被存储在所述存储器51中，并由所述处理器50执行，以完成本发明。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序52在所述终端设备5中的执行过程。例如，所述计算机程序52可以被分割成获取模块、接收模块、配置模块、选择模块和生成模块(虚拟装置中的单元模块)，各模块具体功能如下：

获取模块，用于获取用于开发跨平台桌面应用的前端页面的辅助工具，所述辅助工具通过图形用户界面显示；

接收模块，用于接收用户在所述图形用户界面上进行的操作信息；

配置模块，用于根据所述操作信息配置预生成项目的开发环境；

选择模块，用于在标准模板库中选择符合所述操作信息的标准物料，所述标准物料包括页面模板；

生成模块，用于根据所述开发环境和所述页面模板生成项目。

所述终端设备5可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述终端设备5可包括，但不仅限于，处理器50、存储器51。本领域技术人员可以理解，图5仅仅是终端设备5的示例，并不构成对终端设备5的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述终端设备5还可以包括输入输出设备、网络接入设备、总线等。

所称处理器50可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

所述存储器51可以是所述终端设备5的内部存储单元，例如终端设备5的硬盘或内存。所述存储器51也可以是所述终端设备5的外部存储设备，例如所述终端设备5上配备的插接式硬盘，智能存储卡(Smart Media Card，SMC)，安全数字(Secure Digital，SD)卡，闪存卡(Flash Card)等。进一步地，所述存储器51还可以既包括所述终端设备5的内部存储单元也包括外部存储设备。所述存储器51用于存储所述计算机程序以及所述终端设备5所需的其他程序和数据。所述存储器51还可以用于暂时地存储已经输出或者将要输出的数据。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述终端设备的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

在本发明所提供的实施例中，应该理解到，所揭露的装置/终端设备和方法，可以通过其它的方式实现。例如，以上所描述的装置/终端设备实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(Read-Only Memory，ROM)、随机存取存储器(RandomAccess Memory，RAM)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (9)

1.一种跨平台桌面应用的前端开发方法，其特征在于，包括：

获取用于开发跨平台桌面应用的前端页面的辅助工具，所述辅助工具通过图形用户界面显示；

接收用户在所述图形用户界面上进行的操作信息；

根据所述操作信息配置预生成项目的开发环境；

在标准模板库中选择符合所述操作信息的标准物料，所述标准物料包括页面模板；

根据所述开发环境和所述页面模板生成项目；

其中，

所述标准物料还包括至少一种组件，每种组件用于实现一种对所述项目的页面进行操作的功能，所述组件设置在所述页面模板中；

所述标准物料还包括区块，所述区块设置在所述页面模板中，所述组件设置在所述页面模板的所述区块中，所述区块用于组合一种排列方式的组件。

2.根据权利要求1所述的跨平台桌面应用的前端开发方法，其特征在于，所述根据所述开发环境和所述页面模板生成项目之后，还包括：

获取所述标准物料的代码；

添加所述标准物料的代码至所述项目中。

3.根据权利要求2所述的跨平台桌面应用的前端开发方法，其特征在于，所述添加所述标准物料的代码至所述项目中之后，还包括：

接收用户在所述项目中输入的业务代码；

打包所述标准物料的代码和所述业务代码，得到打包的项目；

将所述打包的项目发送至浏览器，以使所述浏览器显示项目的前端页面。

4.根据权利要求2所述的跨平台桌面应用的前端开发方法，其特征在于，所述获取所述标准物料的代码，包括：

获取用户统计的物料使用频率；

当所述使用频率大于预设阈值时，将所述物料确定为标准物料，并添加至标准模板库中；

获取用户输入的所述标准物料的初始代码；

对所述初始代码标准化处理，得到所述标准物料的代码。

5.根据权利要求3所述的跨平台桌面应用的前端开发方法，其特征在于，所述方法还包括：

监听所述标准物料的代码是否已被更新；

当监听到所述标准物料的代码已被更新，获取更新的信息；

根据所述更新的信息更新打包的项目，以使所述浏览器更新项目的前端页面。

6.根据权利要求5所述的跨平台桌面应用的前端开发方法，其特征在于，所述监听所述标准物料的代码是否已被更新，包括：

监听用户是否修改了标准物料的代码；

监听用户是否在所述图形用户界面上进行了新的操作；

当监听到用户修改了标准物料的代码，或监听到用户在所述图形用户界面上进行了新的操作，确定所述标准物料的代码已被更新。

7.一种跨平台桌面应用的前端开发装置，其特征在于，包括：

获取模块，用于获取用于开发跨平台桌面应用的前端页面的辅助工具，所述辅助工具通过图形用户界面显示；

接收模块，用于接收用户在所述图形用户界面上进行的操作信息；

配置模块，用于根据所述操作信息配置预生成项目的开发环境；

选择模块，用于在标准模板库中选择符合所述操作信息的标准物料，所述标准物料包括页面模板；

生成模块，用于根据所述开发环境和所述页面模板生成项目。

8.一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至6任一项所述方法的步骤。

9.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时，实现如权利要求1至6任一项所述方法的步骤。