Error positioning method, device and equipment based on vue form submission bubble

Abstract

The application discloses a kind of vue form submission bubble-based error positioning method, device and equipment, method includes: obtaining the multiple first form data input in vue form;Determine the unique identifier of each first form data in the corresponding element of vue form;According to the unique identifier, locate the second form data that does not comply with preset fill rule;Pop up including bubble box of prompting error, the bubble box is used to carry out the fill error prompt of second form data.The application can quickly locate error data, improve the efficiency of data reporting, and can be widely applied in data positioning field.

Description

Technical Field

[0001] This invention relates to the field of data positioning, and in particular to a method, apparatus, and device for error positioning based on Vue form submission bubbles. Background Technology

[0002] Currently, in various user data reporting application scenarios, when users submit data, some required fields are missed due to user oversight, or after selecting a value, the corresponding linked items change, and the corresponding filling rules also change accordingly, but the user does not notice this and submits the data directly. Because the data entered by the user does not meet the specifications, it will be rejected. The next time the user submits the data, there may still be some data that has not been modified or improved, resulting in the same data needing to be submitted repeatedly, which in turn affects the reporting efficiency and user experience. Summary of the Invention

[0003] In view of this, embodiments of the present invention provide an error location method, apparatus, and device based on Vue form submission bubbles to quickly locate erroneous data and improve the efficiency of data reporting.

[0004] One aspect of this invention provides an error location method based on Vue form submission bubbles, including:

[0005] Retrieve multiple first form data entered in a Vue form;

[0006] Determine a unique identifier for each element corresponding to each piece of the first form data in the Vue form;

[0007] The second form data that does not conform to the preset filling rules is located based on the unique identifier;

[0008] A pop-up bubble containing error messages is displayed, indicating that the second form data was entered incorrectly.

[0009] Optionally, determining the unique identifier of each element corresponding to each piece of the first form data in the Vue form includes:

[0010] The value of the unique identifier of each element in the Vue form with a sequential list length of Fib[k]-1 is determined according to a preset expression;

[0011] The preset expression is:

[0012] (Fib[k]-1)=(Fib[k-1]-1)+(Fib[k-2]-1)+1

[0013] Where Fib[k] represents the Fibonacci sequence, and k represents the value of the current unique identifier.

[0014] Optionally, locating the second form data that does not conform to the preset filling rules based on the unique identifier includes:

[0015] The first form data with a unique identifier value of 0 is used as the second form data, and the position of the second form data is located.

[0016] Optionally, the step of using the first form data with a unique identifier value of 0 as the second form data and locating the position of the second form data includes:

[0017] The first form data with a unique identifier value of 0 is used as the second form data, and the data is sequentially positioned according to the filling order.

[0018] Optionally, the method further includes the step of determining the second form data, wherein determining the second form data includes:

[0019] If the first form data of the element corresponding to the unique identifier is empty, then determine whether it is allowed to be empty according to the preset filling rules, and determine the first form data that is not allowed to be empty as the second form data;

[0020] If the first form data of the element corresponding to the unique identifier is not empty, then it is determined whether it conforms to the preset filling rules, and the first form data that does not conform to the preset filling rules is determined as the second form data.

[0021] Optionally, the method further includes:

[0022] Obtain the third form data obtained after modifying the second form data according to the bubble box;

[0023] The first form data and the third form data that conform to the preset filling rules are reported to the server.

[0024] Optionally, the preset filling rules are constructed through the following steps:

[0025] Obtain the reporting rules for the first form data; the reporting rules include the linkage rules between the various first form data.

[0026] The reporting rules are matched with the reporting process of the first form data to obtain the filling rules.

[0027] Another aspect of this invention provides an error location device based on a Vue form submission bubble, comprising:

[0028] The first positioning unit is used to retrieve multiple first form data in the Vue form input;

[0029] The second positioning unit is used to determine the unique identifier of the corresponding element of each of the first form data in the Vue form;

[0030] The third positioning unit is used to locate the second form data that does not conform to the preset filling rules based on the unique identifier;

[0031] The fourth positioning unit is used to pop up a bubble box that includes an error message, the bubble box being used to indicate an error in filling out the second form data.

[0032] Optionally, the second positioning unit includes:

[0033] The second positioning subunit is used to determine the value of the unique identifier of the corresponding element in the Vue form with a sequential list of length Fib[k]-1 for each of the first form data according to a preset expression;

[0034] The preset expression is:

[0035] (Fib[k]-1)=(Fib[k-1]-1)+(Fib[k-2]-1)+1

[0036] Where Fib[k] represents the Fibonacci sequence, and k represents the value of the current unique identifier.

[0037] Optionally, the third positioning unit includes:

[0038] The location positioning unit is used to locate the position of the first form data with a value of 0 for the unique identifier as the second form data.

[0039] Optionally, the location positioning unit includes:

[0040] The location positioning subunit is used to take the first form data with a value of 0 as the second form data and position it sequentially according to the filling order to the position of each second form data.

[0041] Optionally, the third positioning unit further includes:

[0042] The first judgment unit is used to determine whether emptiness is allowed according to the preset filling rules if the first form data of the element corresponding to the unique identifier is empty, and to determine the first form data that is not allowed to be empty as the second form data.

[0043] The second judgment unit is used to determine whether the first form data of the element corresponding to the unique identifier is not empty, and to determine the first form data that does not conform to the preset filling rule as the second form data.

[0044] Optionally, the device further includes:

[0045] The data acquisition unit is used to acquire third form data obtained after the user modifies the second form data according to the bubble box;

[0046] The data reporting unit is used to report the first form data and the third form data that conform to the preset filling rules to the server.

[0047] Optionally, the device further includes:

[0048] The reporting rule acquisition unit is used to acquire the reporting rules of the first form data; the reporting rules include the linkage rules between the various first form data.

[0049] The filling rule determination unit is used to match the reporting rule with the reporting process of the first form data to obtain the filling rule.

[0050] Another aspect of the present invention provides an electronic device, including a processor and a memory;

[0051] The memory is used to store programs;

[0052] The processor executes the program to implement the error location method based on the Vue form submission bubble.

[0053] Another aspect of this invention provides a computer-readable storage medium storing a program that is executed by a processor to implement the aforementioned error location method based on Vue form submission bubbles.

[0054] This invention also discloses a computer program product or computer program, which includes computer instructions stored in a computer-readable storage medium. A processor of a computer device can read the computer instructions from the computer-readable storage medium and execute the computer instructions, causing the computer device to perform the aforementioned method.

[0055] This invention first obtains multiple first form data entered by the user in a Vue form, then determines the unique identifier of the corresponding element in the Vue form for each first form data. Based on the unique identifier, it locates the second form data that does not conform to the preset filling rules. The user can quickly understand the incorrect first form data based on the location result. Then, this invention pops up a bubble box with error messages to remind the user that the second form data is filled in incorrectly. Furthermore, the user can modify the second form data according to the prompts in the bubble box until it conforms to the preset filling rules. This invention can avoid users repeatedly reporting incorrect data and can also promptly and accurately remind users of incorrect first form data, achieving efficient error location and data reporting. Attached Figure Description

[0056] To more clearly illustrate the technical solutions in the embodiments of the present invention, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0057] Figure 1 A flowchart illustrating an error location method based on a Vue form submission bubble, provided as an embodiment of the present invention;

[0058] Figure 2 This is a schematic diagram of a process for constructing filling rules according to an embodiment of the present invention;

[0059] Figure 3 This is a schematic diagram of a process for determining second form data provided in an embodiment of the present invention;

[0060] Figure 4 This is a schematic diagram of the structure of an example sequential list in a Vue form provided by an embodiment of the present invention;

[0061] Figure 5 This is a flowchart illustrating the process of submitting report data according to an embodiment of the present invention.

[0062] Figure 6 An example flowchart of an error location method based on a Vue form submission bubble provided in this embodiment of the invention;

[0063] Figure 7 A structural block diagram of an error positioning device based on a Vue form submission bubble provided in an embodiment of the present invention;

[0064] Figure 8 This is a structural block diagram of a data judgment unit provided in an embodiment of the present invention;

[0065] Figure 9This is a structural block diagram of a modification reporting unit provided in an embodiment of the present invention;

[0066] Figure 10 A structural block diagram of a rule construction unit provided in an embodiment of the present invention;

[0067] Figure 11 A schematic diagram of the hardware structure of an electronic device provided in an embodiment of the present invention;

[0068] Figure 12 This is a structural block diagram of a computer device provided in an embodiment of the present invention. Detailed Implementation

[0069] To make the objectives, technical solutions, and advantages of this invention clearer, the invention will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the invention.

[0070] It should be noted that although functional modules are divided in the device schematic diagram and the logical order is shown in the flowchart, in some cases, the steps shown or described may be performed in a different order than the module division in the device or the order in the flowchart.

[0071] The terms "first," "second," etc., used in the specification, claims, and accompanying drawings are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. Furthermore, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.

[0072] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this invention pertains. The terminology used herein is for the purpose of describing embodiments of the invention only and is not intended to limit the invention.

[0073] To quickly locate erroneous data and improve data reporting efficiency, this invention proposes an error location method based on Vue form submission bubbles. This invention can prevent users from repeatedly reporting erroneous data and can also promptly and accurately remind users to fill in incorrect form data, achieving efficient error location and data reporting. This error location method can be applied to user terminals, service terminals, or an implementation environment composed of user terminals and service terminals. Furthermore, this error location method can also be software running on user terminals or service terminals, such as applications with the ability to fill in and submit form data. User terminals can be smartphones, tablets, laptops, desktop computers, smart speakers, smartwatches, etc., but are not limited to these. Service terminals can be independent physical service terminals, service terminal clusters or distributed systems composed of multiple physical service terminals, or cloud service terminals providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN, and big data and artificial intelligence platforms.

[0074] Reference Figure 1 This invention provides a method for error location based on Vue form submission bubbles, specifically including the following steps:

[0075] S100: Retrieves multiple first form data entered in a Vue form.

