CN114327605B - Vue-based remote form generation method, computer and storage medium - Google Patents

Vue-based remote form generation method, computer and storage medium Download PDF

Info

Publication number
CN114327605B
CN114327605B CN202210218443.2A CN202210218443A CN114327605B CN 114327605 B CN114327605 B CN 114327605B CN 202210218443 A CN202210218443 A CN 202210218443A CN 114327605 B CN114327605 B CN 114327605B
Authority
CN
China
Prior art keywords
api
configuration item
attribute
data structure
file
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
CN202210218443.2A
Other languages
Chinese (zh)
Other versions
CN114327605A (en
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.)
Shenzhen Urban Transport Planning Center Co Ltd
Original Assignee
Shenzhen Urban Transport Planning Center 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 Shenzhen Urban Transport Planning Center Co Ltd filed Critical Shenzhen Urban Transport Planning Center Co Ltd
Priority to CN202210218443.2A priority Critical patent/CN114327605B/en
Publication of CN114327605A publication Critical patent/CN114327605A/en
Application granted granted Critical
Publication of CN114327605B publication Critical patent/CN114327605B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Stored Programmes (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

The invention provides a Vue-based remote form generation method, a computer and a storage medium. Firstly, creating an API management folder, independently creating JS files for each service module, and packaging the API in each JS file as a request method and exporting the API; secondly, newly building a form configuration item file outside the API management folder, converting the attribute required by the generated form which meets the system service logic requirement into a data structure object which is convenient for front-end rendering, storing the data structure object in the form configuration item file and exporting the data structure object; thirdly, packaging a front-end component according to the data structure object, and designing a component props; thirdly, importing the API request method into the form configuration item file; and finally, the form configuration item file imported with the API request method is transmitted into a packaging public component as the tips. The problems that data cannot be updated in real time and an interface cannot be flexibly called when the form is dynamically rendered are solved. The modularization degree of the project is higher, and the development efficiency and the maintainability are improved.

Description

Vue-based remote form generation method, computer and storage medium
Technical Field
The application relates to a form generation method, in particular to a Vue-based remote form generation method, a computer and a storage medium, and belongs to the technical field of computer application.
Background
With the development of the internet, the traditional industry intellectualization has become a trend, and the development demand of management systems applied to various scenes is increased. In the existing system, the form format is generally uniform and fixed, but the contents of the forms are different and need to be developed for each page in a customized manner, so that the defects are gradually revealed, and the most common problems are that the number of repeated codes is large, the project file is large, and the later-stage system maintenance is inconvenient.
The existing configurable form generation method is to dynamically render the form by designing a corresponding form configuration item file, compiling a front-end template according to a data structure of the form configuration item file and only configuring corresponding parameters in the data structure when in use. However, the existing method still has a plurality of defects, firstly, although the form configuration item file can be dynamically transmitted from the background, the transmitted content is determined when the form configuration item file is firstly requested, and the content cannot be changed, and real-time response cannot be carried out when other modules influence the related data of the form. Furthermore, if the form needs customized interactive experience, the request action needs to be performed in the specific event of the form item, but the existing method cannot meet the requirement, and the existing method cannot realize that the request action is performed in the specific event of the form item when the form needs customized interactive experience.
In summary, the existing form generation method has poor flexibility, cannot respond to data changes in time, and cannot meet the requirements that when the system data volume is large, the user experience requirement is high, and the form items are more, the form items need to be remotely associated in real time, a background data dictionary is obtained, and the like.
Therefore, it is urgently needed to wait for a Vue-based remote form generation method in which the flexibility of a call interface is good, the form dynamic rendering real-time update data timely responds to data changes, and when the system data volume is large, the user experience requirement is high, and the form items are more, the form items need to be remotely associated in real time and a background data dictionary is obtained.
Disclosure of Invention
The following presents a simplified summary of the invention in order to provide a basic understanding of some aspects of the invention. It should be understood that this summary is not an exhaustive overview of the invention. It is not intended to determine the key or critical elements of the present invention, nor is it intended to limit the scope of the present invention. Its sole purpose is to present some concepts in a simplified form as a prelude to the more detailed description that is discussed later.
In view of this, in order to solve the technical problems in the prior art that data cannot be updated in real time and an interface is poor in flexibility when a form is dynamically rendered, the invention provides a Vue-based remote form generation method, a computer, and a storage medium.
The first scheme comprises the following steps: an Vue-based remote form generation method, comprising the following steps:
step one, an API management folder is newly built, JS files are independently created for each service module in a project in the API management folder, and an API in each JS file is packaged as a request method and exported;
step two, newly building a form configuration item file outside the API management folder, converting the attribute required by the form which meets the system service logic requirement into a data structure object which is convenient for front-end rendering, storing the data structure object in the form configuration item file, and exporting the data structure object as a form configuration item;
step three, packaging a front-end component according to the data structure object obtained in the step two, and designing a component props;
step four, importing the API request method exported in the step one into the form configuration item file in the step two, and assigning the method to the API attribute of the form configuration item;
and step five, the form configuration item file imported with the API request method in the step four is taken as a prop to be transmitted to the packaging front-end component in the step three, and a form is generated.
Preferably, the encapsulation in the first step performs a second encapsulation on the request method by uniformly processing the request parameter and the return structure.
Preferably, the form configuration item properties in the step two include the type of the entry box, the bound field, the interface to be called, and the special configuration item properties of the entry box.
Preferably, the method for newly creating the form configuration item file outside the API management folder and converting the attributes required for generating the form meeting the system service logic requirements into the data structure object convenient for front-end rendering, which is stored in the form configuration item file in the second step, specifically includes the following steps:
step two, sorting the type of the input frame required by the system and the attribute of the type of the input frame required to be customized and configured according to the UI design draft;
and step two, summarizing fields submitted by each type of input box according to the background API document, and configuring attributes according to different types of input boxes.
Preferably, the form configuration item file of the second step further includes configuration data of resetting and querying; the configuration attributes of the configuration data are button characters, functions and styles.
Preferably, in the third step, the method for packaging the form configuration item file into the front-end component and designing the component tips specifically includes the following steps:
step three, the front end component has 4 tips to be transmitted, wherein the v-model, the config, the select-dic-list and the on-search are required to be transmitted;
step two, in the front-end component, judging the type of an input box to be rendered by using a v-if instruction according to the type attribute of the input box in the transmitted form configuration item data structure, and selecting a rendering corresponding template;
and step three, importing the request method in the API module into the component file, and customizing the time for calling the API request method according to the interaction effect required by the service.
Preferably, the different types of entry boxes in the second step include a remote association box, a selection drop-down box and a time range selector; the method for configuring the attributes comprises the following steps:
(1) remote association frame:
a) the placeholder attribute is used for configuring an input prompt when the input frame is empty;
b) the API attribute is used for calling the remote association API and configuring an imported API request method;
c) code, name attribute, and field bound by the input box;
(2) selecting a pull-down frame:
A) selecting a remote dictionary API called by a drop-down box, setting that a specific field needs to be transmitted to return different results by a background, and designing an attribute dicKey to configure the specific field;
b) the API attribute is used for requesting the remote dictionary API and configuring an imported API request method;
(3) time range selector:
a) startTime attribute, start time of user selected time range;
b) endTime attribute, end time of the user selected time range.
Scheme II: a computer comprising a memory storing a computer program and a processor, said processor implementing the steps of an Vue-based remote form generation method when executing said computer program.
The third scheme is as follows: a computer-readable storage medium, having stored thereon a computer program which, when executed by a processor, implements Vue-based remote form generation method.
The invention has the following beneficial effects: the invention provides a configurable generation method of a form capable of automatically calling an interface, which is used for specially maintaining a background interface and packaging a request as a method export by establishing an API management module. And importing the configuration data into the form configuration item file to realize the configuration of the parameters of the data structure. The method has the advantages that the method is introduced in a packaging component link, the API calling time can be customized according to business requirements, data related to form items can be updated in real time, meanwhile, the flexibility of the components is improved, and form events and repeated codes of request backgrounds in projects are reduced. The problems that data cannot be updated in real time and an interface cannot be flexibly called when the form is dynamically rendered are solved. The modularization degree of the project is higher, and the development efficiency and the maintainability in the later period are improved. The invention also realizes the technical effects of reducing development workload and development time, facilitating quick response to demand change and uniform maintenance and ensuring system stability.
Drawings
The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the application and together with the description serve to explain the application and not to limit the application. In the drawings:
FIG. 1 is a schematic flow chart of the method of the present invention.
Detailed Description
In order to make the technical solutions and advantages of the embodiments of the present application more apparent, the following further detailed description of the exemplary embodiments of the present application with reference to the accompanying drawings makes it clear that the described embodiments are only a part of the embodiments of the present application, and are not exhaustive of all embodiments. It should be noted that the embodiments and features of the embodiments in the present application may be combined with each other without conflict.
Embodiment 1, this embodiment is described with reference to fig. 1, and a Vue-based remote form generation method includes the following steps:
step one, an API management folder is newly built, JS files are independently built for each service module in a project, and APIs in each JS file are packaged into a request method and exported; in the API management folder, one service module corresponds to one JS file, and a plurality of APIs are provided in one service module (JS file).
Specifically, the API request often writes a corresponding request method in the page when needed, and the request method is usually encapsulated for the second time because the request parameters and the return result need to be processed uniformly.
Specifically, each request is packaged as a method, and in order to realize that the API request in the form of a method can be called during form rendering, each request is packaged as a method.
Step two, newly building a form configuration item file outside the API management folder, converting the attribute required by the form which meets the system service logic requirement into a data structure object which is convenient for front-end rendering, storing the data structure object in the form configuration item file, and exporting the data structure object as a form configuration item; the form configuration item attribute comprises the type and the binding field of the input box, an interface to be called and the special configuration item attribute of the input box.
The method specifically comprises the following steps:
step two, sorting the type of the input frame required by the system and the attribute of the type of the input frame required to be customized and configured according to the UI design draft;
secondly, summarizing the field structure submitted by each type of input box according to the background API document, and configuring the attribute according to different types of input boxes.
Specifically, the input box comprises a remote association box, a selection drop-down box and a time range selector; the method for configuring the attributes comprises the following steps:
(1) remote association frame:
a) the placeholder attribute is used for configuring an input prompt when the input frame is empty;
b) the API attribute is used for calling the remote association API and configuring an imported API request method;
c) code, name attribute, and field bound by the input box;
specifically, the remote association box binds two fields. The remote association box needs to respectively transmit two fields of 'data name input by user' and 'data code selected by user' to the backend, so the type input box is designed to be capable of binding the two fields.
(2) Selecting a pull-down frame:
a) selecting a remote dictionary API called by a drop-down box, and setting that a specific field needs to be transmitted to return different results by a background rule, so that an attribute dicKey is designed to configure the specific field;
b) the API attribute is used for requesting the remote dictionary API and configuring an imported API request method;
(3) time range selector:
a) startTime attribute, start time of the time range selected by the user;
b) endTime attribute, end time of the user selected time range.
So as to respectively bind two fields required by the input box, and prevent the field names from being mixed up when a plurality of rangePicker appear.
Except for the input box, all pages of the form buttons are considered to be common, so the form configuration item file also comprises configuration data of resetting and inquiring the two buttons; the configuration attributes of the configuration data are button characters, functions and styles.
Step three, packaging a front end component and designing a component props, wherein the method specifically comprises the following steps:
step three, the front end component has 4 tips to be transmitted: v-model and config and select-dic-list and on-search incoming tips;
step two, judging the type of an input box to be rendered by using a v-if instruction according to the type attribute of the input box in the transmitted form configuration item data structure, and selecting a rendering corresponding template;
and step two, importing the request method in the API module into the component file, and customizing the time for calling the API method according to the interaction effect required by the service.
Step four, importing the API request method exported in the step one into the form configuration item file in the step two, and assigning the method to the API attribute of the form configuration item;
and step five, taking the form configuration item imported with the API request method in the step four as a tips to be transmitted into the packaging front-end component in the step three, and generating the form.
Embodiment 2 illustrates this embodiment by a specific example of a model management form application, and a Vue-based remote form generation method, in which an embodiment of the present invention implements a corresponding configurable model management entry system, including the following steps:
step one, two request methods in a js file of a mode management module in an api management folder are provided. Each API is exported as a function for other modules to call.
The searching of the model name needs remote association, and the name of the query field is searchKey; the node type drop-down box needs to be provided by a dictionary interface, and the name of the query field is searchKey.
Secondly, a form configuration item js file, wherein the designed form configuration item file is used as a configuration item for form rendering according to the UI design draft and the background API document; the configuration items are specifically described as:
according to business requirements, the type of the 'model name' input box is a remote association box aoto complete, two fields needing to be transmitted to the back end of the type of the 'model name' comprise code (content selected by a user) and name (content needing to be remotely associated when the user inputs the content), and a prompt content placeholder of the input box is 'please input the model name' when the user does not type the content in the input box; the 'node type' input box is a type and is a drop-down selection box, the input box needs to request a dictionary interface, and the query parameter is a node _ type; the type of the 'creation time' input box is a time range selector rangePicer, a code attribute is used as a unique identifier of the input box, the input box is convenient to be not confused when a plurality of time range selectors exist, and two bound fields are respectively start time and end time.
And the model name and node type input boxes need to call API interfaces, the two API request methods in the step one are imported into the configuration item file in the step two, and the interfaces are assigned to the API attributes of the corresponding input boxes.
Step three, the object declared in the vue file has the attribute that the form is to be submitted to the background field. Note that the field name is to be consistent with the code/name attribute of the input box in step two, for example, the code attribute of "model name" is modelCode, and the name attribute is modelName, then the field name in step three should also be modelCode and modelName.
Step four, using a form component example in the vue file, wherein the v-model attribute of the form component example is transmitted to the object declared in the step three; and the config attribute is the data structure configuration item in the step two. The select-dic-list event is all dictionary list arrays requested by the form, so that the number of requests is reduced when other modules in the page also need to use dictionary list data. The on-search event is an event triggered when a user clicks submission.
And step five, reading the data structure, and constructing a query panel by the page.
The technical key points of the invention are as follows:
1. the API management folder is built in the front-end project, encapsulates the API request of the server end into a function and transmits the function as a configuration item to the front-end component;
2. the form structure generation rule and the configuration item are defined at the front end;
3. the request response data is in a new json format, and the html structure of the whole form does not need to be requested again and rendered.
Abbreviations and key term definitions of the invention:
1. v-model: defining all fields to be submitted to the backend in a parent component;
2. and (5) config: a form configuration item data structure;
3. select-dic-list: an optional item that supports outgoing dictionary arrays requested by the dictionary interface;
4. on-search: a form submission event;
5. code: data selected by the user:
6. name: data input by a user;
7. and (3) JS file: a JavaScript file;
8. placeholder: when the content of the input box is the prompt content displayed when the content of the input box is empty;
9. dicKey: attribute values required to be specified when a specific dictionary API is requested;
10. range Picker: a time range selector.
The computer device of the present invention may be a device including a processor, a memory, and the like, for example, a single chip microcomputer including a central processing unit and the like. And the processor is used for implementing the steps of the recommendation method capable of modifying the relationship-driven recommendation data based on the CREO software when executing the computer program stored in the memory.
The Processor may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), an off-the-shelf Programmable Gate Array (FPGA) or other Programmable logic device, discrete Gate or transistor logic, discrete hardware components, etc. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
The memory may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required by at least one function (such as a sound playing function, an image playing function, etc.), and the like; the storage data area may store data (such as audio data, a phonebook, etc.) created according to the use of the cellular phone, and the like. In addition, the memory may include high speed random access memory, and may also include non-volatile memory, such as a hard disk, a memory, a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), at least one magnetic disk storage device, a Flash memory device, or other volatile solid state storage device.
Computer-readable storage medium embodiments
The computer readable storage medium of the present invention may be any form of storage medium that can be read by a processor of a computer device, including but not limited to non-volatile memory, ferroelectric memory, etc., and the computer readable storage medium has stored thereon a computer program that, when the computer program stored in the memory is read and executed by the processor of the computer device, can implement the above-mentioned steps of the CREO-based software that can modify the modeling method of the relationship-driven modeling data.
The computer program comprises computer program code which may be in the form of source code, object code, an executable file or some intermediate form, etc. The computer-readable medium may include: any entity or device capable of carrying the computer program code, recording medium, U.S. disk, removable hard disk, magnetic diskette, optical disk, computer Memory, Read-Only Memory (ROM), Random Access Memory (RAM), electrical carrier wave signal, telecommunications signal, and software distribution medium, etc. It should be noted that the computer readable medium may contain content that is subject to appropriate increase or decrease as required by legislation and patent practice in jurisdictions, for example, in some jurisdictions, computer readable media does not include electrical carrier signals and telecommunications signals as is required by legislation and patent practice.
While the invention has been described with respect to a limited number of embodiments, those skilled in the art, having benefit of this description, will appreciate that other embodiments can be devised which do not depart from the scope of the invention as disclosed herein. Furthermore, it should be noted that the language used in the specification has been principally selected for readability and instructional purposes, and may not have been selected to delineate or circumscribe the inventive subject matter. Accordingly, many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the appended claims. The present invention has been disclosed with respect to the scope of the invention, which is to be considered as illustrative and not restrictive, and the scope of the invention is defined by the appended claims.

