WO2017162024A1 - 组件和模板的可视化开发方法及系统、存储介质、设备 - Google Patents

组件和模板的可视化开发方法及系统、存储介质、设备 Download PDF

Info

Publication number
WO2017162024A1
WO2017162024A1 PCT/CN2017/075944 CN2017075944W WO2017162024A1 WO 2017162024 A1 WO2017162024 A1 WO 2017162024A1 CN 2017075944 W CN2017075944 W CN 2017075944W WO 2017162024 A1 WO2017162024 A1 WO 2017162024A1
Authority
WO
WIPO (PCT)
Prior art keywords
template
data source
component
code
type
Prior art date
Application number
PCT/CN2017/075944
Other languages
English (en)
French (fr)
Inventor
邓溪连
Original Assignee
中兴通讯股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 中兴通讯股份有限公司 filed Critical 中兴通讯股份有限公司
Publication of WO2017162024A1 publication Critical patent/WO2017162024A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming

Definitions

  • the present invention relates to the field of telecommunications mobile service development technologies, and more particularly to a visual development method and system for components and templates, storage media, and devices.
  • the embodiment of the invention provides a visual development method and system for component and template, a storage medium and a device, so as to solve the problem that the existing component and the template development method have a large workload and a high threshold for entry.
  • an embodiment of the present invention provides a method for visualizing a component and a template, the method comprising: registering a data source, creating a component, and configuring a property of the component according to the data source; and registering the corresponding template type according to the service requirement. And loading the components required by the business in the template type, setting the code template corresponding to the template type; registering the template, selecting the template type and data source of the template, and generating corresponding corresponding according to the template type, data source and code template of the template Source code.
  • the step of registering the data source includes registering at least one of an online data source, an offline data source, and a JavaScript Object Notation (JSON) data source.
  • JSON JavaScript Object Notation
  • creating a component and configuring the properties of the component according to the data source includes: creating a component and setting a page type of the component's property page in the property page Add attributes, set the display mode of the attributes; configure data for the attributes of the components according to the data source, set the verification rules and verification prompts of the attributes.
  • generating the corresponding source code according to the template type, the data source, and the code template of the template includes: configuring a component and a code template for the template according to the template type and the data source of the template; The components in the layout are arranged, the properties of the components are set, and the corresponding source code is generated according to the layout result and the code template.
  • the code template includes: another yaml (Yet Another Markup Language) template, an extensible markup language (xml) template, and a structured query language (SQL, Structured Query). Language) at least one of the templates.
  • yaml Yet Another Markup Language
  • xml extensible markup language
  • SQL Structured Query
  • an embodiment of the present invention further provides a visual development system for components and templates, the system comprising: a registration module configured to register a data source; a component creation module configured to create a component, and configuring the component according to the data source
  • the template type generation module is configured to register a corresponding template type according to a business requirement, and load a component required by the business in the template type, and set a code template corresponding to the template type
  • the template registration module is configured as a registration template, and Select the template type and data source of the template, and generate the corresponding source code according to the template type, data source and code template of the template.
  • the registration module is configured to register at least one of an online data source, an offline data source, and a JSON data source.
  • the component creation module includes: a creation unit configured to create a component, and set a page type of the component property page, add an attribute in the property page, and set a display manner of the property; an attribute configuration unit, configuration To configure data for the component's properties based on the data source, set the property's validation rules and validation prompts.
  • the template registration module includes: a template configuration unit configured to configure a component and a code template for the template according to the template type and the data source of the template; Row unit, configured to arrange the components in the template, set the properties of the component, and generate corresponding source code according to the layout result and the code template.
  • the code template includes at least one of a yaml template, an xml template, and an SQL template.
  • an embodiment of the present invention provides a computer storage medium, where the computer storage medium stores computer executable instructions configured to perform the visual development method of the components and templates provided above.
  • a visual development device for a component and a template comprising: a processor and a storage medium configured to store executable instructions, wherein the processor is configured to execute the stored executable instructions, the executable Instructions include:
  • Register a data source create a component, and configure the properties of the component according to the data source; register the corresponding template type according to the business needs, and load the components required by the business in the template type, set the code template corresponding to the template type; And select the template type and data source of the template, according to the template type, data source and code template of the template, generate the corresponding source code.
  • the data source is registered, the component is created, and the attribute of the component is configured according to the data source; the corresponding template type is registered according to the service requirement, and the component required by the service is loaded in the template type, and the template type is set correspondingly.
  • Code template register the template, select the template type and data source of the template, generate the corresponding source code according to the template type, data source and code template of the template; thus, reduce the computer programming language (JAVA) for the developer
  • JAVA computer programming language
  • HTML5 Hyper Text Markup Language
  • FIG. 1 is a flow chart showing a method for visualizing a component and a template of a first embodiment of the present invention
  • FIG. 2 is a flow chart showing a method for visualizing a component and a template according to a second embodiment of the present invention
  • 3A is a structural diagram of a visual development system for components and templates according to a third embodiment of the present invention.
  • 3B is another structural diagram of a visual development system for components and templates of a third embodiment of the present invention.
  • FIG. 1 is a flow chart showing a method for visualizing the components and templates of the first embodiment of the present invention. The specific steps are as follows:
  • Step 101 registering a data source.
  • the user can register various types of data sources according to business needs. It can be a registered online data source, a registered offline data source, or a registered JSON data source. The data in the data source can be used later when configuring component properties.
  • Step 102 Create a component and configure the properties of the component according to the data source.
  • the component has attributes, so the corresponding data needs to be configured for the attribute of the component, and the data in the data source registered in step 101 can be referred to as the genus in the component. Configure the corresponding data.
  • Step 103 According to the business needs, register the corresponding template type, and load the components required by the business in the template type, and set the code template corresponding to the template type.
  • the system can support multiple product templates and support template scalability.
  • Each template type can load different components according to business needs.
  • Template tags of template types can be set to templates of different specifications according to business needs.
  • Step 104 Register a template, select a template type and a data source of the template, and generate a corresponding source code according to the template type, the data source, and the code template of the template.
  • the system can accurately configure the component and the code template for the template, and configure data for the attribute of the component. Then through the system's programming of the template, you can generate the source code corresponding to the code template.
  • FIG. 2 is a flow chart showing a method for visualizing the components and templates of the second embodiment of the present invention. The specific steps are as follows:
  • Step 201 registering a data source.
  • users can register various types of data sources according to business needs.
  • the data in the data source can be used in subsequent configuration of component properties, ie the ability of the data source to provide a data dictionary.
  • Step 202 Create a component, set a page type of the component's property page, add an attribute in the property page, and set a display mode of the property.
  • a component can be created based on an HTML5 web page (WEB) framework.
  • WEB HTML5 web page
  • the created component typically has a unique identifier that the system uses to identify the component.
  • Components are attributes, and attributes are classified. Therefore, you can set the corresponding page type for each property page of the component. For example, you can set the property page to a normal page, a tab page, or a composite page page.
  • Step 203 Configure data for the attribute of the component according to the data source, and set a verification rule and a verification prompt of the attribute.
  • step 203 when the data is configured for the attribute of the component, the data in the data source may be referenced to configure the attribute of the component, and the verification rule and the verification prompt are set for the attribute of the component.
  • Step 204 According to the business needs, register the corresponding template type, and load the components required by the business in the template type, and set the code template corresponding to the template type.
  • the system can support multiple product templates and support template scalability, corresponding to different template types.
  • Different templates enable the template designer to be scalable.
  • the template type can be registered based on the HTML5 WEB framework. Template types can load different components based on business needs. That is, the template type is a structure, and the components and data are the contents of the structure. Linking structure and content is a code template.
  • the code template corresponding to the template type can be set to various specification templates according to business needs, such as yaml template, xml template, and SQL template.
  • step 205 the template is registered, and the template type and data source of the template are selected.
  • the template can be registered based on the HTML5 WEB framework.
  • you can select the template type and data source of the template according to your business needs. So that the system can then accurately configure the component and code template for the template and configure the data for the component's properties.
  • Step 206 Configure a component and a code template for the template according to the template type and the data source of the template.
  • the system can accurately configure the component and the code template for the template, and configure data for the attribute of the component.
  • Step 207 the components in the template are arranged, the attributes of the components are set, and the corresponding source code is generated according to the layout result and the code template.
  • step 207 is to arrange the template in the template designer to set the properties of the component, wherein the component is visualized in the template designer as an icon, generally corresponding to a code executable in a downstream environment. unit.
  • the template contains a combination of the following information: graphic information composed of components, connections, etc.; attribute data of the component; parameter information of the template itself.
  • the system can generate the source code corresponding to the code template in real time for different downstream system environment to call and run.
  • FIG. 3A is a structural diagram of a visual development system for components and templates of a third embodiment of the present invention.
  • the system 300 shown in FIG. 3A includes a registration module 301, a component creation module 302, and a template type generation.
  • Module 303 and template registration module 304 wherein:
  • the registration module 301 is configured to register a data source.
  • a component creation module 302 is configured to create components and configure the properties of the components based on the data source.
  • the template type generating module 303 is configured to register a corresponding template type according to a business requirement, and load a component required by the business in the template type, and set a code template corresponding to the template type.
  • the template registration module 304 is configured to register a template, select a template type and a data source of the template, and generate a corresponding source code according to the template type, the data source, and the code template of the template.
  • the component creation module 302 includes: a creation unit 3021 and an attribute configuration unit 3022.
  • the template registration module 304 includes: a template configuration unit 3041 and an orchestration unit 3042, see FIG. 3B, wherein:
  • the creating unit 3021 is configured to create a component, set a page type of the component's property page, add an attribute in the property page, and set a display manner of the property.
  • the attribute configuration unit 3022 is configured to configure data for the attribute of the component according to the data source, and set a verification rule and a verification prompt of the attribute.
  • the template configuration unit 3041 is configured to configure a component and a code template for the template according to the template type and the data source of the template.
  • the orchestration unit 3042 is configured to arrange the components in the template, set the attributes of the components, and generate corresponding source codes according to the layout result and the code template.
  • the foregoing system 300 can implement various processes implemented by the system in the embodiment of FIG. 1 to FIG. 2, and details are not described herein again to avoid repetition.
  • Each module included in the visual development system of components and templates in the embodiment of the present invention and each unit included in each module can be developed by a processor in a visual development device (for example, a computer or an integrated server) of components and templates.
  • a processor in a visual development device (for example, a computer or an integrated server) of components and templates.
  • the implementation can of course also be implemented by logic circuits; in the process of the embodiment, the processor can be a central processing unit (CPU), a microprocessor (MPU), a digital signal processor (DSP) or a field programmable gate array (FPGA). )Wait.
  • CPU central processing unit
  • MPU microprocessor
  • DSP digital signal processor
  • FPGA field programmable gate array
  • the above-mentioned visual development method of components and templates is implemented in the form of a software function module, and is sold or used as a stand-alone product, it may also be stored in a computer readable storage medium. in.
  • the technical solution of the embodiments of the present invention may be in essence or part of the contribution to the prior art may be a software product.
  • the computer software product is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, server, or network device, etc.) to perform all of the methods described in various embodiments of the present invention or section.
  • the foregoing storage medium includes various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read only memory (ROM), a magnetic disk, or an optical disk.
  • program codes such as a USB flash drive, a mobile hard disk, a read only memory (ROM), a magnetic disk, or an optical disk.
  • an embodiment of the present invention provides a computer storage medium, where the computer storage medium stores computer executable instructions, and the computer executable instructions are configured to perform a visual development method for a component and a template provided by an embodiment of the present invention. .
  • a visual development device for components and templates includes: a processor and a storage medium configured to store executable instructions, wherein the processor is configured to execute the stored executable instructions, the executable instructions include:
  • the disclosed systems and methods can be implemented in other ways.
  • the system embodiments described above are merely illustrative.
  • the division of modules is only a logical function division.
  • multiple units or components may be combined or integrated. Go to another system, or some features can be ignored or not executed.
  • the mutual coupling or direct coupling or communication connection shown or discussed may be an indirect coupling or communication connection through some interface, device or unit, and may be in an electrical, mechanical or other form.
  • the units described as separate components may or may not be physically separate, and the components displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of the embodiment.
  • each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.
  • the functions may be stored in a computer readable storage medium if implemented in the form of a software functional unit and sold or used as a standalone product.
  • the technical solution of the present invention which is essential or contributes to the prior art, or a part of the technical solution, may be embodied in the form of a software product, which is stored in a storage medium, including
  • the instructions are used to cause a computer device (which may be a personal computer, server, or network device, etc.) to perform all or part of the steps of the methods described in various embodiments of the present invention.
  • the foregoing storage medium includes: a U disk, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk, and the like. .
  • the data source is registered, the component is created, and the attribute of the component is configured according to the data source; the corresponding template type is registered according to the service requirement, and the component required by the service is loaded in the template type, and the template type is set correspondingly.
  • the code template; registration template, and select the template type and data source of the template, according to the template type, data source and code template of the template, generate corresponding source code; thus, reducing the developer JAVA, HTML5 development capabilities requirements This allows developers to focus more on business logic and reduces the chances of grammatical errors in the development process and improves development efficiency.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Stored Programmes (AREA)

