一种生成UI插件的方法及装置制造方法及图纸

本发明专利技术提供了一种生成UI插件的方法及装置，该方法，包括：预先设置至少一种UI框架，针对每种UI框架设置至少一个UI组件；根据用户输入的框架选择指令，确定用户选择的目标UI框架；根据用户输入的组件选择指令，确定用户从所述目标UI框架对应的至少一个UI组件中选择的至少一个目标UI组件；根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件。本发明专利技术提供了一种生成UI插件的方法及装置，能够更加方便地生成UI插件。

A Method and Device for Generating UI Plug-ins

The invention provides a method and device for generating UI plug-ins, which includes: setting at least one UI framework in advance, setting at least one UI component for each UI framework; determining the target UI framework selected by the user according to the frame selection instruction input by the user; and determining at least one UI group corresponding to the target UI framework by the component selection instruction input by the user. At least one target UI component is selected in the component; according to the target UI framework and at least one target UI component, the target UI plug-in is generated. The invention provides a method and device for generating UI plug-ins, which can generate UI plug-ins more conveniently.

【技术实现步骤摘要】
一种生成UI插件的方法及装置
本专利技术涉及计算机
，特别涉及一种生成UI插件的方法及装置。
技术介绍
随着计算机技术的快速发展，越来越多的软件被开发出来，其中，UI插件是非常重要部分。在现有技术中，当需要UI插件时，开发人员需要针对需要开发的UI插件编写相应的代码，开发过程比较复杂。
技术实现思路
本专利技术实施例提供了一种生成UI插件的方法及装置，能够更加方便地生成UI插件。一方面，本专利技术实施例提供了一种生成UI插件的方法，包括：预先设置至少一种UI框架，针对每种UI框架设置至少一个UI组件；根据用户输入的框架选择指令，确定用户选择的目标UI框架；根据用户输入的组件选择指令，确定用户从所述目标UI框架对应的至少一个UI组件中选择的至少一个目标UI组件；根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件。优选地，所述UI框架中包括：框架css(层叠样式表，CascadingStyleSheets)样式表文件、框架javaScript脚本文件和框架html(超文本标记语言，HyperTextMarkupLanguage)标记语言文件；所述UI组件中包括：组件代码、组件css样式和html元素；所述根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件，包括：将每个所述目标UI组件的组件代码写入到所述目标UI框架的框架javaScript脚本文件中，生成插件javaScript脚本文件；将每个所述目标UI组件的组件css样式加入到所述目标UI框架的框架css样式表文件中，生成插件css样式表文件；将每个所述目标UI组件的html元素添加到所述目标UI框架的框架html标记语言文件，生成插件html标记语言文件；根据所述插件javaScript脚本文件、所述插件css样式表文件和所述插件html标记语言文件，生成所述目标UI插件。优选地，在所述根据用户输入的组件选择指令，确定用户从所述目标UI框架对应的至少一个UI组件中选择的至少一个目标UI组件之后，进一步包括：接收用户输入的针对所述至少一个目标UI组件的组件间关系；所述根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件，包括：根据所述目标UI框架、所述至少一个目标UI组件和所述组件间关系，生成所述目标UI插件，其中，在所述目标UI插件中，所述至少一个目标UI组件满足所述组件间关系。优选地，所述根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件，包括：将所述至少一个目标UI组件填充到所述目标UI框架中，生成所述目标UI插件。优选地，在所述根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件之后，进一步包括：生成所述目标UI插件的下载链接，向外部提供所述下载链接。优选地，所述UI框架中包括：插件的界面风格、数据处理方法、组件插槽。另一方面，本专利技术实施例提供了一种生成UI插件的装置，包括：保存单元，用于保存预先设置的至少一种UI框架，以及，针对每种UI框架设置的至少一个UI组件；配置界面，用于根据用户输入的框架选择指令，确定用户选择的目标UI框架，根据用户输入的组件选择指令，确定用户从所述目标UI框架对应的至少一个UI组件中选择的至少一个目标UI组件；生成单元，用于根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件。优选地，所述UI框架中包括：框架css样式表文件、框架javaScript脚本文件和框架html标记语言文件；所述UI组件中包括：组件代码、组件css样式和html元素；所述生成单元，用于：将每个所述目标UI组件的组件代码写入到所述目标UI框架的框架javaScript脚本文件中，生成插件javaScript脚本文件；将每个所述目标UI组件的组件css样式加入到所述目标UI框架的框架css样式表文件中，生成插件css样式表文件；将每个所述目标UI组件的html元素添加到所述目标UI框架的框架html标记语言文件，生成插件html标记语言文件；根据所述插件javaScript脚本文件、所述插件css样式表文件和所述插件html标记语言文件，生成所述目标UI插件。优选地，所述配置界面，进一步用于接收用户输入的针对所述至少一个目标UI组件的组件间关系；所述生成单元，用于根据所述目标UI框架、所述至少一个目标UI组件和所述组件间关系，生成所述目标UI插件，其中，在所述目标UI插件中，所述至少一个目标UI组件满足所述组件间关系。优选地，所述生成单元，用于将所述至少一个目标UI组件填充到所述目标UI框架中，生成所述目标UI插件。优选地，该装置进一步包括：下载单元，用于生成所述目标UI插件的下载链接，向外部提供所述下载链接。优选地，所述UI框架中包括：插件的界面风格、数据处理方法、组件插槽。在本专利技术实施例中，预先设置了至少一种UI框架，针对每种UI框架设置了至少一个UI组件，用户只需选择需要的目标UI框架和目标UI组件即可自动生成目标UI插件，无需编写代码，能够更加方便地生成UI插件。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术一实施例提供的一种生成UI插件的方法的流程图；图2是本专利技术一实施例提供的另一种生成UI插件的方法的流程图；图3是本专利技术一实施例提供的一种生成UI插件的装置的示意图；图4是本专利技术一实施例提供的另一种生成UI插件的装置的示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例，基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本专利技术保护的范围。如图1所示，本专利技术实施例提供了一种生成UI插件的方法，该方法可以包括以下步骤：步骤101：预先设置至少一种UI框架，针对每种UI框架设置至少一个UI组件；步骤102：根据用户输入的框架选择指令，确定用户选择的目标UI框架；步骤103：根据用户输入的组件选择指令，确定用户从所述目标UI框架对应的至少一个UI组件中选择的至少一个目标UI组件；步骤104：根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件。在本专利技术实施例中，预先设置了至少一种UI框架，针对每种UI框架设置了至少一个UI组件，用户只需选择需要的目标UI框架和目标UI组件即可自动生成目标UI插件，无需编写代码，能够更加方便地生成UI插件。在本专利技术一实施例中，所述UI框架中包括：框架css样式表文件、框架javaScript脚本文件和框架html标记语言文件；所述UI组件中包括：组件代码、组件css样式和html元素；所述根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件，包括：将每个所述目标UI组件的组件代码写入到所述目标UI框架的框架javaScript脚本文件中，生成插件javaScript脚本文件；将每个所本文档来自技高网...

