CN111142846B - 组件开发方法、装置及系统、移动终端和可读存储介质 - Google Patents

组件开发方法、装置及系统、移动终端和可读存储介质 Download PDF

Info

Publication number
CN111142846B
CN111142846B CN201911377813.1A CN201911377813A CN111142846B CN 111142846 B CN111142846 B CN 111142846B CN 201911377813 A CN201911377813 A CN 201911377813A CN 111142846 B CN111142846 B CN 111142846B
Authority
CN
China
Prior art keywords
target
component
developed
mobile terminal
json data
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
CN201911377813.1A
Other languages
English (en)
Other versions
CN111142846A (zh
Inventor
乔红超
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing QIYI Century Science and Technology Co Ltd
Original Assignee
Beijing QIYI Century Science and Technology Co Ltd
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 Beijing QIYI Century Science and Technology Co Ltd filed Critical Beijing QIYI Century Science and Technology Co Ltd
Priority to CN201911377813.1A priority Critical patent/CN111142846B/zh
Publication of CN111142846A publication Critical patent/CN111142846A/zh
Application granted granted Critical
Publication of CN111142846B publication Critical patent/CN111142846B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/10—Requirements analysis; Specification techniques
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/20—Software design
    • G06F8/24—Object-oriented
    • 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/36—Software reuse
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/34—Network arrangements or protocols for supporting network services or applications involving the movement of software or configuration parameters 
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
    • Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
    • Y02P90/30—Computing systems specially adapted for manufacturing

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Stored Programmes (AREA)

Abstract

本申请实施例提供了组件开发方法、装置及系统、移动终端和可读存储介质，该方法应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，该方法包括：第一移动终端生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；将目标JSON数据发送给服务器；服务器存储目标JSON数据；针对目标业务需求，第二移动终端向服务器发送生成请求，生成请求针对目标业务需求对应的目标待开发组件；服务器响应于生成请求，将目标JSON数据发送给第二移动终端；第二移动终端利用目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，得到目标待开发组件。这样，可以简单、快速地开发组件，从而提高组件开发效率。

Description

组件开发方法、装置及系统、移动终端和可读存储介质
技术领域
本申请涉及计算机技术领域，特别是涉及组件开发方法、装置及系统、移动终端和可读存储介质。
背景技术
目前，开发人员常常需要开发各种各样的组件。例如，需要对移动终端中支付类APP(Application，应用程序)的支付组件进行开发。其中，组件是一种数据和操作方法的简单封装，组件可以有自己的属性和方法，使用组件可以实现快速地对属性进行处理以及对面向对象进行设计等功能，在不同的操作系统中，组件也可以称为部件、控件等。
但是，发明人在实现本申请的过程中发现，不同业务方对组件的需求通常不相同，开发人员常常需要根据业务方的需求来修改组件代码，而且每增加一个业务方则很可能就需要重写一份组件代码来满足该业务方的需求。例如，对于图1所示的待开发的支付组件而言，开发人员在写了一份场景1支付组件代码来满足业务方1的需求之后，还需要重写一份场景2支付组件代码来满足业务方2的需求，并需要重写一份场景3支付组件代码来满足业务方3的需求。这样，使得开发人员需要耗费较多的时间来开发组件，从而使得组件开发效率较低。
发明内容
本申请实施例的目的在于提供组件开发方法、装置及系统、移动终端和可读存储介质，以可以简单、快速地开发组件，从而提高组件开发效率。具体技术方案如下：
第一方面，本申请实施例提供了一种组件开发方法，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；该方法包括：
第一移动终端生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；将目标JSON数据发送给服务器；其中，目标JSON数据中存储有键Key-值Value数据；
服务器存储目标JSON数据；
针对目标业务需求，第二移动终端向服务器发送生成请求，生成请求针对目标业务需求对应的目标待开发组件；
所述服务器响应于生成请求，将目标JSON数据发送给第二移动终端；
第二移动终端利用目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，得到目标待开发组件；所述目标组件代码为至少一个组件代码中的一个。
第二方面，本申请实施例提供了一种组件开发方法，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；执行于第一移动终端，该方法包括：
生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；其中，目标JSON数据中存储有键Key-值Value数据；
将目标JSON数据发送给服务器，以使第二移动终端针对目标业务需求，向服务器发送生成请求，生成请求针对目标业务需求对应的目标开发组件，从服务器获取所存储的目标JSON数据，并将目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，得到目标待开发组件；目标组件代码为至少一个组件代码中的一个。
第三方面，本申请实施例还提供了一种组件开发方法，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；执行于第二移动终端，该方法包括：
针对目标业务需求，向服务器发送生成请求，生成请求针对目标业务需求对应的目标待开发组件；其中，服务器中存储有：用于描述待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；
接收服务器在响应生成请求之后所发送的目标JSON数据；
利用目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，得到目标待开发组件；所述目标组件代码为至少一个组件代码中的一个。
第四方面，本申请实施例还提供了一种组件开发系统，该系统包括第一移动终端、第二移动终端和服务器；第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；
第一移动终端，用于生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；将目标JSON数据发送给服务器；其中，目标JSON数据中存储有键Key-值Value数据；
服务器，用于存储目标JSON数据；
第二移动终端，用于针对目标业务需求，向服务器发送生成请求，生成请求针对目标业务需求对应的目标待开发组件；
服务器，还用于响应于生成请求，将目标JSON数据发送给第二移动终端；
第二移动终端，用于利用目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，得到待开发组件；目标组件代码为至少一个组件代码中的一个。
第五方面，本申请实施例还提供了一种组件开发装置，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；配置于第一移动终端，该装置包括：
生成模块，用于生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；其中，目标JSON数据中存储有键Key-值Value数据；
第一发送模块，用于将目标JSON数据发送给服务器，以使第二移动终端针对目标业务需求，向服务器发送生成请求，生成请求针对目标业务需求对应的目标开发组件，从服务器获取所存储的目标JSON数据，并将目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，得到目标待开发组件；目标组件代码为至少一个组件代码中的一个。
第六方面，本申请实施例还提供了一种组件开发装置，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；配置于第二移动终端，该装置包括：
第二发送模块，用于针对目标业务需求，向服务器发送生成请求，生成请求针对目标业务需求对应的目标待开发组件；其中，服务器中存储有：用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；
接收模块，用于接收服务器在响应生成请求之后所发送的目标JSON数据；
赋值模块，用于利用目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，得到待开发组件。
第七方面，本申请实施例还提供了一种移动终端，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
存储器，用于存放计算机程序；
处理器，用于执行存储器上所存放的程序时，实现上述任一项应用于第一移动终端的组件开发方法的方法步骤，或，上述任一项应用于第二移动终端的组件开发方法的方法步骤。
第八方面，本申请实施例还提供了一种可读存储介质，可读存储介质内存储有计算机程序，计算机程序被移动终端的处理器执行时实现上述任一项应用于第一移动终端的组件开发方法的方法步骤，或，上述任一项应用于第二移动终端的组件开发方法的方法步骤。其中，该可读存储介质为计算机可读存储介质。
第九方面，本申请实施例提供还提供了一种包含指令的计算机程序产品，当其在移动终端上运行时，使得移动终端执行上述应用于第一移动终端的任一项组件开发方法的方法步骤，或，上述应用于第二移动终端的任一项组件开发方法的方法步骤。
在本申请实施例中，组件开发系统可以包括第一移动终端、第二移动终端和服务器。该第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求。并且，第一移动终端可以生成用于描述目标待开发组件的业务需求的目标JSON数据，并可以将该目标JSON数据发送给该服务器；其中，该目标JSON数据中存储有键Key-值Value数据。该服务器可以存储该目标JSON数据。针对目标业务需求，第二移动终端可以向该服务器发送生成请求，该生成请求针对该目标业务需求对应的目标待开发组件。然后，该服务器可以响应于该生成请求，将该目标JSON数据发送给该第二移动终端。进而，该第二移动终端可以利用该目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，从而可以得到目标待开发组件。这样，第二移动终端可以利用第一移动终端所生成的目标JSON数据来实时生成该目标待开发组件。其中，由于第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求，因而第二移动终端中的一个组件代码只需要获得不同的JSON数据即可以生成应对不同的业务需求的待开发组件。这样，使得开发人员不需要在每增加一个业务方就需要重写一份组件代码来满足业务方需求，使得可以简单、快速地对组件进行开发，提高了组件开发效率。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。
图1为相关技术中支付组件开发模式的示意图；
图2为本申请实施例提供的一种组件开发方法的流程图；
图3为本申请实施例提供的一种组件开发模式的示意图；
图4为本申请实施例提供的一种预览图上传方法的流程图；
图5为本申请实施例提供的另一种组件开发方法的流程图；
图6为本申请实施例提供的又一种组件开发方法的流程图；
图7为本申请实施例提供的一种组件开发系统的结构示意图；
图8为本申请实施例提供的一种组件开发装置的结构示意图；
图9为本申请实施例提供的另一种组件开发装置的结构示意图；
图10为本申请实施例提供的又一种组件开发装置的结构示意图；
图11为本申请实施例提供的又一种组件开发装置的结构示意图；
图12为本申请实施例提供的一种移动终端的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。
为了解决现有技术中存在的问题，本申请实施例从组件开发系统的角度提供了一种组件开发方法。其中，该组件开发系统包括第一移动终端、第二移动终端和服务器，该第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求。
相应于该组件开发方法，还分别从第一移动终端的角度和第二移动终端的角度提供了一种组件开发方法及装置。另外，还提供了一种组件开发系统、移动终端、可读存储介质及计算机程序产品。
下面先从组件开发系统的角度，对本申请实施例提供的组件开发方法进行说明。
可以理解的是，本申请实施例提供的组件开发方法应用于组件开发系统。图2为本申请实施例提供的一种组件开发方法的流程图。参见图2，该组件开发方法可以包括如下步骤：
S10：第一移动终端生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；其中，目标JSON数据中存储有键Key-值Value数据；
S11：第一移动终端将目标JSON数据发送给服务器；
S12：服务器存储目标JSON数据；
S13：针对目标业务需求，第二移动终端向服务器发送生成请求，生成请求针对目标业务需求对应的目标待开发组件；
S14：服务器响应于生成请求，将目标JSON数据发送给第二移动终端；
S15：第二移动终端利用目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，得到目标待开发组件；目标组件代码为至少一个组件代码中的一个。
在本申请实施例中，组件开发系统可以包括第一移动终端、第二移动终端和服务器。该第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求。并且，第一移动终端可以生成用于描述目标待开发组件的业务需求的目标JSON数据，并可以将该目标JSON数据发送给该服务器；其中，该目标JSON数据中存储有键Key-值Value数据。该服务器可以存储该目标JSON数据。针对目标业务需求，第二移动终端可以向该服务器发送生成请求，该生成请求针对该目标业务需求对应的目标待开发组件。然后，该服务器可以响应于该生成请求，将该目标JSON数据发送给该第二移动终端。进而，该第二移动终端可以利用该目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，从而可以得到目标待开发组件。这样，第二移动终端可以利用第一移动终端所生成的目标JSON数据来实时生成该目标待开发组件。其中，由于第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求，因而第二移动终端中的一个组件代码只需要获得不同的JSON数据即可以生成应对不同的业务需求的待开发组件。这样，使得开发人员不需要在每增加一个业务方就需要重写一份组件代码来满足业务方需求，使得可以简单、快速地对组件进行开发，提高了组件开发效率。
在一种实现方式中，S10：第一移动终端生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据，可以包括：
第一移动终端获得目标待开发组件的业务需求所对应的键Key-值Value数据；
生成记录有键Key-值Value数据的JSON数据，作为用于描述目标待开发组件的业务需求的目标JSON数据。
可以理解的是，JSON(JavaScript Object Notation，爪哇脚本对象简谱)数据是一种轻量级的数据交换格式，采用完全独立于编程语言的文本格式来存储和表示数据，易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。
其中，为了便于生成目标JSON数据，开发人员可以根据具体需求预先设定好Key-Value规则。其中，该Key-Value规则包括但并不局限于Value的数据格式设置规则。
举例而言，第一移动终端获得待开发支付组件的业务需求所对应的键Key-值Value数据为：color-#ffffff。
其中，color(颜色)为待开发支付组件的业务需求所对应的Key(键)，#ffffff为该Key(键)所对应的Value(值)数据。可以理解的是，待开发支付组件的业务需求为：对支付组件所对应的可视化按键的背景颜色修改为白色。
然后，第一移动终端可以生成记录有该color-#ffffff的JSON数据，作为用于描述待开发组件的业务需求的目标JSON数据。具体地，第一移动终端可以基于开发人员在Web(World Wide Web，万维网)浏览器输入的Key所对应的Value数据，来生成该目标JSON数据。
其中，该目标JSON数据具体可以为：
{
“color”:#ffffff
}。
这样，可以通过第一移动终端来生成目标JSON数据，即可以通过第一移动终端来生成待开发组件所需的、满足业务需求的数据。
其中，上述待开发支付组件仅为本申请实施例的一个具体示例，本申请实施例中的待开发组件具体还可以为待开发搜索组件和待开发视频播放组件等等，在此不做一一列举。同理，上述示例中所列举的Key-Value数据也为本申请实施例的一个具体示例，本申请实施例中的Key-Value数据还可以是以可视化按键的大小(即size)为Key，并以该可视化按键的大小值为Value的Key-Value数据，当然并不局限于此。
在另一种实现方式中，S10：第一移动终端生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据，可以包括：
第一移动终端从服务器获取用于描述目标待开发组件的业务需求的第一JSON数据；
接收针对第一JSON数据的修改指令；
响应修改指令对第一JSON数据进行修改，得到第二JSON数据作为用于描述目标待开发组件的业务需求的目标JSON数据。
在该种实现方式中，第一移动终端从服务器所获取的用于描述目标待开发组件的业务需求的第一JSON数据可以为：上一种实现方式中第一移动终端生成并发送给该服务器进行存储的目标JSON数据，当然并不局限于此。
可以理解的是，第一移动终端在生成目标JSON数据后将该目标JSON数据发送给该服务器进行存储，可以使得目标JSON数据能够被更安全的存储，提高了第一移动终端所生成的目标JSON数据的安全性。另外，将第一移动终端所生成目标JSON数据发送给该服务器进行存储，还可以便于第二移动终端从该服务器中获取所需的目标JSON数据来生成待开发组件，提高了组件开发效率。
第一移动终端在获得该第一JSON数据之后，可以接收开发人员发出的针对第一JSON数据的修改指令。例如，修改指令可以为：将支付组件所对应的可视化按键的背景颜色修改为黑色。然后，第一移动终端可以响应该修改指令对第一JSON数据进行修改，得到第二JSON数据作为用于描述目标待开发组件的业务需求的目标JSON数据。
举例而言，第一JSON数据可以为：
{
“color”:#ffffff
}，
第一移动终端响应该修改指令对第一JSON数据进行修改，得到的第二JSON数据为：
{
“color”:#eeeeee
}。
可以理解的是，color为待开发支付组件的业务需求所对应的Key(键)，#eeeeee为该Key(键)所对应的修改后的Value(值)数据。
这样，可以通过第一移动终端来对已存储在服务器上的第一JSON数据进行修改，从而得到满足业务需求的目标JSON数据。这样，可以通过第一移动终端来修改得到生成目标待开发组件所需的、满足业务需求的数据。
可选地，在S10：第一移动终端生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据之后，还可以包括：
第一移动终端在本地反应React Native绘制组件的组件库中，查找目标待开发组件所对应的目标组件代码；调用React Native绘制组件绘制目标待开发组件的预览图；其中，预览图是React Native绘制组件基于目标JSON数据和查找到的目标组件代码绘制得到的；显示预览图。
图3为本申请实施例提供的一种组件开发模式的示意图。参见图3，开发人员可以对第一移动终端上的Web平台进行操作。具体地，开发人员可以在Web浏览器输入Key所对应的Value数据，来生成目标JSON数据。其中，该目标JSON数据可以给生成目标待开发组件提供所需的数据。
第一移动终端在生成目标JSON数据之后，可以在React Native(本地反应)绘制组件的组件库中，查找目标待开发组件所对应的目标组件代码。其中，由于该目标JSON数据是用于描述目标待开发组件的业务需求的数据，因而可以依据该目标JSON数据所对应的目标待开发组件的标识，来查找目标待开发组件所对应的目标组件代码。例如，可以在ReactNative绘制组件的组件库中，查找与该目标JSON数据所对应的待开发组件的标识001具有映射关系的目标组件代码，作为待开发支付组件所对应的目标组件代码。
在查找到待开发组件所对应的目标组件代码之后，第一移动终端可以调用ReactNative绘制组件绘制目标待开发组件的预览图，其中，该预览图是React Native绘制组件基于目标JSON数据和查找到的目标组件代码绘制得到的。然后可以显示该预览图。例如，可以显示待开发支付组件所对应支付对话框的预览图，其中，该预览图中包括可视化支付按键。也就是，可以显示待开发支付组件所对应的可视化支付按键的预览图。
这样，开发人员在操作Web平台后，便可以实时看到目标待开发组件的预览结果。具体地，开发人员可以实时预览组件样式的预览图。并且，当该预览图不符合预期时，第一移动终端还可以响应于开发人员对目标JSON数据进行修改的修改指令，快速地生成修改后的目标JSON数据，进而可以快速地生成符合预期的预览图，提高了组件开发效率。
其中，开发人员可以预先在该组件库中存储一些适合移动终端的组件的预设组件代码，并且这些适合移动终端的组件可以是开发人员预先定制的。另外，该React Native绘制组件具体可以是集成到ant design(蚂蚁设计)框架的React Native For Web(对万维网的本地反应)绘制组件。
另外，从图3可知，在本申请实施例提供的组件开发模式中，一个组件只需要不同的JSON数据即可应对不同的业务场景。具体地，当需要生成支付按键的背景颜色为蓝色的待开发支付组件时，开发人员可以操作第一移动终端上Web平台，从而使得第一移动终端可以生成场景1的JSON数据。其中，场景1为：支付按键的背景颜色为蓝色。并且，第一移动终端可以将所生成的场景1的JSON数据存储至服务器。这样，当服务器接收第二移动终端发送的针对待开发支付组件的生成请求时，可以将该场景1的JSON数据发送给第二移动终端。进而，第二移动终端可以利用场景1的JSON数据中的Key对应的Value，赋值给生成待开发支付组件所需的目标组件代码中相应的Key，从而得到支付按键的背景颜色为蓝色的支付组件。
另外，当需要生成支付按键的背景颜色为黑色的待开发支付组件时，开发人员可以操作第一移动终端上Web平台，从而使得第一移动终端可以生成场景2的JSON数据。其中，场景2为：支付按键的背景颜色为黑色。并且，第一移动终端可以将所生成的场景2的JSON数据存储至服务器。这样，当服务器接收第二移动终端发送的针对待开发支付组件的生成请求时，可以将该场景2的JSON数据发送给第二移动终端。进而，第二移动终端可以利用场景2的JSON数据中的Key对应的Value，赋值给生成待开发支付组件所需的目标组件代码中相应的Key，从而得到支付按键的背景颜色为黑色的支付组件。
同理，当需要生成支付按键的形状为平行四边形的待开发支付组件时，开发人员可以操作第一移动终端上Web平台，从而使得第一移动终端可以生成场景3的JSON数据。其中，场景3为：支付按键的形状为平行四边形。并且，第一移动终端可以将所生成的场景3的JSON数据存储至服务器。这样，当服务器接收第二移动终端发送的针对待开发支付组件的生成请求时，可以将该场景3的JSON数据发送给第二移动终端。进而，第二移动终端可以利用场景3的JSON数据中的Key对应的Value，赋值给生成待开发支付组件所需的目标组件代码中相应的Key，从而得到支付按键的形状为平行四边形的支付组件。
这样，开发人员在写了一份场景1支付组件代码来满足场景1的需求之后，并不需要重写一份场景2支付组件代码来满足场景2的需求，也不需要重写一份场景3支付组件代码来满足场景3的需求，而只需要不同的JSON数据赋值给生成待开发支付组件所需的目标组件代码即可应对不同的业务场景。
这样，提高了目标组件代码的利用率，并降低了代码的撰写量。从而，可以避免过多重复代码导致不必要的包二进制增大，而且提高了组件开发效率。并且，不需要开发人员耗费大量的时间和精力开发组件，降低了组件开发成本。
而本申请实施例增加的JSON数据并不会导致包二进制大小增加，仅仅影响资源文件大小，而且由于一般一个JSON数据10多kb(Kilo Byte,千字节)大小，因而对资源文件大小的影响是有限的。而且，由于任何支持的类型都可以通过JSON数据来表示，例如字符串、数字、对象、数组等，这就使得JSON数据可以在多种平台使用，即可以跨平台使用。这样，使得本申请实施例提供的组件开发方法不仅可以适用于IOS(苹果操作系统)端，也可以适用于安卓端，还可以适用于H5端，即HTML(Hyper Text Markup Language，超文本标记语言)5标准规范端。
可以理解的是，上述生成待开发支付组件所需的目标组件代码对应的业务需求：支付按键的背景颜色为蓝色、支付按键的背景颜色为黑色和支付按键的形状为平行四边形，都属于支付组件类别的业务需求。
另外，场景1可以为业务方1所要求的业务场景，场景2可以为业务方2所要求的业务场景，场景3可以为业务方3所要求的业务场景，当然并不局限于此。其中，业务方为给出业务需求的客户方。
可选地，第一移动终端在显示预览图之后，还可以包括如下操作：
第一移动终端将预览图发送给服务器；
服务器存储预览图；
第一移动终端接收用户发出的针对目标待开发组件对应的目标JSON数据和/或预览图的下载指令；并响应于下载指令从服务器下载目标JSON数据和/或预览图；将目标JSON数据和/或预览图发送给用户。
可以理解的是，第一移动终端在生成预览图之后，还可以将该预览图发送给服务器进行存储。这样，可以通过服务器来存储该待开发组件所对应的预览图，从而防止该预览图丢失。
另外，当第一移动终端接收用户发出的针对待开发组件对应的目标JSON数据和/或预览图的下载指令时，可以从服务器下载目标JSON数据和/或预览图，并将目标JSON数据和/或预览图发送给用户。这样，使得用户可以获得该目标JSON数据和/或预览图。
其中，将目标JSON数据和/或预览图发送给用户可以指：将目标JSON数据和/或预览图发送给用户邮箱，或者，发送至用户硬盘。当然并不局限于此。
另外，该用户可以为业务方用户，也可以为开发人员，当然并不局限于此。
可选地，第一移动终端将预览图发送给服务器，可以包括：
第一移动终端在接收到针对React Native绘制组件中的自定义上传组件的点击指令之后，将目标待开发组件的预览图发送给服务器。
可以理解的是，本申请实施例可以将自定义上传组件结合至React Native绘制组件中。其中，该自定义组件可以为可视化组件。这样，用户在点击自定义上传组件之后，React Native绘制组件可以响应该点击指令，将渲染得到的预览图传递给自定义上传组件。进而，自定义上传组件可以将该预览图上传至服务器。
图4为本申请实施例提供的一种预览图上传方法的流程图。参见图4，该ReactNative绘制组件和自定义上传组件可以为第一移动终端中的组件，该Node.js(节点.爪哇脚本)平台可以为设置在服务器的平台，该解析组件可以为设置为服务器的组件。并且，可以通过如下操作上传预览图：
S21：React Native(本地反应)绘制组件当接收到针对自定义上传组件的点击指令时，传递渲染得到的预览图给自定义上传组件；
S22：自定义上传组件上传该预览图给Node.js(节点.爪哇脚本)平台；
S23：Node.js(节点.爪哇脚本)平台传递该预览图给解析组件；
S24：解析组件将该预览图写入磁盘。
其中，该Node.js(节点.爪哇脚本)平台是一个能够在服务器运行JavaScript的开放源代码、跨平台JavaScript运行环境，该Node.js(节点.爪哇脚本)平台可以用于搭建Web服务器。
综上，应用本申请实施例提供的组件开发方法，第二移动终端可以利用第一移动终端所生成的目标JSON数据来实时生成组件。其中，由于第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求，因而第二移动终端中的一个组件代码只需要获得不同的JSON数据即可以生成应对不同的业务需求的待开发组件。这样，使得开发人员不需要在每增加一个业务方就需要重写一份组件代码来满足业务方需求，而只需要不同的JSON数据赋值给目标组件代码即可应对不同的业务场景。这样，提高了预设组件代码的利用率，并降低了代码的撰写量。从而，可以避免过多重复代码导致不必要的包二进制增大，而且提高了组件开发效率。
本申请实施例还一种组件开发方法，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；并执行于第一移动终端。图5为本申请实施例提供的另一种组件开发方法的流程图，参见图5，该方法可以包括：
S501：生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；其中，目标JSON数据中存储有键Key-值Value数据；
S502：将目标JSON数据发送给服务器，以使第二移动终端针对目标业务需求，向服务器发送生成请求，生成请求针对目标业务需求对应的目标开发组件，从服务器获取所存储的目标JSON数据，并将目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，得到目标待开发组件；目标组件代码为至少一个组件代码中的一个。
在本申请实施例中，第一移动终端可以生成用于描述目标待开发组件的业务需求的目标JSON数据，并可以将该目标JSON数据发送给该组件开发系统中的服务器；其中，该目标JSON数据中存储有键Key-值Value数据。然后，该服务器可以存储该目标JSON数据。第二移动终端可以针对目标业务需求向服务器发送生成请求，该生成请求针对目标业务需求对应的目标开发组件。进而，该第二移动终端可以利用该目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，从而可以得到目标待开发组件。这样，第二移动终端可以利用第一移动终端所生成的目标JSON数据来实时生成该目标待开发组件。其中，由于第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求，因而第二移动终端中的一个组件代码只需要获得不同的JSON数据即可以生成应对不同的业务需求的待开发组件。这样，使得开发人员不需要在每增加一个业务方就需要重写一份组件代码来满足业务方需求，使得可以简单、快速地对组件进行开发，提高了组件开发效率。
可选地，S501：生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据，可以包括：
从服务器获取用于描述目标待开发组件的业务需求的第一JSON数据；
接收针对第一JSON数据的修改指令；
响应修改指令对第一JSON数据进行修改，得到第二JSON数据作为用于描述目标待开发组件的业务需求的目标JSON数据。
可选地，在S501：生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据之后，还包括：
在本地反应React Native绘制组件的组件库中，查找目标待开发组件所对应的目标组件代码；
调用React Native绘制组件绘制目标待开发组件的预览图；其中，预览图是ReactNative绘制组件基于目标JSON数据和查找到的目标组件代码绘制得到的；
显示预览图。
可以理解的是，应用于第一移动终端的组件开发方法实施例的描述可以参见上文相关实施例的相关描述，在此不做赘述。
本申请实施例还提供了一种组件开发方法，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；并执行于第二移动终端。图6为本申请实施例提供的又一种组件开发方法的流程图。参见图6，该方法可以包括：
S601：针对目标业务需求，向服务器发送生成请求，生成请求针对目标业务需求对应的目标待开发组件；其中，服务器中存储有：用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；
S602：接收服务器在响应生成请求之后所发送的目标JSON数据；
S603：利用目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，得到目标待开发组件；目标组件代码为至少一个组件代码中的一个。
在本申请实施例中，第二移动终端可以针对目标业务需求，向服务器发送生成请求，生成请求针对目标业务需求对应的目标待开发组件。该第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求。该服务器中存储有：用于描述待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据。然后，第二移动终端可以接收服务器在响应生成请求之后所发送的目标JSON数据。之后，可以利用目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，从而得到目标待开发组件；目标组件代码为至少一个组件代码中的一个。这样，第二移动终端可以利用目标JSON数据来实时生成组件。其中，由于第一移动终端可以生成多个用于描述待开发组件的不同业务需求的目标JSON数据，因而第二移动终端可以利用第一移动终端所生成的、不同业务需求所对应的目标JSON数据来生成可应对不同业务场景的组件。这样，使得开发人员不需要在每增加一个业务方就需要重写一份组件代码来满足业务方需求，使得可以简单、快速地对组件进行开发，提高了组件开发效率。
本申请实施例还提供了一种组件开发系统。图7为本申请实施例提供的一种组件开发系统的结构示意图，参见图7，该系统可以包括第一移动终端701、第二移动终端702和服务器703；第二移动终端702预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；
第一移动终端701，用于生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；将目标JSON数据发送给服务器703；其中，目标JSON数据中存储有键Key-值Value数据；
服务器703，用于存储目标JSON数据；
第二移动终端702，用于针对目标业务需求，向服务器发送生成请求，生成请求针对目标业务需求对应的目标待开发组件；
服务器703，还用于响应于生成请求，将目标JSON数据发送给第二移动终端702；
第二移动终端702，用于利用目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，得到目标待开发组件；目标组件代码为至少一个组件代码中的一个。
在本申请实施例中，组件开发系统可以包括第一移动终端、第二移动终端和服务器。该第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求。并且，第一移动终端可以生成用于描述目标待开发组件的业务需求的目标JSON数据，并可以将该目标JSON数据发送给该服务器；其中，该目标JSON数据中存储有键Key-值Value数据。该服务器可以存储该目标JSON数据。针对目标业务需求，第二移动终端可以向该服务器发送生成请求，该生成请求针对该目标业务需求对应的目标待开发组件。然后，该服务器可以响应于该生成请求，将该目标JSON数据发送给该第二移动终端。进而，该第二移动终端可以利用该目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，从而可以得到目标待开发组件。这样，第二移动终端可以利用第一移动终端所生成的目标JSON数据来实时生成该目标待开发组件。其中，由于第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求，因而第二移动终端中的一个组件代码只需要获得不同的JSON数据即可以生成应对不同的业务需求的待开发组件。这样，使得开发人员不需要在每增加一个业务方就需要重写一份组件代码来满足业务方需求，使得可以简单、快速地对组件进行开发，提高了组件开发效率。
可选地，在本申请实施例中，第一移动终端701具体可以用于：
从服务器703获取用于描述目标待开发组件的业务需求的第一JSON数据；
接收针对第一JSON数据的修改指令；
响应修改指令对第一JSON数据进行修改，得到第二JSON数据作为用于描述目标待开发组件的业务需求的目标JSON数据。
可选地，在本申请实施例中，第一移动终端701还可以用于：
在生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据之后，在本地反应React Native绘制组件的组件库中，查找待开发组件所对应的目标组件代码；
调用React Native绘制组件绘制目标待开发组件的预览图；其中，预览图是ReactNative绘制组件基于目标JSON数据和查找到的目标组件代码绘制得到的；
显示预览图。
本申请实施例还提供了一种组件开发装置，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；并配置于第一移动终端。图8为本申请实施例提供的一种组件开发装置的结构示意图，参见图8，该装置可以包括：
生成模块801，用于生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；其中，目标JSON数据中存储有键Key-值Value数据；
第一发送模块802，用于将目标JSON数据发送给服务器，以使第二移动终端针对目标业务需求，向服务器发送生成请求，生成请求针对目标业务需求对应的目标开发组件，从服务器获取所存储的目标JSON数据，并将目标JSON数据中的Key对应的Value，赋值给目标生成待开发组件所需的目标组件代码中相应的Key，得到目标待开发组件；目标组件代码为至少一个组件代码中的一个。
在本申请实施例中，第一移动终端可以生成用于描述目标待开发组件的业务需求的目标JSON数据，并可以将该目标JSON数据发送给该组件开发系统中的服务器；其中，该目标JSON数据中存储有键Key-值Value数据。然后，该服务器可以存储该目标JSON数据。第二移动终端可以针对目标业务需求向服务器发送生成请求，该生成请求针对目标业务需求对应的目标开发组件。进而，该第二移动终端可以利用该目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，从而可以得到目标待开发组件。这样，第二移动终端可以利用第一移动终端所生成的目标JSON数据来实时生成该目标待开发组件。其中，由于第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求，因而第二移动终端中的一个组件代码只需要获得不同的JSON数据即可以生成应对不同的业务需求的待开发组件。这样，使得开发人员不需要在每增加一个业务方就需要重写一份组件代码来满足业务方需求，使得可以简单、快速地对组件进行开发，提高了组件开发效率。
在本申请实施例中，图9为本申请实施例提供的另一种组件开发装置的结构示意图。参见图9，该生成模块801可以包括：
获取单元8011，用于从服务器获取用于描述目标待开发组件的业务需求的第一JSON数据；
接收单元8012，用于接收针对第一JSON数据的修改指令；
修改单元8013，用于响应修改指令对第一JSON数据进行修改，得到第二JSON数据作为用于描述目标待开发组件的业务需求的目标JSON数据。
在本申请实施例中，图10为本申请实施例提供的又一种组件开发装置的结构示意图。参见图10，该组件开发装置还可以包括：
查找模块803，用于在生成用于描述待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据之后，在本地反应React Native绘制组件的组件库中，查找目标待开发组件所对应的目标组件代码；
绘制模块804，用于调用React Native绘制组件绘制目标待开发组件的预览图；其中，预览图是所述React Native绘制组件基于目标JSON数据和查找到的目标组件代码绘制得到的；
显示模块805，用于显示预览图。
本申请实施例还提供了一种组件开发装置，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；并配置于第二移动终端。图11为本申请实施例提供的又一种组件开发装置的结构示意图。参见图11，该装置可以包括：
第二发送模块1101，用于针对目标业务需求，向服务器发送生成请求，生成请求针对目标业务需求对应的目标待开发组件；其中，服务器中存储有：用于描述待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据；
接收模块1102，用于接收服务器在响应生成请求之后所发送的目标JSON数据；
赋值模块1103，用于利用目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，得到目标待开发组件；目标组件代码为至少一个组件代码中的一个。
在本申请实施例中，第二移动终端可以针对目标业务需求，向服务器发送生成请求，生成请求针对目标业务需求对应的目标待开发组件。该第二移动终端预设有至少一个组件代码，一个组件代码用于生成多个待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求。该服务器中存储有：用于描述待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据。然后，第二移动终端可以接收服务器在响应生成请求之后所发送的目标JSON数据。之后，可以利用目标JSON数据中的Key对应的Value，赋值给生成目标待开发组件所需的目标组件代码中相应的Key，从而得到目标待开发组件；目标组件代码为至少一个组件代码中的一个。这样，第二移动终端可以利用目标JSON数据来实时生成组件。其中，由于第一移动终端可以生成多个用于描述待开发组件的不同业务需求的目标JSON数据，因而第二移动终端可以利用第一移动终端所生成的、不同业务需求所对应的目标JSON数据来生成可应对不同业务场景的组件。这样，使得开发人员不需要在每增加一个业务方就需要重写一份组件代码来满足业务方需求，使得可以简单、快速地对组件进行开发，提高了组件开发效率。
本申请实施例还提供了一种移动终端。图12为本申请实施例提供的一种移动终端的结构示意图，参见图12，包括处理器1201、通信接口1202、存储器1203和通信总线1204，其中，处理器1201，通信接口1202，存储器1203通过通信总线1204完成相互间的通信；
存储器1203，用于存放计算机程序；
处理器1201，用于执行存储器上所存放的程序时，实现上述任一项应用于第一移动终端的组件开发方法的方法步骤，或，上述任一项应用于第二移动终端的组件开发方法的方法步骤。
本申请实施例还提供了一种可读存储介质，可读存储介质内存储有计算机程序，计算机程序被移动终端的处理器执行时实现上述任一项应用于第一移动终端的组件开发方法的方法步骤，或，上述任一项应用于第一移动终端的组件开发方法的方法步骤。其中，该可读存储介质为计算机可读存储介质。
本申请实施例提供还提供了一种包含指令的计算机程序产品，当其在第一移动终端上运行时，使得移动终端执行上述应用于第一移动终端的任一项组件开发方法的方法步骤，或，上述应用于第二移动终端的任一项组件开发方法的方法步骤。
上述终端提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述终端与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory，简称RAM)，也可以包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(Digital Signal Processing，简称DSP)、专用集成电路(Application SpecificIntegrated Circuit，简称ASIC)、现场可编程门阵列(Field－Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、系统、移动终端、可读存储介质和计算机程序产品实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
以上所述仅为本申请的较佳实施例而已，并非用于限定本申请的保护范围。凡在本申请的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本申请的保护范围内。

Claims (17)

1.一种组件开发方法，其特征在于，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，所述第二移动终端预设有至少一个组件代码，一个组件代码用于根据不同的爪哇脚本对象简谱JSON数据生成多个应对不同业务需求的待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；所述方法包括：
所述第一移动终端生成用于描述目标待开发组件的业务需求的目标JSON数据；将所述目标JSON数据发送给所述服务器；其中，所述目标JSON数据中存储有键Key-值Value数据；
所述服务器存储所述目标JSON数据；
针对目标业务需求，所述第二移动终端向所述服务器发送生成请求，所述生成请求针对所述目标业务需求对应的目标待开发组件；
所述服务器响应于所述生成请求，将所述目标JSON数据发送给所述第二移动终端；
所述第二移动终端利用所述目标JSON数据中的所述Key对应的Value，赋值给生成所述目标待开发组件所需的目标组件代码中相应的Key，得到所述目标待开发组件；所述目标组件代码为至少一个组件代码中的一个。
2.根据权利要求1所述的方法，其特征在于，所述第一移动终端生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据，包括：
所述第一移动终端获得目标待开发组件的业务需求所对应的键Key-值Value数据；
生成记录有所述键Key-值Value数据的JSON数据，作为用于描述所述目标待开发组件的业务需求的目标JSON数据。
3.根据权利要求1所述的方法，其特征在于，所述第一移动终端生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据，包括：
所述第一移动终端从所述服务器获取用于描述目标待开发组件的业务需求的第一JSON数据；
接收针对所述第一JSON数据的修改指令；
响应所述修改指令对所述第一JSON数据进行修改，得到第二JSON数据作为用于描述所述目标待开发组件的业务需求的目标JSON数据。
4.根据权利要求1、2或3所述的方法，其特征在于，在所述第一移动终端生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据之后，还包括：
所述第一移动终端在本地反应React Native绘制组件的组件库中，查找所述目标待开发组件所对应的目标组件代码；
调用所述React Native绘制组件绘制所述目标待开发组件的预览图；其中，所述预览图是所述React Native绘制组件基于所述目标JSON数据和查找到的所述目标组件代码绘制得到的；
显示所述预览图。
5.根据权利要求4所述的方法，其特征在于，所述第一移动终端在显示所述预览图之后，还包括：
所述第一移动终端将所述预览图发送给所述服务器；
所述服务器存储所述预览图；
所述第一移动终端接收用户发出的针对所述目标待开发组件对应的所述目标JSON数据和/或所述预览图的下载指令，并响应于所述下载指令从所述服务器下载所述目标JSON数据和/或所述预览图；将所述目标JSON数据和/或所述预览图发送给所述用户。
6.根据权利要求5所述的方法，其特征在于，所述第一移动终端将所述预览图发送给所述服务器，包括：
所述第一移动终端在接收到针对所述React Native绘制组件中的自定义上传组件的点击指令之后，将所述目标待开发组件的所述预览图发送给所述服务器。
7.一种组件开发方法，其特征在于，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，所述第二移动终端预设有至少一个组件代码，一个组件代码用于根据不同的爪哇脚本对象简谱JSON数据生成多个应对不同业务需求的待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；执行于所述第一移动终端，所述方法包括：
生成用于描述目标待开发组件的业务需求的目标JSON数据；其中，所述目标JSON数据中存储有键Key-值Value数据；
将所述目标JSON数据发送给服务器，以使第二移动终端针对目标业务需求，向所述服务器发送生成请求，所述生成请求针对所述目标业务需求对应的目标开发组件，从所述服务器获取所存储的所述目标JSON数据，并将所述目标JSON数据中的所述Key对应的Value，赋值给生成所述目标待开发组件所需的目标组件代码中相应的Key，得到所述目标待开发组件；所述目标组件代码为至少一个组件代码中的一个。
8.根据权利要求7所述的方法，其特征在于，所述生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据，包括：
从所述服务器获取用于描述目标待开发组件的业务需求的第一JSON数据；
接收针对所述第一JSON数据的修改指令；
响应所述修改指令对所述第一JSON数据进行修改，得到第二JSON数据作为用于描述所述目标待开发组件的业务需求的目标JSON数据。
9.根据权利要求7或8所述的方法，其特征在于，在所述生成用于描述目标待开发组件的业务需求的目标爪哇脚本对象简谱JSON数据之后，还包括：
在本地反应React Native绘制组件的组件库中，查找所述目标待开发组件所对应的目标组件代码；
调用所述React Native绘制组件绘制所述目标待开发组件的预览图；其中，所述预览图是所述React Native绘制组件基于所述目标JSON数据和查找到的所述目标组件代码绘制得到的；
显示所述预览图。
10.一种组件开发方法，其特征在于，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，所述第二移动终端预设有至少一个组件代码，一个组件代码用于根据不同的爪哇脚本对象简谱JSON数据生成多个应对不同业务需求的待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；执行于所述第二移动终端，所述方法包括：
针对目标业务需求，向服务器发送生成请求，所述生成请求针对所述目标业务需求对应的目标待开发组件；其中，所述服务器中存储有：用于描述所述目标待开发组件的业务需求的目标JSON数据；
接收所述服务器在响应所述生成请求之后所发送的所述目标JSON数据；
利用所述目标JSON数据中的所述Key对应的Value，赋值给生成所述目标待开发组件所需的目标组件代码中相应的Key，得到所述目标待开发组件；所述目标组件代码为至少一个组件代码中的一个。
11.一种组件开发系统，其特征在于，所述系统包括第一移动终端、第二移动终端和服务器；所述第二移动终端预设有至少一个组件代码，一个组件代码用于根据不同的爪哇脚本对象简谱JSON数据生成多个应对不同业务需求的待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；
所述第一移动终端，用于生成用于描述目标待开发组件的业务需求的目标JSON数据；将所述目标JSON数据发送给所述服务器；其中，所述目标JSON数据中存储有键Key-值Value数据；
所述服务器，用于存储所述目标JSON数据；
所述第二移动终端，用于针对目标业务需求，向所述服务器发送生成请求，所述生成请求针对所述目标业务需求对应的目标待开发组件；
所述服务器，还用于响应于所述生成请求，将所述目标JSON数据发送给所述第二移动终端；
所述第二移动终端，用于利用所述目标JSON数据中的所述Key对应的Value，赋值给生成所述目标待开发组件所需的目标组件代码中相应的Key，得到所述目标待开发组件；所述目标组件代码为至少一个组件代码中的一个。
12.根据权利要求11所述的系统，其特征在于，所述第一移动终端具体用于：
从所述服务器获取用于描述目标待开发组件的业务需求的第一JSON数据；
接收针对所述第一JSON数据的修改指令；
响应所述修改指令对所述第一JSON数据进行修改，得到第二JSON数据作为用于描述所述目标待开发组件的业务需求的目标JSON数据。
13.根据权利要求11或12所述的系统，其特征在于，所述第一移动终端还用于：
在所述生成用于描述目标待开发组件的业务需求的目标JSON数据之后，在本地反应React Native绘制组件的组件库中，查找所述目标待开发组件所对应的目标组件代码；
调用所述React Native绘制组件绘制所述目标待开发组件的预览图；其中，所述预览图是所述React Native绘制组件基于所述目标JSON数据和查找到的所述目标组件代码绘制得到的；
显示所述预览图。
14.一种组件开发装置，其特征在于，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，所述第二移动终端预设有至少一个组件代码，一个组件代码用于根据不同的爪哇脚本对象简谱JSON数据生成多个应对不同业务需求的待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；配置于所述第一移动终端，所述装置包括：
生成模块，用于生成用于描述目标待开发组件的业务需求的目标JSON数据；其中，所述目标JSON数据中存储有键Key-值Value数据；
第一发送模块，用于将所述目标JSON数据发送给服务器，以使第二移动终端针对目标业务需求，向所述服务器发送生成请求，所述生成请求针对所述目标业务需求对应的目标开发组件，从所述服务器获取所存储的所述目标JSON数据，并将所述目标JSON数据中的所述Key对应的Value，赋值给生成所述目标待开发组件所需的目标组件代码中相应的Key，得到所述目标待开发组件；所述目标组件代码为至少一个组件代码中的一个。
15.一种组件开发装置，其特征在于，应用于包括第一移动终端、第二移动终端和服务器的组件开发系统，所述第二移动终端预设有至少一个组件代码，一个组件代码用于根据不同的爪哇脚本对象简谱JSON数据生成多个应对不同业务需求的待开发组件，一个组件代码对应属于同一类别的多个业务需求，一个待开发组件对应一个业务需求；配置于所述第二移动终端，所述装置包括：
第二发送模块，用于针对目标业务需求，向服务器发送生成请求，所述生成请求针对所述目标业务需求对应的目标待开发组件；其中，所述服务器中存储有：用于描述所述目标待开发组件的业务需求的目标JSON数据；
接收模块，用于接收所述服务器在响应所述生成请求之后所发送的所述目标JSON数据；
赋值模块，用于利用所述目标JSON数据中的所述Key对应的Value，赋值给生成所述目标待开发组件所需的目标组件代码中相应的Key，得到所述目标待开发组件；所述目标组件代码为至少一个组件代码中的一个。
16.一种移动终端，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
所述存储器，用于存放计算机程序；
所述处理器，用于执行所述存储器上所存放的程序时，实现权利要求7-9任一所述的方法步骤，或，权利要求10所述的方法步骤。
17.一种可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被第一移动终端的处理器执行时实现权利要求7-9任一所述的方法步骤，或，权利要求10所述的方法步骤。
CN201911377813.1A 2019-12-27 2019-12-27 组件开发方法、装置及系统、移动终端和可读存储介质 Active CN111142846B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911377813.1A CN111142846B (zh) 2019-12-27 2019-12-27 组件开发方法、装置及系统、移动终端和可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911377813.1A CN111142846B (zh) 2019-12-27 2019-12-27 组件开发方法、装置及系统、移动终端和可读存储介质

Publications (2)

Publication Number Publication Date
CN111142846A CN111142846A (zh) 2020-05-12
CN111142846B true CN111142846B (zh) 2023-12-05

Family

ID=70521031

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911377813.1A Active CN111142846B (zh) 2019-12-27 2019-12-27 组件开发方法、装置及系统、移动终端和可读存储介质

Country Status (1)

Country Link
CN (1) CN111142846B (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9285977B1 (en) * 2014-10-09 2016-03-15 Wrap Media, LLC Card based package for distributing electronic media and services
CN105824787A (zh) * 2016-03-15 2016-08-03 江苏中威科技软件系统有限公司 一种html模板动态配置的控制方法及系统
CN106202096A (zh) * 2015-05-05 2016-12-07 阿里巴巴集团控股有限公司 客户端页面渲染方法及装置
CN107609156A (zh) * 2017-09-26 2018-01-19 微梦创科网络科技（中国）有限公司 一种页面搭建的方法及装置
CN108958708A (zh) * 2017-05-25 2018-12-07 河南理工大学 一种基于组件的软件系统架构及软件实现方法
CN109002281A (zh) * 2018-07-17 2018-12-14 中国建设银行股份有限公司 基于平台组件的项目开发方法、装置及用户终端
CN109885298A (zh) * 2019-02-20 2019-06-14 百度在线网络技术（北京）有限公司 一种ui组件生成方法、装置和终端设备

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9285977B1 (en) * 2014-10-09 2016-03-15 Wrap Media, LLC Card based package for distributing electronic media and services
CN106202096A (zh) * 2015-05-05 2016-12-07 阿里巴巴集团控股有限公司 客户端页面渲染方法及装置
CN105824787A (zh) * 2016-03-15 2016-08-03 江苏中威科技软件系统有限公司 一种html模板动态配置的控制方法及系统
CN108958708A (zh) * 2017-05-25 2018-12-07 河南理工大学 一种基于组件的软件系统架构及软件实现方法
CN107609156A (zh) * 2017-09-26 2018-01-19 微梦创科网络科技（中国）有限公司 一种页面搭建的方法及装置
CN109002281A (zh) * 2018-07-17 2018-12-14 中国建设银行股份有限公司 基于平台组件的项目开发方法、装置及用户终端
CN109885298A (zh) * 2019-02-20 2019-06-14 百度在线网络技术（北京）有限公司 一种ui组件生成方法、装置和终端设备

Also Published As

Publication number Publication date
CN111142846A (zh) 2020-05-12

Similar Documents

Publication Publication Date Title
EP3011442B1 (en) Method and apparatus for customized software development kit (sdk) generation
CN108304201B (zh) 对象更新方法、装置及设备
US9398081B2 (en) Automating client development for network APIs
US8819698B2 (en) Cross-platform web-based native device feature access
US8880660B2 (en) Information-processing device, communication system, computer readable medium, and information-processing method
US10574724B2 (en) Automatic discovery of management nodes and generation of CLI using HA module
US20160050128A1 (en) System and Method for Facilitating Communication with Network-Enabled Devices
WO2016058488A1 (zh) 一种用于提供sdk文件的方法与设备
CN107276842B (zh) 接口测试方法、装置及电子设备
JP7003867B2 (ja) Ａｐｉアダプタ作成装置、ａｐｉアダプタ作成方法およびａｐｉアダプタ作成プログラム
CN110727417B (zh) 一种数据处理方法和装置
WO2021016475A1 (en) Container orchestration framework
US20140330899A1 (en) Data Infrastructure For Providing Interconnectivity Between Platforms, Devices, and Operating Systems
CN112732572A (zh) 服务的测试方法、装置及系统、存储介质、电子装置
CN113961463A (zh) 应用环境切换方法及系统、存储介质和电子设备
CN105335132A (zh) 一种自定义应用程序功能的方法、装置以及系统
CN111090423A (zh) 一种webhook框架系统和实现主动调用、实现事件触发的方法
CN112306471A (zh) 一种任务的调度方法和装置
CN113778897B (zh) 接口的自动测试方法、装置、设备及存储介质
CN109032693B (zh) 一种加载展示信息方法、装置、电子设备及可读存储介质
CN112860247A (zh) 一种模型组件的自定义生成方法、装置、设备及介质
CN111142846B (zh) 组件开发方法、装置及系统、移动终端和可读存储介质
CN113726855B (zh) 服务聚合方法、装置、电子设备以及计算机可读存储介质
US20190121649A1 (en) User interface metadata from an application program interface
CN109635175B (zh) 页面数据拼接方法、装置、可读存储介质和电子设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant