CN111782211A - 基于Vue组件的参数页面动态生成方法及装置 - Google Patents

基于Vue组件的参数页面动态生成方法及装置 Download PDF

Info

Publication number
CN111782211A
CN111782211A CN202010598257.7A CN202010598257A CN111782211A CN 111782211 A CN111782211 A CN 111782211A CN 202010598257 A CN202010598257 A CN 202010598257A CN 111782211 A CN111782211 A CN 111782211A
Authority
CN
China
Prior art keywords
parameter
control
configuration information
parameter page
page
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.)
Granted
Application number
CN202010598257.7A
Other languages
English (en)
Other versions
CN111782211B (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.)
Industrial and Commercial Bank of China Ltd ICBC
Original Assignee
Industrial and Commercial Bank of China Ltd ICBC
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 Industrial and Commercial Bank of China Ltd ICBC filed Critical Industrial and Commercial Bank of China Ltd ICBC
Priority to CN202010598257.7A priority Critical patent/CN111782211B/zh
Publication of CN111782211A publication Critical patent/CN111782211A/zh
Application granted granted Critical
Publication of CN111782211B publication Critical patent/CN111782211B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • 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/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/76—Adapting program code to run in a different environment; Porting
    • 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/02—Total factory control, e.g. smart factories, flexible manufacturing systems [FMS] or integrated manufacturing systems [IMS]

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Stored Programmes (AREA)

Abstract

本发明提供了一种基于Vue组件的参数页面动态生成方法及装置，基于Vue组件的参数页面动态生成方法包括：根据参数编号获取参数页面的配置信息；根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；根据所述配置信息以及所述属性动态生成所述参数页面。本发明提供的基于Vue组件的参数页面动态生成方法及装置，可以实现与后台系统的高度解耦，能快速与不同的后端进行集成，实现参数页面的快速开发，提升整个应用的研发效率。

Description