【技术保护点】
1.一种生成UI插件的方法，其特征在于，预先设置至少一种UI框架，针对每种UI框架设置至少一个UI组件；还包括：根据用户输入的框架选择指令，确定用户选择的目标UI框架；根据用户输入的组件选择指令，确定用户从所述目标UI框架对应的至少一个UI组件中选择的至少一个目标UI组件；根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件。

【技术特征摘要】
1.一种生成UI插件的方法，其特征在于，预先设置至少一种UI框架，针对每种UI框架设置至少一个UI组件；还包括：根据用户输入的框架选择指令，确定用户选择的目标UI框架；根据用户输入的组件选择指令，确定用户从所述目标UI框架对应的至少一个UI组件中选择的至少一个目标UI组件；根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件。2.根据权利要求1所述的方法，其特征在于，所述UI框架中包括：框架css样式表文件、框架javaScript脚本文件和框架html标记语言文件；所述UI组件中包括：组件代码、组件css样式和html元素；所述根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件，包括：将每个所述目标UI组件的组件代码写入到所述目标UI框架的框架javaScript脚本文件中，生成插件javaScript脚本文件；将每个所述目标UI组件的组件css样式加入到所述目标UI框架的框架css样式表文件中，生成插件css样式表文件；将每个所述目标UI组件的html元素添加到所述目标UI框架的框架html标记语言文件，生成插件html标记语言文件；根据所述插件javaScript脚本文件、所述插件css样式表文件和所述插件html标记语言文件，生成所述目标UI插件。3.根据权利要求1所述的方法，其特征在于，在所述根据用户输入的组件选择指令，确定用户从所述目标UI框架对应的至少一个UI组件中选择的至少一个目标UI组件之后，进一步包括：接收用户输入的针对所述至少一个目标UI组件的组件间关系；所述根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件，包括：根据所述目标UI框架、所述至少一个目标UI组件和所述组件间关系，生成所述目标UI插件，其中，在所述目标UI插件中，所述至少一个目标UI组件满足所述组件间关系。4.根据权利要求1所述的方法，其特征在于，所述根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件，包括：将所述至少一个目标UI组件填充到所述目标UI框架中，生成所述目标UI插件。5.根据权利要求1-4中任一所述的方法，其特征在于，在所述根据所述目标UI框架和所述至少一个目标UI组件，生成目标UI插件...

【专利技术属性】
技术研发人员：汪伟，曹小龙，
申请(专利权)人：四川虹美智能科技有限公司，
类型：发明
国别省市：四川,51