Claims (5)

1. A Vue-based remote form generation method, comprising the steps of:
step one, an API management folder is newly built, JS files are independently created for each service module in a project in the API management folder, and an API in each JS file is packaged as a request method and exported;
step two, newly building a form configuration item file outside the API management folder, converting the attribute required by the form which meets the system service logic requirement into a data structure object which is convenient for front-end rendering, storing the data structure object in the form configuration item file, and exporting the data structure object as a form configuration item;
the form configuration item attribute comprises the type and the binding field of the input box, an interface to be called and the special configuration item attribute of the input box;
the method for newly creating the form configuration item file outside the API management folder and converting the attributes required by generating the form meeting the system service logic requirements into the data structure object convenient for front-end rendering to be stored in the form configuration item file specifically comprises the following steps:
step two, sorting the type of the input frame required by the system and the attribute of the type of the input frame required to be configured in a customized manner according to a UI design draft;
secondly, summarizing the field structure submitted by each type of input box according to the background API document, and configuring attributes according to different types of input boxes;
the form configuration item file also comprises configuration data of resetting and inquiring; the configuration attributes of the configuration data are button characters, functions and styles;
step three, packaging a front-end component according to the data structure object obtained in the step two, and designing a component props, wherein the method specifically comprises the following steps:
step three, the front end component has 4 tips to be transmitted, which specifically comprises: v-model and config and select-dic-list and on-search;
step two, in the front-end component, according to the type attribute of the input box in the transmitted form configuration item data structure, judging the type of the input box to be rendered by using a v-if instruction, and selecting a corresponding rendering template;
step three, importing a request method in the API module into the component file, and customizing the time for calling the API request method according to the interaction effect required by the service;
step four, importing the API request method exported in the step one into the form configuration item file in the step two, and assigning the method to the attribute of the form configuration item API;
and step five, the form configuration item file imported with the API request method in the step four is taken as a prop to be transmitted to the packaging front-end component in the step three, and a form is generated.
2. The Vue-based remote form generation method of claim 1, wherein in step one, the encapsulation secondarily encapsulates the request method by uniformly processing request parameters and return structures.
3. The Vue-based remote form generation method of claim 2, wherein the different types of entry boxes of step two include a remote association box, a selection drop-down box and a time range selector; the method for configuring the attributes comprises the following steps:
(1) remote association frame:
a) the placeholder attribute is used for configuring an input prompt when the input frame is empty;
b) the API attribute is used for calling the remote association API and configuring an imported API request method;
c) code, name attribute, and field bound by the input box;
(2) selecting a pull-down frame:
a) selecting a remote dictionary API called by a drop-down box, setting that a specific field needs to be transmitted to return different results by a background, and designing an attribute dicKey to configure the specific field;
b) the API attribute is used for requesting the remote dictionary API and configuring an imported API request method;
(3) time range selector:
a) startTime attribute, start time of the time range selected by the user;
b) endTime attribute, end time of the user selected time range.
4. A computer comprising a memory storing a computer program and a processor, the processor implementing the steps of a Vue-based remote form generation method of any one of claims 1 to 3 when executing the computer program.
5. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, implements the Vue-based remote form generation method of any one of claims 1 to 3.
CN202210218443.2A 2022-03-08 2022-03-08 Vue-based remote form generation method, computer and storage medium Active CN114327605B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210218443.2A CN114327605B (en) 2022-03-08 2022-03-08 Vue-based remote form generation method, computer and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210218443.2A CN114327605B (en) 2022-03-08 2022-03-08 Vue-based remote form generation method, computer and storage medium