基于Vue组件的参数页面动态生成方法及装置
技术领域
本发明涉及计算机数据处理技术领域，特别是涉及一种基于Vue组件的参数页面动态生成方法及装置。
背景技术
参数页面是各类业务系统必不可少的内容之一，开发团队很大一部分精力需要投入到页面开发，例如：实现增删改查的数据处理等，此类操作具有相同的特点：将页面的控件与后台参数表的字段进行映射，实现数据的存储与维护，其本身并不存在复杂的处理逻辑；同时页面的控件类型多样，如基于字典的下拉框，日期选择，文本输入，数字录入，每个控件有不同的校验规则与取数逻辑。传统的实现方法一般是基于后台配置，在应用服务器上根据参数配置动态生成页面(如JSP或Servlet)，最终在浏览器上进行展示，可以理解的是，基于HTML的页面，在前端实现上无法进行很好的组件封装，需要依赖于后端代码对页面元素进行动态管理，整个实现方式与后台深度绑定，无法与各种不同的后台系统实现灵活的适配。
发明内容
针对现有技术中的问题，本发明提供的基于Vue组件的参数页面动态生成方法及装置，可以实现与后台系统的高度解耦，能快速与不同的后端进行集成，实现参数页面的快速开发，提升整个应用的研发效率。
为解决上述技术问题，本发明提供以下技术方案：
第一方面，本发明提供一种基于Vue组件的参数页面动态生成方法，包括：
根据参数编号获取参数页面的配置信息；
根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；
根据所述配置信息以及所述属性动态生成所述参数页面。
一实施例中，基于Vue组件的参数页面动态生成方法还包括：根据菜单查找到与所述菜单绑定的参数编号。
一实施例中，基于Vue组件的参数页面动态生成方法还包括：在生成所述参数页面的过程中，通过Ajax的方式调用后台数据库接口，以与所述后台数据库进行交互。
一实施例中，所述根据所述配置信息以及所述属性动态生成所述参数页面包括：
通过所述后台数据库接口获取与所述配置信息对应的参数配置信息；
根据所述参数配置信息选择对应的控件；
根据预生成的顺序组装所述控件，以生成所述参数页面。
一实施例中，所述控件包括：日期选择控件，文本输入控件以及下拉选择控件。
第二方面，本发明提供一种基于Vue组件的参数页面动态生成装置，包括：
配置信息获取单元，用于根据参数编号获取参数页面的配置信息；
控件选取单元，用于根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；
参数页面生成单元，用于根据所述配置信息以及所述属性动态生成所述参数页面。
一实施例中，基于Vue组件的参数页面动态生成装置还包括：
参数编号查找单元，用语言根据菜单查找到与所述菜单绑定的参数编号；
数据交互单元，用于通过Ajax的方式调用后台数据库接口，以与所述后台数据库进行交互；
所述控件包括：日期选择控件，文本输入控件以及下拉选择控件。
一实施例中，所述参数页面生成单元包括：
配置信息获取模块，用于通过所述后台数据库接口获取与所述配置信息对应的参数配置信息；
控件选择模块，用于根据所述参数配置信息选择对应的控件；
参数页面生成模块，用于根据预生成的顺序组装所述控件，以生成所述参数页面。
第三方面，本发明提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行程序时实现基于Vue组件的参数页面动态生成方法的步骤。
第四方面，本发明提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现基于Vue组件的参数页面动态生成方法的步骤。
从上述描述可知，本发明实施例提供的基于Vue组件的参数页面动态生成方法及装置，首先根据参数编号获取参数页面的配置信息；接着，根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；最后根据所述配置信息以及所述属性动态生成所述参数页面。具体地，本发明可以直接根据配置文件中的参数设置实现各个组件的动态生成，无需后端应用服务器上额外的处理，从而降低对应用服务器和数据库服务器的资源占用，实现参数管理模块与数据库、应用服务器的解耦，打造轻量的一体化参数管理体系，另一方面得益于Vue框架组件抽象的能力，可以通过少量的编码即可实现这一模型，极大降低了后期维护的成本。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明的实施例中基于Vue组件的参数页面动态生成方法流程示意图一；
图2为本发明的实施例中基于Vue组件的参数页面动态生成方法流程示意图二；
图3为本发明的实施例中基于Vue组件的参数页面动态生成方法流程示意图三；
图4为本发明的实施例中步骤300的流程示意图；
图5为本发明的具体应用实例中基于Vue组件的参数页面动态生成方法的流程示意图；
图6为本发明的实施例中基于Vue组件的参数页面动态生成装置的结构框图一；
图7为本发明的实施例中基于Vue组件的参数页面动态生成装置的结构框图二；
图8为本发明的实施例中参数页面生成单元的结构框图；
图9为本发明的实施例中的电子设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整的描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明的实施例提供一种基于Vue组件的参数页面动态生成方法的具体实施方式，参见图1，该方法具体包括如下内容：
步骤100：根据参数编号获取参数页面的配置信息。
具体地，针对不同的菜单设置并获取对应的参数，例如：参数表id、字段名称、前台显示名称、数据库字典取数逻辑、模糊匹配逻辑、控件类型、展示顺序以及校验规则。
步骤200：根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性。
具体地，实现参数配置项对应的控件开发，基于Vue开发相应的组件库，每个控件对应一个源文件，控件对应的字段名称、数据库字典取数逻辑、模糊匹配逻辑、控件类型、展示顺序、校验规则全部通过属性实现，以便后续通过外部传入相关的参数来实现动态赋值。另外，当业务在页面输入相应的内容，调用各控件的校验规则，实现页面的输入控制；实现控件数据的加载，实现控件初始值(如下拉框)的注入。可以理解的是，得益于Vue框架组件抽象的能力，可以通过少量的编码即可实现模型的建立，极大降低了后期维护的成本。
步骤300：根据所述配置信息以及所述属性动态生成所述参数页面。
具体地，通过调用接口获取相应的参数配置。根据获取的参数配置，选择相应的控件，按照顺序实现控件的生成，控件参数的传递，最终生成整个参数页面。可以理解的是，步骤300可以实现与后台系统的高度解耦，能快速与不同的后端进行集成，实现参数模块的快速开发。
从上述描述可知，本发明实施例提供的基于Vue组件的参数页面动态生成方法，首先根据参数编号获取参数页面的配置信息；接着，根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；最后根据所述配置信息以及所述属性动态生成所述参数页面。具体地，本发明可以直接根据配置文件中的参数设置实现各个组件的动态生成，无需后端应用服务器上额外的处理，从而降低对应用服务器和数据库服务器的资源占用，实现参数管理模块与数据库、应用服务器的解耦，打造轻量的一体化参数管理体系，另一方面得益于Vue框架组件抽象的能力，可以通过少量的编码即可实现这一模型，极大降低了后期维护的成本。一实施例中，参见图2，基于Vue组件的参数页面动态生成方法还包括：
步骤400：根据菜单查找到与所述菜单绑定的参数编号。
一实施例中，参见图3，基于Vue组件的参数页面动态生成方法还包括：
步骤500：在生成所述参数页面的过程中，通过Ajax的方式调用后台数据库接口，以与所述后台数据库进行交互。
具体地，实现与后台数据库的交互，通过Ajax的方式调用后台接口，实现单个控件如字典值，模糊输入匹配等数据的获取；另外实现最终配置数据的后台交互，将结果存入后台表中。
一实施例中，参见图4，步骤300进一步包括：
步骤301：通过所述后台数据库接口获取与所述配置信息对应的参数配置信息。
步骤302：根据所述参数配置信息选择对应的控件。
步骤303：根据预生成的顺序组装所述控件，以生成所述参数页面。
在步骤301至步骤303中，首先对外提供统一的url，传入相应的参数编号，返回json格式的参数配置，具体返回的字典如表1所示。获取相应的参数配置，根据参数配置，选择相应的控件，按照顺序实现控件的生成，控件参数的传递，最终生成整个参数页面。当业务在页面输入相应的内容，调用各控件的校验规则，实现页面的输入控制；实现控件数据的加载，实现控件初始值(如下拉框)的注入。
表1字典参数表
Figure BDA0002558203480000051
Figure BDA0002558203480000061
从上述描述可知，本发明实施例提供的基于Vue组件的参数页面动态生成方法及装置，首先根据参数编号获取参数页面的配置信息；接着，根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；最后根据所述配置信息以及所述属性动态生成所述参数页面。本发明可以减少开发成本、降低后续维护难度，本发明可以实现与后台系统的高度解耦，能快速与不同的后端进行集成，实现参数模块的快速开发，提升整个应用的研发效率。
一实施例中，所述控件包括：日期选择控件，文本输入控件以及下拉选择控件。
为进一步地说明本方案，本发明提供基于Vue组件的参数页面动态生成方法的具体应用实例，具体包括如下内容，参见图5。
S1：系统根据菜单查找到与之绑定的参数编号，根据参数编号获取整个参数页面的配置信息。
具体地，设置每个参数页面的字段名称、数据库字段、控件类型、展示顺序、校验规则(包括本身输入值的有效性、与其他字段的关联关系)。另外，还需要实现各个配置项对应在页面上的控件展示，包括有日期选择控件，文本输入控件，下拉选择控件等，提供标准化的控件封装。
S2：根据参数页面的配置信息，使用Vue框架动态选取控件，并注入控件的各种属性。
步骤S2是实现参数配置项对应的控件开发，基于Vue开发相应的组件库，每个控件对应一个源文件，控件对应的字段名称、数据库字典取数逻辑、模糊匹配逻辑、控件类型、展示顺序、校验规则全部通过属性实现，以便后续通过外部传入相关的参数来实现动态赋值。另外，针对不同的菜单设置对应的参数，具体包括了参数表id、字段名称、前台显示名称、数据库字典取数逻辑、模糊匹配逻辑、控件类型、展示顺序、校验规则。
S3：根据参数页面的配置信息，动态生成参数页面。
具体地，首先对外提供统一的url，传入相应的参数编号，返回json格式的参数配置，具体返回的字典如表1所示。获取相应的参数配置，根据参数配置，选择相应的控件，按照顺序实现控件的生成，控件参数的传递，最终生成整个参数页面。当业务在页面输入相应的内容，调用各控件的校验规则，实现页面的输入控制；实现控件数据的加载，实现控件初始值(如下拉框)的注入。
S4：在页面生成过程以及业务操作过程中，实现与后台服务接口的交互，实现后台数据的获取及存储。
具体地，实现对后端数据的调用，具体传入约定的后台取数逻辑编号，使用Ajax方式调用后台接口，由后台执行相应逻辑返回对应数据。最后实现最终数据的写入，根据约定的参数的编号，以及各个控件对应的字段名称和控件内容，组装成json格式的字符串，使用Ajax方式调用后台接口，由后台解析后进行存储。另外，还需要对外部屏蔽控件实现的细节，包括控件的CSS样式，JS控制代码等。
从上述描述可知，本发明实施例提供的基于Vue组件的参数页面动态生成方法，首先根据参数编号获取参数页面的配置信息；接着，根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；最后根据所述配置信息以及所述属性动态生成所述参数页面。具体地，本发明可以直接根据配置文件中的参数设置实现各个组件的动态生成，无需后端应用服务器上额外的处理，从而降低对应用服务器和数据库服务器的资源占用，实现参数管理模块与数据库、应用服务器的解耦，打造轻量的一体化参数管理体系，另一方面得益于Vue框架组件抽象的能力，可以通过少量的编码即可实现这一模型，极大降低了后期维护的成本。
基于同一发明构思，本申请实施例还提供了基于Vue组件的参数页面动态生成装置，可以用于实现上述实施例所描述的方法，如下面的实施例。由于基于Vue组件的参数页面动态生成装置解决问题的原理与基于Vue组件的参数页面动态生成方法相似，因此基于Vue组件的参数页面动态生成装置的实施可以参见基于Vue组件的参数页面动态生成方法实施，重复之处不再赘述。以下所使用的，术语“单元”或者“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的系统较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。
本发明的实施例提供一种能够实现基于Vue组件的参数页面动态生成方法的基于Vue组件的参数页面动态生成装置的具体实施方式，参见图6，基于Vue组件的参数页面动态生成装置具体包括如下内容：
配置信息获取单元10，用于根据参数编号获取参数页面的配置信息；
控件选取单元20，用于根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；
参数页面生成单元30，用于根据所述配置信息以及所述属性动态生成所述参数页面。
一实施例中，参见图7，基于Vue组件的参数页面动态生成装置还包括：
参数编号查找单元40，用语言根据菜单查找到与所述菜单绑定的参数编号；
数据交互单元50，用于通过Ajax的方式调用后台数据库接口，以与所述后台数据库进行交互；
所述控件包括：日期选择控件，文本输入控件以及下拉选择控件。
一实施例中，参见图8，所述参数页面生成单元30包括：
配置信息获取模块301，用于通过所述后台数据库接口获取与所述配置信息对应的参数配置信息；
控件选择模块302，用于根据所述参数配置信息选择对应的控件；
参数页面生成模块303，用于根据预生成的顺序组装所述控件，以生成所述参数页面。
从上述描述可知，本发明实施例提供的基于Vue组件的参数页面动态生成装置，首先根据参数编号获取参数页面的配置信息；接着，根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；最后根据所述配置信息以及所述属性动态生成所述参数页面。具体地，本发明可以直接根据配置文件中的参数设置实现各个组件的动态生成，无需后端应用服务器上额外的处理，从而降低对应用服务器和数据库服务器的资源占用，实现参数管理模块与数据库、应用服务器的解耦，打造轻量的一体化参数管理体系，另一方面得益于Vue框架组件抽象的能力，可以通过少量的编码即可实现这一模型，极大降低了后期维护的成本。
本申请的实施例还提供能够实现上述实施例中的基于Vue组件的参数页面动态生成方法中全部步骤的一种电子设备的具体实施方式，参见图9，电子设备具体包括如下内容：
处理器(processor)1201、存储器(memory)1202、通信接口(CommunicationsInterface)1203和总线1204；
其中，处理器1201、存储器1202、通信接口1203通过总线1204完成相互间的通信；通信接口1203用于实现服务器端设备、计算单元以及客户端设备等相关设备之间的信息传输。
处理器1201用于调用存储器1202中的计算机程序，处理器执行计算机程序时实现上述实施例中的基于Vue组件的参数页面动态生成方法中的全部步骤，例如，处理器执行计算机程序时实现下述步骤：
步骤100：根据参数编号获取参数页面的配置信息。
步骤200：根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性。
步骤300：根据所述配置信息以及所述属性动态生成所述参数页面。
本申请的实施例还提供能够实现上述实施例中的基于Vue组件的参数页面动态生成方法中全部步骤的一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述实施例中的基于Vue组件的参数页面动态生成方法的全部步骤，例如，处理器执行计算机程序时实现下述步骤：
步骤100：根据参数编号获取参数页面的配置信息。
步骤200：根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性。
步骤300：根据所述配置信息以及所述属性动态生成所述参数页面。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于硬件+程序类实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。
本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
本发明中应用了具体实施例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (10)

1.一种基于Vue组件的参数页面动态生成方法，其特征在于，包括：
根据参数编号获取参数页面的配置信息；
根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；
根据所述配置信息以及所述属性动态生成所述参数页面。
2.根据权利要求1所述的参数页面动态生成方法，其特征在于，还包括：根据菜单查找到与所述菜单绑定的参数编号。
3.根据权利要求1所述的参数页面动态生成方法，其特征在于，还包括：在生成所述参数页面的过程中，通过Ajax的方式调用后台数据库接口，以与所述后台数据库进行交互。
4.根据权利要求3所述的参数页面动态生成方法，其特征在于，所述根据所述配置信息以及所述属性动态生成所述参数页面包括：
通过所述后台数据库接口获取与所述配置信息对应的参数配置信息；
根据所述参数配置信息选择对应的控件；
根据预生成的顺序组装所述控件，以生成所述参数页面。
5.根据权利要求1所述的参数页面动态生成方法，其特征在于，所述控件包括：日期选择控件，文本输入控件以及下拉选择控件。
6.一种基于Vue组件的参数页面动态生成装置，其特征在于，包括：
配置信息获取单元，用于根据参数编号获取参数页面的配置信息；
控件选取单元，用于根据所述配置信息，利用Vue组件动态选取控件，并注入所述控件的属性；
参数页面生成单元，用于根据所述配置信息以及所述属性动态生成所述参数页面。
7.根据权利要求6所述的参数页面动态生成装置，其特征在于，还包括：
参数编号查找单元，用语言根据菜单查找到与所述菜单绑定的参数编号；
数据交互单元，用于通过Ajax的方式调用后台数据库接口，以与所述后台数据库进行交互；
所述控件包括：日期选择控件，文本输入控件以及下拉选择控件。
8.根据权利要求7所述的参数页面动态生成装置，其特征在于，所述参数页面生成单元包括：
配置信息获取模块，用于通过所述后台数据库接口获取与所述配置信息对应的参数配置信息；
控件选择模块，用于根据所述参数配置信息选择对应的控件；
参数页面生成模块，用于根据预生成的顺序组装所述控件，以生成所述参数页面。
9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至5任一项所述基于Vue组件的参数页面动态生成方法的步骤。
10.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至5任一项所述基于Vue组件的参数页面动态生成方法的步骤。
CN202010598257.7A 2020-06-28 2020-06-28 基于Vue组件的参数页面动态生成方法及装置 Active CN111782211B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010598257.7A CN111782211B (zh) 2020-06-28 2020-06-28 基于Vue组件的参数页面动态生成方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010598257.7A CN111782211B (zh) 2020-06-28 2020-06-28 基于Vue组件的参数页面动态生成方法及装置