[0076] Specifically, users can input pre-defined data content into the Vue form. The user-input data content serves as the first form data. In one optional implementation, the Vue form of this embodiment can use form controls for input. For example, the form controls of this embodiment can include radio buttons, multi-select buttons, dropdown selections, or input boxes. Users can freely input text content through the input boxes, including but not limited to text, numbers, or symbols.

[0077] S110: Determine a unique identifier for each element corresponding to the first form data in the Vue form.

[0078] Specifically, the process of determining a unique identifier for each element may include:

[0079] The value of the unique identifier of each element in the Vue form with a sequential list length of Fib[k]-1 is determined according to a preset expression;

[0080] The preset expression is:

[0081] (Fib[k]-1)=(Fib[k-1]-1)+(Fib[k-2]-1)+1

[0082] Where Fib[k] represents the Fibonacci sequence, and k represents the value of the current unique identifier.

[0083] Specifically, a Vue form can include multiple first form data. These first form data can be arranged into a sequence list according to the input order. Each first form data can correspond to a length unit. Therefore, a Vue form with a sequence list of length Fib[k]-1 can include Fib[k]-1 first form data.

[0084] Next, the Fibonacci sequence will be explained:

[0085] The Fibonacci sequence: 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89…

[0086] The Fibonacci sequence is defined recursively as follows:

[0087] F(0)=1, F(1)=1, F(n)=F(n-1)+F(n-2)(n≥2, n∈N * )

[0088] The Fibonacci sequence, starting from the third term, consists of a linear recursive sequence where each term is the sum of the two preceding terms.

[0089] S120: Locate the second form data that does not conform to the preset filling rules based on the unique identifier.

[0090] Optionally, in this embodiment of the invention, the first located second form data can be the first second form data that appears in the filling order, that is, the first erroneous first form data is located first; in addition, the first located second form data can also be the last second form data in the filling order, or the second form data whose filling time is closest to the current time.

[0091] First, the construction process of the preset filling rules in the embodiments of the present invention will be explained.

[0092] Reference Figure 2 This invention provides a flowchart illustrating the process of constructing filling rules.

[0093] S201: Obtain the reporting rules for the first form data; the reporting rules include the linkage rules between each of the first form data.

[0094] Specifically, Vue forms in different application scenarios may require different types of data. Therefore, the first form data obtained from filling in a Vue form can correspond to different reporting rules in different scenarios.

[0095] The aforementioned linkage rules can refer to the linkage rules between various first form data that have a relationship. For example, when a first form data is modified, other first form data that have a linkage relationship with it also need to be modified accordingly.

[0096] S202: Match the reporting rules with the reporting process of the first form data to obtain the filling rules.

[0097] Specifically, different types of Vue forms can correspond to different reporting processes. Therefore, the first form data obtained in a specific scenario can be matched with the reporting process corresponding to that scenario. The matching process can include matching data types, data reporting order, data processing methods, etc. After the matching is completed, the filling rules corresponding to the first form data are obtained.

[0098] Next, the steps for determining the second form data in this embodiment of the invention will be described, referring to... Figure 3 This invention provides a flowchart illustrating the process of determining the second form data.

[0099] S301: If the first form data of the element corresponding to the unique identifier is empty, then determine whether it is allowed to be empty according to the preset filling rules, and determine the first form data that is not allowed to be empty as the second form data.

[0100] Specifically, Vue forms can include form data that can be empty. Therefore, in this embodiment of the invention, it can first determine whether empty form data conforms to the preset filling rules. If empty data is not allowed, then the form data is determined to be the second form data.

[0101] Alternatively, if empty fields are allowed, the next form data can be evaluated.

[0102] S302: If the first form data of the element corresponding to the unique identifier is not empty, then determine whether it conforms to the preset filling rule, and determine the first form data that does not conform to the preset filling rule as the second form data.

[0103] Furthermore, based on the value of the unique identifier in S110 above, the step of locating the second form data that does not conform to the preset filling rules according to the unique identifier includes:

[0104] The first form data with a unique identifier value of 0 is used as the second form data, and the position of the second form data is located.

[0105] Next, we will use a specific example to illustrate the process of locating the data in the second form.

[0106] Reference Figure 4 This invention provides a schematic diagram of the structure of an example sequential list in a Vue form.

[0107] Specifically, in this embodiment of the invention, based on the property of the Fibonacci sequence Fib[k] = Fib[k-1] + Fib[k-2], the following expression can be obtained: (Fib[k]-1) = (Fib[k-1]-1) + (Fib[k-2]-1) + 1. According to this expression, a sequential list of length Fib[k]-1 can be divided into two segments of lengths Fib[k-1]-1 and Fib[k-2]-1, as shown below. Figure 4 As shown.

[0108] Therefore, the middle position of the sequence list is mid = low + Fib(k-1)-1. If the Fibonacci sequence {1,0,1,1,1,0,1,1,1,1} has a value of 0, it means that the element corresponding to the unique identifier of the value is filled in incorrectly. Thus, the embodiment of the present invention can determine the position of the second form data with a unique identifier value of 0.

[0109] S130: A pop-up bubble box containing an error message appears, the bubble box being used to indicate an error in filling out the second form data.