Publications (2)

Publication Number Publication Date
CN114327605A CN114327605A (en) 2022-04-12
CN114327605B true CN114327605B (en) 2022-08-23

Family

ID=81033271

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210218443.2A Active CN114327605B (en) 2022-03-08 2022-03-08 Vue-based remote form generation method, computer and storage medium

Country Status (1)

Country Link
CN (1) CN114327605B (en)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114675923A (en) * 2022-04-13 2022-06-28 上海微盟企业发展有限公司 Configuration type operation interface setting method, device and medium
CN115118569B (en) * 2022-06-29 2024-03-15 迈普通信技术股份有限公司 Request processing method, request processing device, network management equipment and readable storage medium
CN116521738B (en) * 2023-05-06 2024-05-14 零束科技有限公司 Data processing method, system, electronic device and storage medium
CN116402478B (en) * 2023-06-07 2023-09-19 成都普朗克科技有限公司 Method and device for generating list based on voice interaction

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111708537A (en) * 2020-06-18 2020-09-25 深圳前海微众银行股份有限公司 Page rendering method and device based on component template and readable storage medium
CN112162729A (en) * 2020-09-23 2021-01-01 北京首钢自动化信息技术有限公司 VUE-based component development and display method
CN112464070A (en) * 2020-11-25 2021-03-09 银盛通信有限公司 Vue-based form configuration method, system, computer equipment and storage medium
CN112506494A (en) * 2020-11-02 2021-03-16 福建亿能达信息技术股份有限公司 Method, device, equipment and medium for realizing extensible dynamic component based on VUE (virtual user Equipment)
CN113760251A (en) * 2020-11-09 2021-12-07 北京沃东天骏信息技术有限公司 Form development method and device based on Vue

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111338746A (en) * 2019-12-31 2020-06-26 南京控维通信科技有限公司 VUE-based method for realizing single component of check meter
CN113485702B (en) * 2021-06-21 2022-07-26 上海百秋新网商数字科技有限公司 Method, device and equipment for generating front-end page in configuration mode and storage medium

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111708537A (en) * 2020-06-18 2020-09-25 深圳前海微众银行股份有限公司 Page rendering method and device based on component template and readable storage medium
CN112162729A (en) * 2020-09-23 2021-01-01 北京首钢自动化信息技术有限公司 VUE-based component development and display method
CN112506494A (en) * 2020-11-02 2021-03-16 福建亿能达信息技术股份有限公司 Method, device, equipment and medium for realizing extensible dynamic component based on VUE (virtual user Equipment)
CN113760251A (en) * 2020-11-09 2021-12-07 北京沃东天骏信息技术有限公司 Form development method and device based on Vue
CN112464070A (en) * 2020-11-25 2021-03-09 银盛通信有限公司 Vue-based form configuration method, system, computer equipment and storage medium

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
vue中axios封装和api接口管理;chang_遇见缘;《简书:https://www.jianshu.com/p/cac8e979e437》;20200106;第1-15页 *
一份配置,轻松搞定Vue表单渲染;VamWong;《掘金:https://juejin.cn/post/6844903990350610446》;20191108;第1-11页 *