Publications (2)

Publication Number Publication Date
CN111782211A true CN111782211A (zh) 2020-10-16
CN111782211B CN111782211B (zh) 2023-08-18

Family

ID=72760734

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010598257.7A Active CN111782211B (zh) 2020-06-28 2020-06-28 基于Vue组件的参数页面动态生成方法及装置

Country Status (1)

Country Link
CN (1) CN111782211B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112506494A (zh) * 2020-11-02 2021-03-16 福建亿能达信息技术股份有限公司 基于vue的可扩展动态组件的实现方法、装置、设备和介质
CN112836159A (zh) * 2021-01-29 2021-05-25 山东浪潮通软信息科技有限公司 控件式动态页面生成方法、装置及计算机可读介质
CN113128174A (zh) * 2021-03-18 2021-07-16 深圳震有科技股份有限公司 基于vue根据文本字数的动态显示处理方法、装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108650183A (zh) * 2018-05-15 2018-10-12 南京邮电大学 一种基于Web动态路由匹配技术的无人机信息查询系统
CN109460276A (zh) * 2018-10-25 2019-03-12 北京字节跳动网络技术有限公司 页面和页面配置文件生成方法、装置、终端设备及介质
US20190130480A1 (en) * 2017-10-31 2019-05-02 Chad R. BREWBAKER Method for improved product acquisition using dynamic residual values
CN111079047A (zh) * 2019-11-28 2020-04-28 蜂助手股份有限公司 一种面向web的页面构建系统

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20190130480A1 (en) * 2017-10-31 2019-05-02 Chad R. BREWBAKER Method for improved product acquisition using dynamic residual values
CN108650183A (zh) * 2018-05-15 2018-10-12 南京邮电大学 一种基于Web动态路由匹配技术的无人机信息查询系统
CN109460276A (zh) * 2018-10-25 2019-03-12 北京字节跳动网络技术有限公司 页面和页面配置文件生成方法、装置、终端设备及介质
CN111079047A (zh) * 2019-11-28 2020-04-28 蜂助手股份有限公司 一种面向web的页面构建系统

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112506494A (zh) * 2020-11-02 2021-03-16 福建亿能达信息技术股份有限公司 基于vue的可扩展动态组件的实现方法、装置、设备和介质
CN112506494B (zh) * 2020-11-02 2022-09-13 福建亿能达信息技术股份有限公司 基于vue的可扩展动态组件的实现方法、装置、设备和介质
CN112836159A (zh) * 2021-01-29 2021-05-25 山东浪潮通软信息科技有限公司 控件式动态页面生成方法、装置及计算机可读介质
CN113128174A (zh) * 2021-03-18 2021-07-16 深圳震有科技股份有限公司 基于vue根据文本字数的动态显示处理方法、装置
CN113128174B (zh) * 2021-03-18 2024-05-07 深圳震有科技股份有限公司 基于vue根据文本字数的动态显示处理方法、装置