[0110] Specifically, the bubble can be displayed near the second form data, such as near its top, bottom, left, or right sides, or at a diagonal angle. In one optional implementation, the bubble can clearly indicate the corresponding second form data, allowing the user to immediately identify the location of any incorrectly filled-out second form data. For example, the bubble may include an extension portion indicating the location of the second form data.

[0111] In addition, the prompts in the bubble can include reminders to users on how to modify the data they enter to comply with the entry rules. For example, if a user has not entered any data for a form that does not allow empty fields, the bubble can contain a prompt reminding the user that the form data cannot be empty.

[0112] Furthermore, embodiments of the present invention may also include a process of reporting the user-modified form data.

[0113] Reference Figure 5 This invention provides a flowchart illustrating the process of uploading report data.

[0114] S501: Obtain the third form data obtained after the user modifies the second form data according to the bubble box.

[0115] Specifically, users can modify the second form data according to the prompts in the bubble box. In one optional implementation, this embodiment of the invention can locate each first form data in sequence according to the filling order of the Vue form. That is, after the user modifies the second form data according to the prompts in the bubble box, if the modified content conforms to the preset filling rules, the modified second form data is used as the third form data, and then this embodiment of the invention continues to locate the next second form data.

[0116] Optionally, embodiments of the present invention may use a scrolling page to locate the next second form data.

[0117] S502: The first form data and the third form data that conform to the filling rules are reported to the server.

[0118] Specifically, the form data that conforms to the preset filling rules in the first form data (i.e., the form data that does not need to be modified) and the third form data obtained after the user modifies the data according to the prompts in the speech bubble are combined to form a new and complete Vue form. This new and complete Vue form is then reported to the server to complete the data reporting. This also avoids the situation where the user misses or fills in the wrong information, resulting in repeated returns for modification.

[0119] In this embodiment of the invention, when a user clicks to report data, the data reporting terminal can first determine whether there is any form data that does not conform to the filling rules. If so, the call to the backend server interface is paused, and the first non-compliant form data is located. A pop-up bubble appears near the form data to remind the user of the form data filling rules, making it easier for the user to understand and modify. Then, the modified form data is uploaded to the server via the server interface. This embodiment of the invention can improve reporting efficiency and user experience.

[0120] The embodiments of the present invention include at least the following beneficial effects:

[0121] By using bubble icons in Vue forms and the id attribute (i.e., unique identifier) ​​in JavaScript for scrolling and positioning, automatic scrolling and dynamic prompts are achieved. This allows users to clearly see which data form has a problem at a glance. Users can then correct the incorrect data based on the prompts in the bubble, improving the user experience and avoiding the need to re-report due to user errors, thus greatly improving reporting efficiency.

[0122] To more clearly illustrate the embodiments of the present invention, the application process of the present invention will be described below with specific examples.

[0123] Reference Figure 6 This invention provides an example flowchart of an error location method based on Vue form submission bubbles.

[0124] Specifically, it may include the following steps:

[0125] 1. Rules for collecting and reporting information.

[0126] 2. Code table entry: Collect user requirement data and enter the code table.

[0127] 3. Linkage rule analysis: sort out the linkage relationships of requirements and classify the linkage processes.

[0128] 4. Report data collection.

[0129] 5. Data rule judgment, as detailed below:

[0130] Data Analysis: Based on the property of the Fibonacci sequence Fib[k] = Fib[k-1] + Fib[k-2], we can obtain (Fib[k]-1) = (Fib[k-1]-1) + (Fib[k-2]-1) + 1. This formula shows that as long as the length of the sequential list is Fib[k]-1, the list can be divided into two segments of length Fib[k-1]-1 and Fib[k-2]-1. See the details below. Figure 4 .

[0131] like Figure 4 As shown, the middle position is mid = low + Fib(k-1)-1. If the Fibonacci sequence {1,0,1,1,1,0,1,1,1,1} has a value of 0, it means that the element corresponding to the unique identifier of that value is filled in incorrectly. Therefore, this embodiment of the invention can determine the position of the form data with a unique identifier value of 0. The value of the unique identifier is used as the index of the corresponding form data, and the index of each form data in the Vue form is determined.

[0132] 6. Data Filtering. Data Acquisition: Parse the index to obtain the data corresponding to the index; if the data is empty, perform null check processing, and determine whether the user rules allow null values. If allowed, continue processing; if the data is not empty, directly perform data judgment and collect error information.

[0133] 7. Obtain Results: Parse the reporting rules, query downwards from the first data node, and compare the data. If the data matches the entry rules, continue execution; otherwise, block the program and throw an error. When an error is thrown, scroll the page to the error location and display a prompt for correction. Finally, after all user data meets the rules, the data is reported.

[0134] This invention can improve the efficiency of data reporting for users and reduce reporting failures caused by omissions or non-compliance with specifications. Each reported data item is verified one-to-one. If the verification fails, the data is rolled back to the non-compliant data using bubbles and IDs (i.e., unique identifiers) until all data passes the verification.