Also Published As

Publication number Publication date
CN114327605A (en) 2022-04-12

Similar Documents

Publication Publication Date Title
CN114327605B (en) Vue-based remote form generation method, computer and storage medium
CN109597814B (en) Online rapid delivery system of background management information system
CN108228169B (en) Chart making method, device, equipment and medium based on eCharts tool
US8839192B2 (en) System and method for presentation of cross organizational applications
US9514115B2 (en) Method for creating form validation program and corresponding form interface according to result set metadata
CN115712413B (en) Low code development method, device, equipment and storage medium
CN108279882B (en) Framework generation method, device, equipment and computer readable medium
CN111400387B (en) Conversion method and device for import and export data, terminal equipment and storage medium
CN111857718B (en) List editing method, device, equipment and storage medium
WO2020052582A1 (en) Method and apparatus for intelligently invoking dubbo remote service, and device and medium
CN113742018A (en) Archive model adjusting method, computer device and computer readable storage medium
CA3142770A1 (en) Component linkage configuration method, device, computer equipment and storage medium
CN112528619A (en) Page template file generation method and device, electronic equipment and storage medium
CN116521181B (en) Script data processing method, device, equipment and medium based on game system
CN113641719A (en) Data processing method, data processing device, computer and storage medium
CN113312052A (en) Component calling method and device, electronic equipment and storage medium
US20220284371A1 (en) Method, device and medium for a business function page
CN114281463B (en) Form interface format configuration and interface display method, device and medium
CN115311399A (en) Image rendering method and device, electronic equipment and storage medium
CN115712411A (en) Method and device for generating user-defined serial number
CN114047914A (en) Interface configuration method and device, electronic equipment and computer readable storage medium
CN113342399A (en) Application structure configuration method and device and readable storage medium
CN112650763A (en) Configuration method of product quota, related equipment and storage medium
KR20200082024A (en) Method for creating business screen and system for performing the same
CN114611476B (en) Form content structuring processing method and device

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