Also Published As

Publication number Publication date
CN111782211B (zh) 2023-08-18

Similar Documents

Publication Publication Date Title
CN110806863A (zh) 接口文档生成方法及装置、电子设备、存储介质
CN108984712B (zh) 基于业务场景的造数方法、设备及可读存储介质
CN111782211B (zh) 基于Vue组件的参数页面动态生成方法及装置
US8745584B2 (en) Dependency injection by static code generation
CN106547527B (zh) 一种JavaScript文件构建方法及装置
CN103136201A (zh) 页面信息的展示方法和装置
CN110275831A (zh) 协议接口的mock数据校验方法和装置
CN111125064B (zh) 一种生成数据库模式定义语句的方法和装置
US10459696B2 (en) Composable action flows
CN110825430A (zh) 一种api文档生成方法、装置、设备及存储介质
CN111026634A (zh) 一种接口自动化测试系统、方法、装置及存储介质
CN111628975A (zh) 一种组装xml报文的方法及装置
CN115599359A (zh) 一种代码生成方法、装置、设备及介质
CN114895908A (zh) 基于Web应用表达式的实现方法及系统、设备和存储介质
CN111290996A (zh) 文档格式转换方法、装置、设备及可读存储介质
CN113987337A (zh) 基于组件化动态编排的搜索方法、系统、设备及存储介质
CN110941655A (zh) 一种数据格式转换方法及装置
CN114757124B (zh) 一种基于xml的cfd工作流建模方法、装置、计算机及存储介质
KR20200103133A (ko) 하둡 기반의 빅데이터 시스템에서 etl 절차를 수행하는 방법 및 장치
CN112114817B (zh) 基于cobol语言的数据字典字段信息获取方法及装置
CN113342399A (zh) 应用项目的结构配置方法、装置及可读存储介质
CN114661402A (zh) 一种界面渲染方法、装置、电子设备及计算机可读介质
CN114115897A (zh) 基于nodejs脚本动态生成项目本地可执行文件的方法
CN114489645A (zh) 一种基于Vue和Element-UI的表单生成构造方法、系统和存储介质
CN113094561A (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