[0135] This invention collects user-reported data rules, dynamically inputs code table data, analyzes the linkage rules in the user data, and ensures that each reported data corresponds to a rule. If a match is not found, the matching process is terminated, the mismatched data is located, the page scrolls to the erroneous data, and a prompt for modification pops up, ultimately maximizing the accuracy of the reported data.

[0136] The embodiments of the present invention can be applied to the data entry process in scenarios such as health supervision, traffic law enforcement, public security field work, or market supervision, which can greatly reduce the need for users to repeatedly modify data and achieve efficient data entry.

[0137] Reference Figure 7 This invention provides an error location device based on a Vue form submission bubble, comprising:

[0138] The first positioning unit is used to retrieve multiple first form data entered in the Vue form;

[0139] The second positioning unit is used to determine the unique identifier of the corresponding element of each of the first form data in the Vue form;

[0140] The third positioning unit is used to locate the second form data that does not conform to the preset filling rules based on the unique identifier;

[0141] The fourth positioning unit is used to pop up a bubble box that includes an error message, the bubble box being used to indicate an error in filling out the second form data.

[0142] Optionally, the second positioning unit includes:

[0143] The second positioning subunit is used to determine the value of the unique identifier of the corresponding element in the Vue form with a sequential list of length Fib[k]-1 for each of the first form data according to a preset expression;

[0144] The preset expression is:

[0145] (Fib[k]-1)=(Fib[k-1]-1)+(Fib[k-2]-1)+1

[0146] Where Fib[k] represents the Fibonacci sequence, and k represents the value of the current unique identifier.

[0147] Optionally, the third positioning unit includes:

[0148] The location positioning unit is used to locate the position of the first form data with a value of 0 for the unique identifier as the second form data.

[0149] Optionally, the location positioning unit includes:

[0150] The location positioning subunit is used to take the first form data with a value of 0 as the second form data and position it sequentially according to the filling order to the position of each second form data.

[0151] Optionally, refer to Figure 8 The third positioning unit further includes a data judgment unit, which includes:

[0152] The first judgment unit is used to determine whether emptiness is allowed according to the preset filling rules if the first form data of the element corresponding to the unique identifier is empty, and to determine the first form data that is not allowed to be empty as the second form data.

[0153] The second judgment unit is used to determine whether the first form data of the element corresponding to the unique identifier is not empty, and to determine the first form data that does not conform to the preset filling rule as the second form data.

[0154] Optionally, refer to Figure 9 The device further includes a modification reporting unit, which includes:

[0155] The data acquisition unit is used to acquire third form data obtained after the user modifies the second form data according to the bubble box;

[0156] The data reporting unit is used to report the first form data and the third form data that conform to the preset filling rules to the server.

[0157] Optionally, refer to Figure 10 The device further includes a rule building unit, which includes:

[0158] The reporting rule acquisition unit is used to acquire the reporting rules of the first form data; the reporting rules include the linkage rules between the various first form data.

[0159] The filling rule determination unit is used to match the reporting rule with the reporting process of the first form data to obtain the filling rule.

[0160] The specific implementation of the above-described error location device is basically the same as the specific implementation of the above-described error location method, and will not be repeated here.

[0161] This invention also provides an electronic device, which includes a memory and a processor. The memory stores a computer program, and the processor executes the computer program to implement the aforementioned error location method. This electronic device can be any smart terminal, including tablet computers, in-vehicle computers, etc.

[0162] Please see Figure 11 , Figure 11 The hardware structure of an electronic device according to another embodiment is illustrated. The electronic device includes:

[0163] The processor 1101 can be implemented using a general-purpose CPU (Central Processing Unit), microprocessor, application-specific integrated circuit (ASIC), or one or more integrated circuits, and is used to execute relevant programs to implement the technical solutions provided in the embodiments of the present invention.

[0164] The memory 1102 can be implemented as a read-only memory (ROM), a static storage device, a dynamic storage device, or a random access memory (RAM). The memory 1102 can store the operating system and other applications. When the technical solutions provided in the embodiments of this specification are implemented through software or firmware, the relevant program code is stored in the memory 1102 and is called and executed by the processor 1101 using the error location method of the embodiments of this invention.

[0165] Input / output interface 1103 is used to implement information input and output;

[0166] The communication interface 1104 is used to enable communication and interaction between this device and other devices. Communication can be achieved through wired means (such as USB, network cable, etc.) or wireless means (such as mobile network, WIFI, Bluetooth, etc.).

[0167] Bus 1105 transmits information between various components of the device (e.g., processor 1101, memory 1102, input / output interface 1103, and communication interface 1104);

[0168] The processor 1101, memory 1102, input / output interface 1103 and communication interface 1104 are connected to each other within the device via bus 1105.

[0169] This invention also provides a computer device, including a memory and a processor. The memory stores a computer program, which, when executed by the processor, causes the processor to perform the methods described in the foregoing embodiments.

[0170] Specifically, computer equipment can be either a user terminal or a service terminal.

[0171] This application uses a computer device as a user terminal as an example, as detailed below:

[0172] like Figure 12 As shown, the computer device 1200 may include an RF (Radio Frequency) circuit 1210, a memory 1220 including one or more computer-readable storage media, an input unit 1230, a display unit 1240, a sensor 1250, an audio circuit 1260, a short-range wireless transmission module 1270, a processor 1280 including one or more processing cores, and a power supply 12120, among other components. Those skilled in the art will understand that... Figure 6 The device structure shown does not constitute a limitation on the electronic device and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0173] RF circuit 1210 can be used for receiving and transmitting signals during information transmission or calls. Specifically, it receives downlink information from the base station and hands it over to one or more processors 1280 for processing; additionally, it transmits uplink data to the base station. Typically, RF circuit 1210 includes, but is not limited to, an antenna, at least one amplifier, a tuner, one or more oscillators, a Subscriber Identity Module (SIM) card, a transceiver, a coupler, an LNA (Low Noise Amplifier), a duplexer, etc. Furthermore, RF circuit 1210 can also communicate wirelessly with networks and other devices. Wireless communication can use any communication standard or protocol, including but not limited to GSM (Global System for Mobile communication), GPRS (General Packet Radio Service), CDMA (Code Division Multiple Access), WCDMA (Wideband Code Division Multiple Access), LTE (Long Term Evolution), email, SMS (Short Messaging Service), etc.

[0174] The memory 1220 can be used to store software programs and modules. The processor 1280 executes various functional applications and data processing by running the software programs and modules stored in the memory 1220. The memory 1220 may mainly include a program storage area and a data storage area. The program storage area may store the operating system, application programs required for at least one function (such as sound playback function, image playback function, etc.), etc.; the data storage area may store data created according to the use of the device 1200 (such as audio data, telephone directory, etc.). In addition, the memory 1220 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, or other volatile solid-state storage device. Accordingly, the memory 1220 may also include a memory controller to provide access to the memory 1220 for the processor 1280 and the input unit 1230. Although Figure 6 RF circuit 1210 is shown, but it is understood that it is not a necessary component of device 1200 and can be omitted as needed without changing the nature of the invention.

[0175] The input unit 1230 can be used to receive input numerical or character information, and to generate keyboard, mouse, joystick, optical, or trackball signal inputs related to user settings and function control. Specifically, the input unit 1230 may include a touch-sensitive surface 1231 and other input devices 1232. The touch-sensitive surface 1231, also known as a touch display screen or touchpad, can collect touch operations performed by the user on or near it (such as operations performed by the user using a finger, stylus, or any suitable object or accessory on or near the touch-sensitive surface 1231), and drive the corresponding connection device according to a pre-set program. Optionally, the touch-sensitive surface 1231 may include two parts: a touch detection device and a touch controller. The touch detection device detects the user's touch position and the signal generated by the touch operation, and transmits the signal to the touch controller; the touch controller receives touch information from the touch detection device, converts it into touch point coordinates, sends it to the processor 1280, and can receive and execute commands from the processor 1280. In addition, the touch-sensitive surface 1231 can be implemented using various types such as resistive, capacitive, infrared, and surface acoustic wave. Besides the touch-sensitive surface 1231, the input unit 1230 may also include other input devices 1232. Specifically, other input devices 1232 may include, but are not limited to, one or more of the following: a physical keyboard, function keys (such as volume control buttons, power buttons, etc.), a trackball, a mouse, and a joystick.

[0176] Display unit 1240 can be used to display information input by the user or information provided to the user, as well as various graphical user interfaces for controlling 1200. These graphical user interfaces can be composed of graphics, text, icons, video, and any combination thereof. Display unit 1240 may include display panel 1241, optionally configured as LCD (Liquid Crystal Display), OLED (Organic Light-Emitting Diode), etc. Further, touch-sensitive surface 1231 may cover display panel 1241. When touch-sensitive surface 1231 detects a touch operation on or near it, it transmits the information to processor 1280 to determine the type of touch event. Subsequently, processor 1280 provides corresponding visual output on display panel 1241 according to the type of touch event. Although in Figure 6 In this embodiment, the touch-sensitive surface 1231 and the display panel 1241 are implemented as two separate components to realize input and output functions. However, in some embodiments, the touch-sensitive surface 1231 and the display panel 1241 can be integrated to realize input and output functions.

[0177] The computer device 1200 may also include at least one sensor 1250, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor and a proximity sensor. The ambient light sensor can adjust the brightness of the display panel 1241 according to the ambient light level, and the proximity sensor can turn off the display panel 1241 and / or backlight when the device 1200 is moved to the ear. As a type of motion sensor, a gravity acceleration sensor can detect the magnitude of acceleration in various directions (generally three axes). When stationary, it can detect the magnitude and direction of gravity and can be used for applications that recognize the phone's posture (such as landscape / portrait switching, related games, magnetometer posture calibration), vibration recognition-related functions (such as pedometer, tapping), etc. Other sensors that may be configured in the device 1200, such as gyroscopes, barometers, hygrometers, thermometers, and infrared sensors, will not be described in detail here.