Abstract

一种组件和模板的可视化开发方法及系统、存储介质、设备。该方法包括：注册数据源（101）；创建组件，并根据数据源，配置组件的属性（102）；根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板（103）；注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码（104）。

Description

组件和模板的可视化开发方法及系统、存储介质、设备 技术领域
本发明涉及电信移动业务开发技术领域，并且更具体地，涉及一种组件和模板的可视化开发方法及系统、存储介质、设备。
背景技术
随着信息时代的快速发展，电信移动业务的部署越来越复杂。为了满足复杂多变的电信移动业务，需要开发各种定制化的组件来支撑电信移动业务的可视化编排。而现有技术中的定制化的组件和模板开发，会耗费大量的工作量，而且入门门槛也比较高。
发明内容
本发明实施例提供一种组件和模板的可视化开发方法及系统、存储介质、设备，以解决现有组件和模板开发方法工作量较大，且入门门槛较高的问题。
一方面，本发明实施例提供了一种组件和模板的可视化开发方法，该方法包括：注册数据源；创建组件，并根据数据源，配置组件的属性；根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板；注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码。
在本发明的其他实施例中，注册数据源的步骤包括：注册在线数据源、离线数据源和JavaScript对象表示法(JSON)数据源中的至少一种。
在本发明的其他实施例中，创建组件，并根据数据源，配置组件的属性的步骤包括：创建组件，并设置组件的属性页的页面类型，在属性页中 添加属性，设置属性的显示方式；根据数据源，为组件的属性配置数据，设置属性的校验规则和校验提示。
在本发明的其他实施例中，根据该模板的模板类型、数据源以及代码模板，生成对应的源码包括：根据该模板的模板类型和数据源，为该模板配置组件以及代码模板；对该模板中的组件进行编排，设置组件的属性，并根据编排结果以及代码模板，生成对应的源码。
在本发明的其他实施例中，代码模板包括：另一种标记语言(yaml，Yet Another Markup Language)模板、可扩展标记语言(xml，Extensible Markup Language)模板以及结构化查询语言(SQL，Structured Query Language)模板中的至少一种。
另一方面，本发明实施例还提供了一种组件和模板的可视化开发系统，该系统包括：注册模块，配置为注册数据源；组件创建模块，配置为创建组件，并根据数据源，配置组件的属性；模板类型生成模块，配置为根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板；模板注册模块，配置为注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码。
在本发明的其他实施例中，注册模块配置为：注册在线数据源、离线数据源和JSON数据源中的至少一种。
在本发明的其他实施例中，组件创建模块包括：创建单元，配置为创建组件，并设置组件的属性页的页面类型，在属性页中添加属性，设置属性的显示方式；属性配置单元，配置为根据数据源，为组件的属性配置数据，设置属性的校验规则和校验提示。
在本发明的其他实施例中，模板注册模块包括：模板配置单元，配置为根据该模板的模板类型和数据源，为该模板配置组件以及代码模板；编 排单元，配置为对该模板中的组件进行编排，设置组件的属性，并根据编排结果以及代码模板，生成对应的源码。
在本发明的其他实施例中，代码模板包括：yaml模板、xml模板以及SQL模板中的至少一种。
又一方面，本发明实施例提供一种计算机存储介质，所述计算机存储介质中存储有计算机可执行指令，该计算机可执行指令配置为执行上述提供的组件和模板的可视化开发方法。
再一方面，本发明实施例一种组件和模板的可视化开发设备，包括：处理器和配置为存储可执行指令的存储介质，其中，处理器配置为执行存储的可执行指令，所述可执行指令包括：
注册数据源；创建组件，并根据数据源，配置组件的属性；根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板；注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码。
本发明的上述一个或多个技术方案包括以下有益效果：
本发明实施例中，通过注册数据源；创建组件，并根据数据源，配置组件的属性；根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板；注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码；如此，降低了对开发人员的计算机编程语言(JAVA)、超级文本标记语言(HTML5，Hyper Text Markup Language 5)开发能力的要求，使得开发人员可以更多的关注于业务逻辑，并且降低了开发过程中语法错误出现的机率，提高了开发效率。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对实施例或现有 技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本发明的第一实施例的组件和模板的可视化开发方法的流程图；
图2为本发明的第二实施例的组件和模板的可视化开发方法的流程图；
图3A为本发明的第三实施例的组件和模板的可视化开发系统的结构图；
图3B为本发明的第三实施例的组件和模板的可视化开发系统的另一结构图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例都属于本发明保护的范围。
第一实施例
请参阅图1，图1示出了本发明的第一实施例的组件和模板的可视化开发方法的流程图，具体步骤如下：
步骤101，注册数据源。
需要说明的是，步骤101中，用户可以根据业务需要注册各种不同类型的数据源。可以是注册在线数据源，也可以是注册离线数据源，还可以是注册JSON数据源。数据源中的数据可以在后续配置组件属性时使用。
步骤102，创建组件，并根据数据源，配置组件的属性。
需要说明的是，组件是具有属性的，因此需要为组件的属性配置相应的数据，可以通过引用步骤101中注册的数据源中的数据，为组件中的属 性配置相应的数据。
步骤103，根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板。
需要说明的是，通过根据业务需要，注册对应的模板类型，能够使得系统可以支持多个产品模板，并支持模板可扩展性。每一模板类型可以根据业务需要加载不同组件。而模板类型的代码模板则可以根据业务需要设置为各种不同规范的模板。
步骤104，注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码。
需要说明的是，由于模板类型具有对应的组件以及代码模板，因此当模板的模板类型以及数据源确定时，系统就可以准确地为该模板配置组件以及代码模板，并为组件的属性配置数据。然后经过系统对该模板的编排，就可以生成与代码模板相对应的源码。
本实施例，通过注册数据源；创建组件，并根据数据源，配置组件的属性；根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板；注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码。降低了对开发人员JAVA、HTML5开发能力的要求，使得开发人员可以更多的关注于业务逻辑，并且降低了开发过程中语法错误出现的机率，提高了开发效率。
第二实施例
请参阅图2，图2示出了本发明的第二实施例的组件和模板的可视化开发方法的流程图，具体步骤如下：
步骤201，注册数据源。
需要说明的是，用户可以根据业务需要注册各种不同类型的数据源。 可以注册在线数据源，可以通过统一资源定位符(URL，Uniform Resource Locator)、用户名和密码建立连接关系，通过接口读取数据并展现，例如从某个外部环境上获取的元数据信息集合，包含目标环境上的各种信息。也可以注册离线数据源，可以在系统中手动添加离线数据。还可以注册JSON数据源，可以直接输入JSON代码格式的数据。数据源中的数据可以在后续配置组件属性时使用，即数据源提供数据字典的功能。
步骤202，创建组件，并设置组件的属性页的页面类型，在属性页中添加属性，设置属性的显示方式。
需要说明的是，步骤202中可以基于HTML5的网页(WEB)框架创建组件。创建的组件一般具有唯一标识，系统根据这个标识来识别组件。组件是具有属性的，而属性是分类的。因此可以对组件的每个属性页设置相应的页面类型，例如可以将属性页设置为普通页、tab页或者是复合表格页中的一种。
设置完组件的属性页的页面类型后，就可以在属性页中添加相应的属性，并设置属性的显示方式，例如可以将属性的显示方式设置为单复选框、下拉列表、文本框或输入框中一种。
步骤203，根据数据源，为组件的属性配置数据，设置属性的校验规则和校验提示。
需要说明的是，步骤203中，为组件的属性配置数据时，可以引用上述数据源中的数据为组件的属性配置数据，并且为组件的属性设置校验规则和校验提示。
步骤204，根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板。
需要说明的是，通过根据业务需要，注册对应的模板类型，使得系统可以支持多个产品模板，并支持模板可扩展性，通过不同的模板类型对应 不同的产品，实现模板设计器可扩展。可以基于HTML5的WEB框架注册模板类型。模板类型可以根据业务需要加载不同组件。即模板类型是一个结构，组件和数据则是结构的内容。而把结构和内容联结起来就是代码模板。而且模板类型对应的代码模板可以根据业务需要，设置为各种规范的模板，如yaml模板、xml模板以及SQL模板。
步骤205，注册模板，并选择该模板的模板类型和数据源。
需要说明的是，步骤205中可以基于HTML5的WEB框架注册模板。注册模板时可以根据业务需求选择该模板的模板类型以及数据源。以便系统后续可以准确地为该模板配置组件以及代码模板，并为组件的属性配置数据。
步骤206，根据该模板的模板类型和数据源，为该模板配置组件以及代码模板。
需要说明的是，由于模板类型具有对应的组件以及代码模板，因此当模板的模板类型以及数据源确定时，系统就可以准确地为该模板配置组件以及代码模板，并为组件的属性配置数据。
步骤207，对该模板中的组件进行编排，设置组件的属性，并根据编排结果以及代码模板，生成对应的源码。
需要说明的是，步骤207是在模板设计器中对该模板进行编排，设置组件的属性，其中组件在模板设计器中可视化部分体现为一个图标，一般对应为一个在下游环境中可执行的代码单元。编排完成后，模板包含了如下信息的综合体：由组件、连线等组成的图形信息；组件的属性数据；模板自身的参数信息。系统根据编排结果以及代码模板，就可以实时生成与代码模板相对应的源码供不同的下游系统环境调用运行。
本实施例，通过注册数据源；创建组件，并设置组件的属性页的页面类型，在属性页中添加属性，设置属性的显示方式；根据数据源，为组件 的属性配置数据，设置属性的校验规则和校验提示；根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板；注册模板，并选择该模板的模板类型和数据源；根据该模板的模板类型和数据源，为该模板配置组件以及代码模板；对该模板中的组件进行编排，设置组件的属性，并根据编排结果以及代码模板，生成对应的源码。降低了对开发人员JAVA、HTML5开发能力的要求，使得开发人员可以更多的关注于业务逻辑，并且降低了开发过程中语法错误出现的机率，提高了开发效率。
第三实施例
请参阅图3A，图3A示出了本发明的第三实施例的组件和模板的可视化开发系统的结构图，图3A所示的系统300包括：注册模块301，组件创建模块302，模板类型生成模块303以及模板注册模块304，其中：
注册模块301，配置为注册数据源。
组件创建模块302，配置为创建组件，并根据数据源，配置组件的属性。
模板类型生成模块303，配置为根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板。
模板注册模块304，配置为注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码。
在图3A的基础上，可选地，组件创建模块302包括：创建单元3021以及属性配置单元3022，模板注册模块304包括：模板配置单元3041以及编排单元3042，参见图3B，其中：
创建单元3021，配置为创建组件，并设置组件的属性页的页面类型，在属性页中添加属性，设置属性的显示方式。
属性配置单元3022，配置为根据数据源，为组件的属性配置数据，设置属性的校验规则和校验提示。
模板配置单元3041，配置为根据该模板的模板类型和数据源，为该模板配置组件以及代码模板。
编排单元3042，配置为对该模板中的组件进行编排，设置组件的属性，并根据编排结果以及代码模板，生成对应的源码。
上述系统300能够实现图1至图2的实施例中系统实现的各个过程，为避免重复，这里不再赘述。
本实施例，通过注册数据源；创建组件，并设置组件的属性页的页面类型，在属性页中添加属性，设置属性的显示方式；根据数据源，为组件的属性配置数据，设置属性的校验规则和校验提示；根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板；注册模板，并选择该模板的模板类型和数据源；根据该模板的模板类型和数据源，为该模板配置组件以及代码模板；对该模板中的组件进行编排，设置组件的属性，并根据编排结果以及代码模板，生成对应的源码。降低了对开发人员JAVA、HTML5开发能力的要求，使得开发人员可以更多的关注于业务逻辑，并且降低了开发过程中语法错误出现的机率，提高了开发效率。
本发明实施例中组件和模板的可视化开发系统所包括的各模块以及各模块所包括的各单元，都可以通过组件和模板的可视化开发设备(例如计算机、集成化的服务器)中的处理器来实现，当然也可通过逻辑电路实现；在实施例的过程中，处理器可以为中央处理器(CPU)、微处理器(MPU)、数字信号处理器(DSP)或现场可编程门阵列(FPGA)等。
需要说明的是，本发明实施例中，如果以软件功能模块的形式实现上述的组件和模板的可视化开发方法，并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的 形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、或者网络设备等)执行本发明各个实施例所述方法的全部或部分。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read Only Memory)、磁碟或者光盘等各种可以存储程序代码的介质。这样，本发明实施例不限制于任何特定的硬件和软件结合。
对应地，本发明实施例提供一种计算机存储介质，所述计算机存储介质中存储有计算机可执行指令，该计算机可执行指令配置为执行本发明实施例提供的一种组件和模板的可视化开发方法。
对应地，本发明实施例一种组件和模板的可视化开发设备，包括：处理器和配置为存储可执行指令的存储介质，其中，处理器配置为执行存储的可执行指令，所述可执行指令包括：
注册数据源；
创建组件，并根据所述数据源，配置组件的属性；
根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置所述模板类型对应的代码模板；
注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码。
本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述 描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请所提供的实施例中，应该理解到，所揭露的系统和方法，可以通过其它的方式实现。例如，以上所描述的系统实施例仅仅是示意性的，例如，模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。
工业实用性
本发明实施例中，通过注册数据源；创建组件，并根据数据源，配置组件的属性；根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板；注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码；如此，降低了对开发人员JAVA、HTML5开发能力的要求，使得开发人员可以更多的关注于业务逻辑，并且降低了开发过程中语法错误出现的机率，提高了开发效率。

Claims (12)

  1. 一种组件和模板的可视化开发方法，包括：
    注册数据源；
    创建组件，并根据所述数据源，配置组件的属性；
    根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置所述模板类型对应的代码模板；
    注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码。
  2. 如权利要求1所述的方法，其中，所述注册数据源的步骤包括：注册在线数据源、离线数据源和JavaScript对象表示法JSON数据源中的至少一种。
  3. 如权利要求1所述的方法，其中，所述创建组件，并根据所述数据源，配置组件的属性的步骤包括：
    创建组件，并设置组件的属性页的页面类型，在所述属性页中添加属性，设置所述属性的显示方式；
    根据所述数据源，为组件的属性配置数据，设置所述属性的校验规则和校验提示。
  4. 如权利要求1所述的方法，其中，所述根据该模板的模板类型、数据源以及代码模板，生成对应的源码包括：
    根据该模板的模板类型和数据源，为该模板配置组件以及代码模板；
    对该模板中的组件进行编排，设置组件的属性，并根据编排结果以及代码模板，生成对应的源码。
  5. 如权利要求1所述的方法，其中，所述代码模板包括：另一种标记语言yaml模板、可扩展标记语言xml模板以及结构化查询语言SQL模板中的至少一种。
  6. 一种组件和模板的可视化开发系统，包括：
    注册模块，配置为注册数据源；
    组件创建模块，配置为创建组件，并根据所述数据源，配置组件的属性；
    模板类型生成模块，配置为根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置所述模板类型对应的代码模板；
    模板注册模块，配置为注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码。
  7. 如权利要求6所述的系统，其中，所述注册模块配置为：注册在线数据源、离线数据源和JSON数据源中的至少一种。
  8. 如权利要求6所述的系统，其中，所述组件创建模块包括：
    创建单元，配置为创建组件，并设置组件的属性页的页面类型，在所述属性页中添加属性，设置所述属性的显示方式；
    属性配置单元，配置为根据所述数据源，为组件的属性配置数据，设置所述属性的校验规则和校验提示。
  9. 如权利要求6所述的系统，其中，所述模板注册模块包括：
    模板配置单元，配置为根据该模板的模板类型和数据源，为该模板配置组件以及代码模板；
    编排单元，配置为对该模板中的组件进行编排，设置组件的属性，并根据编排结果以及代码模板，生成对应的源码。
  10. 如权利要求6所述的系统，其中，所述代码模板包括：yaml模板、xml模板以及SQL模板中的至少一种。
  11. 一种计算机存储介质，所述计算机存储介质中存储有计算机可执行指令，该计算机可执行指令配置为执行上述权利要求1至5任一项提供 的组件和模板的可视化开发方法。
  12. 一种组件和模板的可视化开发设备，包括：处理器和配置为存储可执行指令的存储介质，其中，处理器配置为执行存储的可执行指令，所述可执行指令包括：
    注册数据源；
    创建组件，并根据数据源，配置组件的属性；
    根据业务需要，注册对应的模板类型，并在模板类型中加载业务所需的组件，设置模板类型对应的代码模板；
    注册模板，并选择该模板的模板类型和数据源，根据该模板的模板类型、数据源以及代码模板，生成对应的源码。