[0178] Audio circuitry 1260, speaker 1261, and microphone 1262 provide an audio interface between the user and device 1200. Audio circuitry 1260 converts received audio data into electrical signals and transmits them to speaker 1261, where speaker 1261 converts them into sound signals for output. Conversely, microphone 1262 converts collected sound signals into electrical signals, which are then received by audio circuitry 1260, converted back into audio data, and processed by processor 1280 before being transmitted via RF circuitry 1210 to another control device, or output to memory 1220 for further processing. Audio circuitry 1260 may also include an earphone jack to facilitate communication between peripheral headphones and device 1200.

[0179] The short-range wireless transmission module 1270 can be a WIFI (wireless fidelity) module, Bluetooth module, or infrared module, etc. Device 1200 can transmit information with the wireless transmission module installed on the battle equipment via the short-range wireless transmission module 1270.

[0180] Processor 1280 is the control center of device 1200. It connects various parts of the control device via various interfaces and lines. By running or executing software programs and / or modules stored in memory 1220, and by calling data stored in memory 1220, it performs various functions of device 1200 and processes data, thereby providing overall monitoring of the control device. Optionally, processor 1280 may include one or more processing cores; optionally, processor 1280 may integrate an application processor and a modem processor, wherein the application processor mainly handles the operating system, user interface, and applications, and the modem processor mainly handles wireless communication. It is understood that the aforementioned modem processor may not be integrated into processor 1250.

[0181] The device 1200 also includes a power supply 12120 (such as a battery) to power various components. Preferably, the power supply can be logically connected to the processor 1280 through a power management system, thereby enabling functions such as charging, discharging, and power consumption management through the power management system. The power supply 12120 may also include one or more DC or AC power supplies, recharging systems, power fault detection circuits, power converters or inverters, power status indicators, and other arbitrary components.

[0182] Although not shown, device 1200 may also include a camera, Bluetooth module, etc., which will not be described in detail here.

[0183] This invention also provides a computer-readable storage medium storing a computer program that, when executed by a processor, implements the aforementioned error location method based on Vue form submission bubbles.

[0184] Memory, as a non-transitory computer-readable storage medium, can be used to store non-transitory software programs and non-transitory computer-executable programs. Furthermore, memory may include high-speed random access memory, and may also include non-transitory memory, such as at least one disk storage device, flash memory device, or other non-transitory solid-state storage device. In some embodiments, memory may optionally include memory remotely located relative to the processor, and these remote memories can be connected to the processor via a network. Examples of such networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.

[0185] This invention also discloses a computer program product or computer program, which includes computer instructions stored in a computer-readable storage medium. A processor of a computer device can read the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, causing the computer device to perform... Figure 1 This demonstrates a method for locating errors in a Vue form submission bubble.

[0186] In some alternative embodiments, the functions / operations mentioned in the block diagrams may not occur in the order shown in the operation diagrams. For example, depending on the functions / operations involved, two consecutively shown blocks may actually be executed substantially simultaneously, or the blocks may sometimes be executed in reverse order. Furthermore, the embodiments presented and described in the flowcharts of this invention are provided by way of example to provide a more comprehensive understanding of the technology. The disclosed methods are not limited to the operations and logic flows presented herein. Alternative embodiments are contemplated in which the order of various operations is altered and sub-operations described as part of a larger operation are executed independently.

[0187] Furthermore, although the invention has been described in the context of functional modules, it should be understood that, unless otherwise stated, one or more of the described functions and / or features may be integrated into a single physical device and / or software module, or one or more functions and / or features may be implemented in a separate physical device or software module. It is also understood that a detailed discussion of the actual implementation of each module is unnecessary for understanding the invention. Rather, given the properties, functions, and internal relationships of the various functional modules in the apparatus disclosed herein, the actual implementation of the module will be understood within the scope of conventional skill of an engineer. Therefore, those skilled in the art can implement the invention as set forth in the claims using ordinary techniques without excessive experimentation. It is also understood that the specific concepts disclosed are merely illustrative and not intended to limit the scope of the invention, which is determined by the full scope of the appended claims and their equivalents.

[0188] If the aforementioned functions are implemented as software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this invention, essentially, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this invention. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0189] The logic and / or steps represented in the flowchart or otherwise described herein, for example, can be considered as a sequenced list of executable instructions for implementing logical functions, and can be embodied in any computer-readable medium for use by, or in conjunction with, an instruction execution system, apparatus, or device (such as a computer-based system, a processor-included system, or other system that can fetch and execute instructions from, an instruction execution system, apparatus, or device). For the purposes of this specification, "computer-readable medium" can be any means that can contain, store, communicate, propagate, or transmit programs for use by, or in conjunction with, an instruction execution system, apparatus, or device.

[0190] More specific examples of computer-readable media (a non-exhaustive list) include: electrical connections (electronic devices) having one or more wires, portable computer disk drives (magnetic devices), random access memory (RAM), read-only memory (ROM), erasable and editable read-only memory (EPROM or flash memory), fiber optic devices, and portable optical disc read-only memory (CDROM). Furthermore, computer-readable media can even be paper or other suitable media on which the program can be printed, because the program can be obtained electronically, for example, by optically scanning the paper or other medium, followed by editing, interpreting, or otherwise processing as necessary, and then stored in computer memory.