PCT/CN2017/075944 2016-03-22 2017-03-08 组件和模板的可视化开发方法及系统、存储介质、设备 WO2017162024A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201610165157.9 2016-03-22
CN201610165157.9A CN107220036A (zh) 2016-03-22 2016-03-22 一种组件和模板的可视化开发方法及系统

Publications (1)

Publication Number Publication Date
WO2017162024A1 true WO2017162024A1 (zh) 2017-09-28

Family

ID=59899216

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2017/075944 WO2017162024A1 (zh) 2016-03-22 2017-03-08 组件和模板的可视化开发方法及系统、存储介质、设备

Country Status (2)

Country Link
CN (1) CN107220036A (zh)
WO (1) WO2017162024A1 (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108228173A (zh) * 2018-01-16 2018-06-29 北明软件有限公司 一种可视化的数据接口开发系统和方法
CN108681451A (zh) * 2018-05-14 2018-10-19 浪潮软件集团有限公司 一种可视化的kubernetes微服务编排的实现方法
CN111435300A (zh) * 2019-01-15 2020-07-21 北大方正信息产业集团有限公司 web系统开发方法、装置、设备及存储介质
CN111596913A (zh) * 2020-05-22 2020-08-28 北京达佳互联信息技术有限公司 一种可视化组件框架编排方法及装置
CN112653584A (zh) * 2020-12-22 2021-04-13 杭州东方通信软件技术有限公司 一种基于组件能力的5g消息编排方法及编排工具箱
CN112800295A (zh) * 2021-01-27 2021-05-14 浪潮云信息技术股份公司 一种基于指标单元的数据可视化工具实现方法
CN113486282A (zh) * 2021-07-23 2021-10-08 北京乐学帮网络技术有限公司 一种页面生成方法及装置

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108279882B (zh) * 2018-02-12 2021-07-27 百度在线网络技术（北京）有限公司 框架生成方法、装置、设备及计算机可读介质
CN108228166B (zh) * 2018-03-15 2020-07-07 贝壳找房(北京)科技有限公司 一种基于模板的后端代码生成方法及系统
CN108897597B (zh) * 2018-07-20 2021-07-13 广州方硅信息技术有限公司 指导配置直播模板的方法和装置
CN109614095A (zh) * 2018-12-07 2019-04-12 北京金山云网络技术有限公司 用户自定义组件的方法、平台代码的生成方法及装置
CN109799994B (zh) * 2019-01-14 2022-02-18 腾讯科技（武汉）有限公司 一种终端组件生成方法及装置
CN110457084B (zh) * 2019-07-10 2021-11-30 五八有限公司 一种加载方法及装置
CN112230908B (zh) * 2019-07-15 2023-05-23 腾讯科技（深圳）有限公司 一种对齐组件的方法、装置、电子设备及存储介质
CN112083919B (zh) * 2020-08-27 2023-09-29 远光软件股份有限公司 一种基于yaml模板的目标服务代码生成方法及装置
CN112379946A (zh) * 2020-11-27 2021-02-19 平安普惠企业管理有限公司 基于yaml的模板配置方法、装置及计算机设备
CN117555645B (zh) * 2024-01-12 2024-04-05 腾讯科技（深圳）有限公司 基于多端应用平台的数据处理方法、装置、设备及介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101114226A (zh) * 2007-08-28 2008-01-30 北京中企开源信息技术有限公司 一种基于模型组件的代码自动生成装置、系统及方法
CN103019690A (zh) * 2012-11-20 2013-04-03 北京思特奇信息技术股份有限公司 一种可视化的基于jet技术的组件模块开发方法
CN103605526A (zh) * 2013-11-28 2014-02-26 蓝盾信息安全技术股份有限公司 一种基于责任链模式的模版组件化生成代码的方法
CN104317576A (zh) * 2014-07-04 2015-01-28 北京思特奇信息技术股份有限公司 一种基于eclipse的代码自动生成方法及系统
CN104615431A (zh) * 2015-02-05 2015-05-13 浪潮集团有限公司 一种Web应用的实现方法和装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101114226A (zh) * 2007-08-28 2008-01-30 北京中企开源信息技术有限公司 一种基于模型组件的代码自动生成装置、系统及方法
CN103019690A (zh) * 2012-11-20 2013-04-03 北京思特奇信息技术股份有限公司 一种可视化的基于jet技术的组件模块开发方法
CN103605526A (zh) * 2013-11-28 2014-02-26 蓝盾信息安全技术股份有限公司 一种基于责任链模式的模版组件化生成代码的方法
CN104317576A (zh) * 2014-07-04 2015-01-28 北京思特奇信息技术股份有限公司 一种基于eclipse的代码自动生成方法及系统
CN104615431A (zh) * 2015-02-05 2015-05-13 浪潮集团有限公司 一种Web应用的实现方法和装置

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108228173A (zh) * 2018-01-16 2018-06-29 北明软件有限公司 一种可视化的数据接口开发系统和方法
CN108681451A (zh) * 2018-05-14 2018-10-19 浪潮软件集团有限公司 一种可视化的kubernetes微服务编排的实现方法
CN111435300A (zh) * 2019-01-15 2020-07-21 北大方正信息产业集团有限公司 web系统开发方法、装置、设备及存储介质
CN111596913A (zh) * 2020-05-22 2020-08-28 北京达佳互联信息技术有限公司 一种可视化组件框架编排方法及装置
CN111596913B (zh) * 2020-05-22 2024-04-30 北京达佳互联信息技术有限公司 一种可视化组件框架编排方法及装置
CN112653584A (zh) * 2020-12-22 2021-04-13 杭州东方通信软件技术有限公司 一种基于组件能力的5g消息编排方法及编排工具箱
CN112800295A (zh) * 2021-01-27 2021-05-14 浪潮云信息技术股份公司 一种基于指标单元的数据可视化工具实现方法
CN113486282A (zh) * 2021-07-23 2021-10-08 北京乐学帮网络技术有限公司 一种页面生成方法及装置

Also Published As

Publication number Publication date
CN107220036A (zh) 2017-09-29

Similar Documents

Publication Publication Date Title
WO2017162024A1 (zh) 组件和模板的可视化开发方法及系统、存储介质、设备
US10592319B2 (en) API notebook tool
US10705942B1 (en) Simulated testing of API
US10628237B2 (en) Cloud service integration flow
US8849987B2 (en) Automated discovery of a topology of a distributed computing environment
US9645989B2 (en) Techniques to generate custom electronic forms using custom content
US10419568B2 (en) Manipulation of browser DOM on server
US9015657B2 (en) Systems and methods for developing and delivering platform adaptive web and native application content
US10970052B2 (en) System and method for enhancing component based development models with auto-wiring
JP2017535854A (ja) Ｊｓｏｎスタイルシート言語変換
US9563450B1 (en) Expression based hierarchical mechanism for HTML form data validation
US9218324B2 (en) Method of encapsulating diverse user interface components while consistently enforcing external constraints
US10037431B2 (en) Software-as-a-service reference process extension verification framework
US20190114155A1 (en) System configured from non-developer-oriented application platform
US20150143267A1 (en) SYSTEM AND METHOD FOR DEVELOPING A RULE-BASED EVENT-DRIVEN MULTI-LAYERED FRONTEND FOR BUSINESS SERVICES AND RENDERING THE GUIs ON MULTIPLE CLIENT DEVICES
US20190005228A1 (en) Trusted and untrusted code execution in a workflow
CN113031946A (zh) 一种渲染页面组件的方法和装置
CN116360735A (zh) 一种表单生成方法、装置、设备和介质
WO2021129812A1 (zh) 运行人工智能应用的方法、系统及设备
US8972927B2 (en) Method and system for providing modeled components
JP2013235508A (ja) オブジェクト指向プログラム生成装置、その方法、プログラム
CN108170557B (zh) 用于输出信息的方法和装置
CN112860344A (zh) 组件处理方法、装置、电子设备和存储介质
US11340918B2 (en) Knowledge engine auto-generation of guided flow experience
US11733847B2 (en) Knowledge engine auto-generation of guided flow experience

Legal Events

Date Code Title Description
NENP Non-entry into the national phase

Ref country code: DE

121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 17769301

Country of ref document: EP

Kind code of ref document: A1

122 Ep: pct application non-entry in european phase

Ref document number: 17769301

Country of ref document: EP

Kind code of ref document: A1