[0191] It should be understood that various parts of the present invention can be implemented in hardware, software, firmware, or a combination thereof. In the above embodiments, multiple steps or methods can be implemented in software or firmware stored in memory and executed by a suitable instruction execution system. For example, if implemented in hardware, as in another embodiment, it can be implemented using any one or a combination of the following techniques known in the art: discrete logic circuits having logic gates for implementing logical functions on data signals, application-specific integrated circuits (ASICs) having suitable combinational logic gates, programmable gate arrays (PGAs), field-programmable gate arrays (FPGAs), etc.

[0192] In the description of this specification, references to terms such as "one embodiment," "some embodiments," "example," "specific example," or "some examples," etc., indicate that a specific feature, structure, material, or characteristic described in connection with that embodiment or example is included in at least one embodiment or example of the invention. In this specification, the illustrative expressions of the above terms do not necessarily refer to the same embodiment or example. Furthermore, the specific features, structures, materials, or characteristics described may be combined in any suitable manner in one or more embodiments or examples.

[0193] Although embodiments of the invention have been shown and described, those skilled in the art will understand that various changes, modifications, substitutions and alterations can be made to these embodiments without departing from the principles and spirit of the invention, the scope of which is defined by the claims and their equivalents.

[0194] The above is a detailed description of the preferred embodiments of the present invention. However, the present invention is not limited to the embodiments described. Those skilled in the art can make various equivalent modifications or substitutions without departing from the spirit of the present invention. All such equivalent modifications or substitutions are included within the scope defined by the claims of the present invention.

Claims

1. A method for error location based on Vue form submission bubbles, characterized in that, include: Retrieve multiple first form data entered in a Vue form; Determine a unique identifier for each element corresponding to each piece of the first form data in the Vue form; The second form data that does not conform to the preset filling rules is located based on the unique identifier; A pop-up bubble containing error messages is displayed, the bubble being used to indicate errors in the second form data. The step of determining the unique identifier of each element corresponding to the first form data in the Vue form includes: The value of the unique identifier of each element in the Vue form with a sequential list length of Fib[k]-1 is determined according to a preset expression; The preset expression is: (Fib[k]-1)=(Fib[k-1]-1)+(Fib[k-2]-1)+1 Where Fib[k] represents the Fibonacci sequence, and k represents the value of the current unique identifier; The step of locating the second form data that does not conform to the preset filling rules based on the unique identifier includes: The first form data with a unique identifier value of 0 is used as the second form data, and the position of the second form data is located.

2. The error location method based on Vue form submission bubble according to claim 1, characterized in that, The step of using the first form data with a unique identifier value of 0 as the second form data and locating the position of the second form data includes: The first form data with a unique identifier value of 0 is used as the second form data, and the data is sequentially positioned according to the filling order.

3. The error location method based on Vue form submission bubble according to claim 1, characterized in that, The method further includes the step of determining the second form data, wherein determining the second form data includes: If the first form data of the element corresponding to the unique identifier is empty, then determine whether it is allowed to be empty according to the preset filling rules, and determine the first form data that is not allowed to be empty as the second form data; If the first form data of the element corresponding to the unique identifier is not empty, then it is determined whether it conforms to the preset filling rules, and the first form data that does not conform to the preset filling rules is determined as the second form data.

4. A method for error location based on Vue form submission bubbles according to any one of claims 1 to 3, characterized in that, The method further includes: Obtain the third form data obtained after modifying the second form data according to the bubble box; The first form data and the third form data that conform to the preset filling rules are reported to the server.

5. A method for error location based on Vue form submission bubbles according to any one of claims 1 to 3, characterized in that, The preset filling rules are constructed through the following steps: Obtain the reporting rules for the first form data; the reporting rules include the linkage rules between the various first form data. The reporting rules are matched with the reporting process of the first form data to obtain the filling rules.

6. An error positioning device based on Vue form submission bubbles, characterized in that, include: The first positioning unit is used to retrieve multiple first form data entered in the Vue form; The second positioning unit is used to determine the unique identifier of the corresponding element of each of the first form data in the Vue form; The third positioning unit is used to locate the second form data that does not conform to the preset filling rules based on the unique identifier; The fourth positioning unit is used to pop up a bubble box that includes an error message, the bubble box being used to indicate an error in filling out the second form data; The step of determining the unique identifier of each element corresponding to the first form data in the Vue form includes: The value of the unique identifier of each element in the Vue form with a sequential list length of Fib[k]-1 is determined according to a preset expression; The preset expression is: (Fib[k]-1)=(Fib[k-1]-1)+(Fib[k-2]-1)+1 Where Fib[k] represents the Fibonacci sequence, and k represents the value of the current unique identifier; The step of locating the second form data that does not conform to the preset filling rules based on the unique identifier includes: The first form data with a unique identifier value of 0 is used as the second form data, and the position of the second form data is located.

7. An electronic device, characterized in that, Including the processor and memory; The memory is used to store programs; The processor executes the program to implement an error location method based on Vue form submission bubbles as described in any one of claims 1 to 5.

8. A computer-readable storage medium, characterized in that, The storage medium stores a program, which is executed by a processor to implement an error location method based on Vue form submission bubbles as described in any one of claims 1 to 5.

Images