Resource allocation method and device based on combined component, equipment and storage medium

Abstract

The invention relates to a resource allocation method and device based on a combined component, equipment and a storage medium, and belongs to the technical field of cloud platforms, the method comprises the following steps: obtaining a first target component, and adjusting a framework of the first target component based on a display index of a target resource to obtain a second target component; based on the chart attribute of the display index, respectively adjusting the first area and the second area of the second target component to obtain a third target component; based on a region display standard value, a target region is selected from the first region and the second region, a fourth target component is embedded into the target region to obtain a combined component, the fourth target component is used for binding business processing logic, and the standard value is used for describing a display success rate; and in response to the detected resource configuration request, configuring the resource based on the combined component. According to the method, the complexity of adding the same type of resources by a user can be reduced, the usability of a cloud product is enhanced, and the user experience is improved.

Description

Technical Field

[0001] The present application relates to the field of cloud platform technology, and in particular to a resource configuration method, device, equipment and storage medium based on a combination component. Background Art

[0002] With the development of cloud platforms, as cloud resource configuration attributes become more complex and diverse during the development of cloud platforms, when configuring resources of the same category in a list, it is necessary to meet the need to configure resources with different attributes, that is, different rows and columns in the list need to support adding different types of attribute information. This requires the page to support switching different components (such as drop-down selection data, input data, quantity selector, time selector, etc.) in different rows and columns in the list to configure related attribute information, so as to meet the need to batch configure resources with different attributes. The cloud platform is based on the elementUI component library (an open source UI component library based on Vue.js) used with the vue framework (a JavaScript framework for building user interfaces). There is currently no component in the component library that meets this requirement, and it cannot support adding resources of different attributes to the same list. Currently, it can only support configuring resources of the same category with different attributes in different lists or forms. The process is cumbersome, and the user experience and ease of use are poor.

[0003] Therefore, there is an urgent need to propose a resource configuration method, apparatus, device and storage medium based on combined components that can improve user experience and usability. Summary of the invention

[0004] Based on this, it is necessary to provide a resource configuration method, device, equipment and storage medium based on combined components that can improve user experience and usability in response to the above technical problems.

[0005] In a first aspect, a resource configuration method based on a combination component is provided, the method comprising:

[0006] Acquire a first target component, and adjust the framework of the first target component based on the display index of the target resource to obtain a second target component, where the first target component is used to create a text input box;

[0007] Based on the chart properties of the display indicator, respectively adjust the first area and the second area of ​​the second target component to obtain a third target component;

[0008] Based on the regional display standard value, a target region is selected from the first region and the second region, and a fourth target component is embedded in the target region to obtain a combined component, wherein the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate;

[0009] In response to detecting a resource configuration request, the resource is configured based on the combined component.

[0010] Optionally, based on the display index of the target resource, the framework of the first target component is adjusted to obtain the second target component including:

[0011] Obtain a first target component for creating a text input box and a frame of the first target component;

[0012] Extracting frame parameters of the first target component frame, wherein the frame parameters include at least the number of component regions and the width ratio of each region;

[0013] Based on the display indicators of the target resources, determine the preset threshold of the number of component areas;

[0014] In response to detecting that the number of component areas of the first target component frame is greater than the preset threshold, respectively obtaining the width proportions of the first area and the second area, and adjusting the width proportions of the first area and the second area based on a preset ratio;

[0015] In response to detecting that the width ratio has been adjusted, obtaining the category attribute of the middle node element;

[0016] In response to detecting that the category attribute of the intermediate node element is not a unique value, hiding the intermediate node element based on a cascading style sheet;

[0017] In response to detecting that the intermediate node element has been completely hidden, obtaining the adjusted row height of the first target component;

[0018] In response to detecting that the adjusted row height of the first target component is less than a first preset threshold or greater than a second preset threshold, adjusting the first target component based on the target row height;

[0019] In response to detecting that the row height has been adjusted, a border is set at the junction of the first area and the second area to generate the second target component.

[0020] Optionally, based on the chart attributes of the display indicator, the first area and the second area of ​​the second target component are adjusted respectively to obtain the third target component, including:

[0021] Obtaining chart attribute parameters of the first area, wherein the chart attribute parameters at least include width ratio, background color, and border style;

[0022] In response to detecting that the width ratio does not meet the first preset standard, adjusting the width ratio according to a preset ratio;

[0023] In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the border style when focused is adjusted to complete the adjustment of the first area.

[0024] Optionally, based on the chart attributes of the display indicator, the first area and the second area of ​​the second target component are adjusted respectively to obtain the third target component, including:

[0025] Obtaining chart attribute parameters of the second area, wherein the chart attribute parameters at least include width ratio and background color;

[0026] In response to detecting that the width ratio does not meet a second preset standard, adjusting the width ratio according to a preset ratio;

[0027] In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the left and right inner margins of the second area are adjusted to the target inner margins to complete the adjustment of the second area.

[0028] Optionally, based on the area display standard value, a target area is selected from the first area and the second area, and a fourth target component is embedded in the target area, so that the obtained combined component includes:

[0029] Obtain a first display success rate and a second display success rate corresponding to the first area and the second area respectively;

[0030] In response to detecting that the first display success rate is greater than the second display success rate, selecting the first area as the target area;

[0031] In response to detecting that the first display success rate is less than or equal to the second display success rate, a second area is selected as the target area.

[0032] Optionally, the method further includes:

[0033] Based on the preset width and height ratio, embed the fourth target component into the target area, and set the outer margin of the fourth target component to a preset value;

[0034] Remove the border setting of the fourth target component, and adjust the border style of the fourth target component when it is focused;

[0035] In response to detecting that the border style has been adjusted, the combined component is obtained.

[0036] Optionally, in response to detecting a resource configuration request, configuring the resource based on the combined component includes:

[0037] Based on the resource configuration request, a mapping relationship between a corresponding resource configuration response state and a target key value is bound to the fourth target component;

[0038] Determine a resource configuration response state of a fourth target component in the second area based on a key value corresponding to a click option in the first area to display the target component;

[0039] In response to detecting that a switching operation occurs on the click option in the first area, the resource configuration response state value of the second area is cleared, and an initial value of the corresponding resource configuration response state is determined according to the click option.

[0040] In a second aspect, a resource configuration device based on a combination component is provided, the device comprising:

[0041] A frame adjustment module, used to obtain a first target component, and adjust the frame of the first target component based on the display index of the target resource to obtain a second target component, wherein the first target component is used to create a text input box;

[0042] A region adjustment module, used to adjust the first region and the second region of the second target component respectively based on the chart attributes of the display indicator to obtain a third target component;

[0043] A combination component generation module, configured to select a target area from the first area and the second area based on the area display standard value, and embed a fourth target component into the target area to obtain a combination component, wherein the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate;

[0044] The resource configuration module is used to configure the resource based on the combination component when a resource configuration request is detected.

[0045] In a third aspect, a computer device is provided, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the computer program, the following steps are implemented:

[0046] Acquire a first target component, and adjust the framework of the first target component based on the display index of the target resource to obtain a second target component, where the first target component is used to create a text input box;

[0047] Based on the chart properties of the display indicator, respectively adjust the first area and the second area of ​​the second target component to obtain a third target component;

[0048] Based on the regional display standard value, a target region is selected from the first region and the second region, and a fourth target component is embedded in the target region to obtain a combined component, wherein the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate;

[0049] In response to detecting a resource configuration request, the resource is configured based on the combined component.

[0050] In a fourth aspect, a computer-readable storage medium is provided, on which a computer program is stored, and when the computer program is executed by a processor, the following steps are implemented:

[0051] Acquire a first target component, and adjust the framework of the first target component based on the display index of the target resource to obtain a second target component, where the first target component is used to create a text input box;

[0052] Based on the chart properties of the display indicator, respectively adjust the first area and the second area of ​​the second target component to obtain a third target component;

[0053] Based on the regional display standard value, a target region is selected from the first region and the second region, and a fourth target component is embedded in the target region to obtain a combined component, wherein the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate;

[0054] In response to detecting a resource configuration request, the resource is configured based on the combined component.

[0055] In a fifth aspect, a computer program product is provided, the computer program product comprising a computer program, and when the computer program is executed by a processor, the following steps are implemented:

[0056] Acquire a first target component, and adjust the framework of the first target component based on the display index of the target resource to obtain a second target component, where the first target component is used to create a text input box;

[0057] Based on the chart properties of the display indicator, respectively adjust the first area and the second area of ​​the second target component to obtain a third target component;

[0058] Based on the regional display standard value, a target region is selected from the first region and the second region, and a fourth target component is embedded in the target region to obtain a combined component, wherein the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate;

[0059] In response to detecting a resource configuration request, the resource is configured based on the combined component.

[0060] The above-mentioned resource configuration method, device, equipment and storage medium based on combined components, the method includes: obtaining a first target component, adjusting the framework of the first target component based on the display index of the target resource, and obtaining a second target component, the first target component is used to create a text input box; based on the chart properties of the display index, respectively adjusting the first area and the second area of ​​the second target component to obtain a third target component; based on the area display standard value, selecting a target area from the first area and the second area, and embedding a fourth target component in the target area to obtain a combined component, the fourth target component is used to bind business processing logic, and the standard value is used to describe the display success rate; in response to detecting a resource configuration request, configuring resources based on the combined component. The present application has the requirement for cloud products to be able to batch add a class of resources with different attributes through a list, which can reduce the tediousness of users adding the same type of resources, enhance the ease of use of cloud products, and improve user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0061] Figure 1 An application environment diagram of a resource configuration method based on a combination component in an embodiment;

[0062] Figure 2 A schematic diagram of a process of a resource configuration method based on a combination component in an embodiment;

[0063] Figure 3 Another schematic diagram of a process flow of a resource configuration method based on a combination component in one embodiment;

[0064] Figure 4 A schematic diagram of a component style of a resource configuration method based on a combined component in an embodiment;

[0065] Figure 5 A schematic diagram of a component style after adjusting the width ratio of a resource configuration method based on a combined component in an embodiment;

[0066] Figure 6 A schematic diagram of a component style after the middle area is hidden in a resource configuration method based on a combined component in one embodiment;

[0067] Figure 7 It is a schematic diagram of component styles after adjusting the row height of a resource configuration method based on a combined component in one embodiment;

[0068] Figure 8 A schematic diagram of a component style after the border of a resource configuration method based on a combined component is lost in one embodiment;

[0069] Fig. 9 A schematic diagram of a component style after setting a border in a resource configuration method based on a combined component in an embodiment;

[0070] Fig.10 A schematic diagram of a combination component switching effect of a resource configuration method based on a combination component in an embodiment;

[0071] Fig.11 It is a structural block diagram of a resource configuration device based on a combination component in one embodiment;

[0072] Fig.12 FIG. 4 is a diagram showing the internal structure of a computer device in one embodiment. DETAILED DESCRIPTION

[0073] In order to make the purpose, technical solutions and advantages of this application clearer, the technical solutions in the embodiments of this application will be clearly and completely described below in conjunction with the drawings in the embodiments of this application. Obviously, the described embodiments are only part of the embodiments of this application, not all of them. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0074] It should be understood that in the description of the present application, unless the context clearly requires otherwise, words such as "include", "comprises", and the like throughout the specification should be interpreted as inclusive rather than exclusive or exhaustive; that is, the meaning of "including but not limited to".

[0075] It should also be understood that the terms "first", "second", etc. are only used for descriptive purposes and cannot be understood as indicating or implying relative importance. In addition, in the description of this application, unless otherwise specified, "plurality" means two or more.

[0076] It should be noted that the terms "S1", "S2", etc. are only used for the purpose of describing the steps, and do not specifically refer to the order or sequence, nor are they used to limit the present application. They are only for the convenience of describing the method of the present application, and cannot be understood as indicating the order of the steps. In addition, the technical solutions between the various embodiments can be combined with each other, but they must be based on the ability of ordinary technicians in this field to implement them. When the combination of technical solutions is contradictory or cannot be implemented, it should be considered that such a combination of technical solutions does not exist and is not within the scope of protection required by the present application.

[0077] The resource configuration method based on the combination component provided in this application can be applied to Figure 1In the application environment shown, the terminal 102 communicates with the data processing platform set on the server 104 through the network, wherein the terminal 102 can be but not limited to various personal computers, laptops, smart phones, tablet computers and portable wearable devices, and the server 104 can be implemented by an independent server or a server cluster composed of multiple servers.

[0078] In one embodiment, Figure 2-Figure 3 As shown in the figure, a resource configuration method based on composite components is provided, which is applied to Figure 1 The terminal in is used as an example to illustrate, including the following steps:

[0079] S1: Acquire a first target component, and adjust the framework of the first target component based on the display index of the target resource to obtain a second target component, where the first target component is used to create a text input box.

[0080] It should be noted that the first target component refers to the el-input component in elementUI (an open source UI component library based on Vue.js). The el-input component is used to create a text input box. It supports adding prefixes and suffixes and defining the el-input component as a parent component.

[0081] In some specific implementations, based on the display index of the target resource, the framework of the first target component is adjusted to obtain the second target component including:

[0082] Get the first target component used to create a text input box and the frame of the first target component, and add the component style with prefix and suffix as follows Figure 3 As shown;

[0083] Extract the frame parameters of the first target component frame, wherein the frame parameters include at least the number of component regions and the width ratio of each region, wherein Figure 4 As shown, the component framework of the el-input component includes three component areas, namely the prefix area, the suffix area and the middle area. The width ratio of each area is the ratio of the area width to the total width of the component. The width refers to the length from the left border to the right border or from the right border to the left border in an area.

[0084] Based on the display index of the target resource, determine the preset threshold of the number of component areas, where the display index refers to the interface display requirements, such as the proportion of components in the overall interface, the display requirements of different application scenarios, etc. The preset threshold can be set according to actual needs. For the resource configuration scenario of this application, the preset threshold is preferably 2;

[0085] In response to detecting that the number of component areas of the first target component frame is greater than the preset threshold, respectively obtaining the width proportions of the first area and the second area, and adjusting the width proportions of the first area and the second area based on the preset proportions, respectively, wherein the preset proportions can be set according to actual needs. For the resource configuration scenario of the present application, the preset proportion is preferably 3:7, that is, the first area accounts for 30% of the total width of the component, and the second area accounts for 70% of the total width of the component;

[0086] In response to detecting that the width ratio has been adjusted, obtaining the category attribute of the middle node element, wherein the category attribute of the middle node element refers to the class of the middle DOM element;

[0087] In response to detecting that the category attribute of the intermediate node element is not a unique value, hiding the intermediate node element based on a cascading style sheet, wherein the cascading style sheet refers to a CSS style;

[0088] Specifically, for resource configuration application scenarios, the middle area between the prefix and suffix in the el-input component framework is redundant, so the prefix is ​​set to 30% of the parent component width and the suffix is ​​set to 70% of the parent component width to remove the display of the middle part. However, since the middle part has a mandatory placeholder setting, the middle part will still occupy a small part, which cannot meet the requirements of resource configuration application scenarios. This part needs to be completely removed to meet the display conditions. Based on this, by obtaining the class of the middle DOM element, since the class category belongs to the general category and is not a unique value, it is necessary to set the DOM to be hidden through the CSS style penetration, and set the style of the middle area after hiding as follows Figure 5 As shown;

[0089] In response to detecting that the intermediate node element has been completely hidden, its row height is as follows Figure 6 As shown, its line height is obviously shorter and cannot meet the normal height of the display prefix and suffix components. Therefore, the line height needs to be adjusted to obtain the adjusted line height of the first target component;

[0090] In response to detecting that the adjusted line height of the first target component is less than the first preset threshold or greater than the second preset threshold, the first target component is adjusted based on the target line height, wherein the first preset threshold, the second preset threshold and the target line height can be set according to actual needs. The target line height of the present application is preferably a fixed line height style line-height: 32px;

[0091] In response to detecting that the row height has been adjusted, a border is set at the junction of the first area and the second area to generate the second target component, wherein Figure 7As shown in the figure, after setting the line height, it can be seen that there is no border between the prefix and suffix. The final effect of this component is that the background color of the prefix and suffix is ​​consistent, so it is impossible to distinguish the boundaries of the prefix and suffix components. Figure 8 As shown in the figure, the border of the hidden part is used in the middle of the component. After hiding the middle part, all the borders in the middle will be lost. Therefore, the right border of the prefix is ​​set to ensure the border display between the prefix and suffix. The effect after setting is as follows Fig. 9 shown.

[0092] In the above implementation, by adjusting the framework of the first target component, it can be used to subsequently generate a combination component for multi-function switching, so as to solve the problem that it is cumbersome for users to add resources of the same type with different attributes, thereby improving the user experience.

[0093] S2: Based on the chart attributes of the display indicator, the first area and the second area of ​​the second target component are adjusted respectively to obtain a third target component.

[0094] It should be noted that the first area refers to the prefix part (prepnd) of the second target component, and the second area refers to the suffix part (append) of the second target component.

[0095] In some specific implementations, based on the chart attributes of the display indicator, the first area and the second area of ​​the second target component are adjusted respectively to obtain the third target component, including:

[0096] Obtaining chart attribute parameters of the first area, wherein the chart attribute parameters at least include width ratio, background color, and border style;

[0097] In response to detecting that the width ratio does not meet the first preset standard, the width ratio is adjusted according to the preset ratio, wherein the first preset standard refers to whether the width ratio of the first area is 30% of the total width, and the preset ratio is the above 3:7. Specifically, the prefix ratio is adjusted to 30% of the parent component, wherein the prefix is ​​used to switch the suffix component, and the real data is the suffix component setting, so the prefix ratio is set to a smaller value, and the minimum width is set to avoid the problem that the prefix is ​​too narrow to be displayed and is not easy to use when the page is reduced;

[0098] In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the border style when focused is adjusted to complete the adjustment of the first area, wherein the preset background color can be set according to actual needs, such as white, and the default background color is gray. Specifically, the prefix default background color is modified, and the default gray is adjusted to white, which is visually operable and easier to use. The border style of the prefix part when focused is set, such as a border width of 1px and a blue color, such as #0070e0.

[0099] In some specific implementations, based on the chart attributes of the display indicator, adjusting the first area and the second area of ​​the second target component respectively, and obtaining the third target component includes obtaining chart attribute parameters of the second area, and the chart attribute parameters include at least width ratio and background color;

[0100] In response to detecting that the width ratio does not meet the second preset standard, the width ratio is adjusted according to the preset ratio, wherein the second preset standard refers to whether the width ratio of the second area is 70% of the total width, and the preset ratio is the above-mentioned 3:7. Specifically, because the suffix is ​​the main interactive part and the width ratio is set to be larger, the suffix ratio is adjusted to 70% of the parent component. In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the left and right margins of the second area are adjusted to the target margins to complete the adjustment of the second area. Specifically, the default background color of the suffix is ​​modified from the default gray to white, which is visually operable and easier to use. The target margin can be set according to actual needs. In order to ensure seamless connection of the prefix and not destroy the overall visual effect of the component, the suffix part can set the target margins of the left and right margins to 0px.

[0101] In the above implementation, based on the resource configuration scenario requirements, the applicability of the component to the resource configuration scenario is improved by adjusting the relevant parameters of the first area and the second area.

[0102] S3: Based on the area display standard value, a target area is selected from the first area and the second area, and a fourth target component is embedded in the target area to obtain a combined component, wherein the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate.

[0103] It should be noted that the fourth target component is a child component that needs to be embedded in the parent component, which is used to perform business logic processing.

[0104] In some specific implementations, based on the region display standard value, a target region is selected from the first region and the second region, and a fourth target component is embedded in the target region, so that the obtained combined component includes:

[0105] The first display success rate and the second display success rate corresponding to the first area and the second area are obtained respectively. Specifically, when the middle part of the penetration setting is not displayed, the component interaction part that is accidentally damaged may not be displayed normally, so it is necessary to obtain the display success rates of the first area and the second area;

[0106] In response to detecting that the first display success rate is greater than the second display success rate, selecting the first area as the target area;

[0107] In response to detecting that the first display success rate is less than or equal to the second display success rate, a second area is selected as the target area.

[0108] Among them, generally the second area, that is, the suffix part, has a higher display success rate, and the second area is more often selected as the sub-component embedding area to generate the suffix component.

[0109] In some embodiments, the method further comprises:

[0110] Based on the preset width and height ratio, the fourth target component is embedded in the target area, and the outer margin of the fourth target component is set to the preset value, wherein the preset width and height ratio is the ratio in the parent component, which can be set according to actual needs. To ensure that the target area is fully covered and the display effect is better, the preset width and height ratio are preferably set to 100%. The preset value can be set according to actual needs. To ensure that there is no extra blank space in the content part of the target area and the embedding is more fitting, the preferred values ​​of the left and right outer margins of the fourth target component are set to 0px, and the fourth target component is set to be displayed in the parent component target area part line, so as to solve the problem that the component interaction part that is accidentally damaged when the middle part is not displayed in the previous penetration setting cannot be displayed normally;

[0111] Remove the border setting of the fourth target component, and adjust the border style of the fourth target component when it is focused. Specifically, set the border of the fourth target component itself to none, so as to use a unified border for the target area, avoid inconsistent border styles of different suffix components and missing and repeated borders. Then, set the border style of the fourth target component to interactive focus, and the border style is consistent with the above interactive focus setting to ensure visual consistency when the parent component prefix and suffix interact.

[0112] In response to detecting that the border style has been adjusted, the combined component is obtained.

[0113] In the above implementation, by selecting the target area and embedding the sub-components to obtain the combined components, for cloud products, it is possible to meet the requirement of batch adding a class of resources with different attributes through a list, thereby simplifying the setting process of the same class of resources with different attributes, enhancing the usability of the product, and further improving the user experience.

[0114] S4: In response to detecting a resource configuration request, configuring resources based on the combined component.

[0115] It should be noted that, in response to detecting a resource configuration request, configuring the resource based on the combined component includes:

[0116] Based on the resource configuration request, a mapping relationship between a corresponding resource configuration response state and a target key value is bound to the fourth target component, wherein the key value is key;

[0117] Determine a resource configuration response state of a fourth target component in the second area based on a key value corresponding to a click option in the first area to display the target component;

[0118] In response to detecting that a switching operation occurs on the click option in the first area, the resource configuration response state value of the second area is cleared, and an initial value of the corresponding resource configuration response state is determined according to the click option.

[0119] Specifically, Fig.10 As shown, the fourth target component 1 is to input and set the property value, and the fourth target component 2 is to select and set the property value. The specific display content is set according to the resource attribute setting. The fourth target component 1, that is, the suffix component, is added, and the class style is set according to the above steps. The corresponding response state is bound to the fourth target component. Each left prefix drop-down option is set with a unique key. The right suffix component needs to set the key of the same type as the corresponding left prefix selection as the display identifier. When the left prefix is ​​switched, the right suffix component matches the key corresponding to the prefix to display which component. Among them, the display of each component needs to meet its own display conditions, that is, key matching for display. Each time the left prefix is ​​switched, the right binding state value needs to be cleared, and the initial value of the corresponding state of the suffix component is assigned according to the left prefix type.

[0120] In the above implementation, based on the constructed combination component that can realize multi-function switching to respond to resource configuration requests, it is possible to realize the demand for batch adding a class of resources with different attributes through a list, thereby reducing the tediousness of users adding the same type of resources, enhancing the product's ease of use, and further improving the user experience.

[0121] In some specific implementations, a method for determining an initial value of a resource configuration response state includes:

[0122] Based on the data in the historical database, the initial value of the resource configuration response state within the target time period is obtained. The target time period can be set according to actual needs and is generally a periodic value, such as 24 hours, 7 days a week, etc.;

[0123] In response to detecting that the number of occurrences of the initial value of the target resource configuration response state is greater than a preset number threshold, marking the target resource configuration response state and its corresponding initial value based on the time value, wherein the preset number threshold can be set according to actual needs, such as 15 times;

[0124] Obtain the initial values ​​of the target resource configuration response states marked in other multiple time periods corresponding to the target time period, such as if the target time period is 24 hours today, and the other multiple time periods may be yesterday, the day before yesterday, etc., and determine the number of initial values ​​of the target resource configuration response states that meet the preset standard based on the marked values ​​in the target time period, wherein the preset standard refers to the time value within the preset range of the marked value, such as if the marked value is 12:02 and the time range is 1 minute, then the preset standard is the time value within 12:01 to 12:03;

[0125] In response to detecting that the number of initial values ​​of the target resource configuration response state is greater than a preset number threshold, the target resource configuration response state and its corresponding initial value are secondary marked, wherein the preset number threshold can be set according to actual needs, such as 10;

[0126] In response to detecting that the resource configuration response state corresponding to the second area is the target resource configuration response state, if the current moment belongs to the time value within the target time period and the target resource configuration response state has been marked twice, the initial value of the target resource configuration response state is defined as the initial value of the resource configuration response state at the current moment; if it is not the target resource configuration response state, the default initial value is used.

[0127] In the above implementation, by marking the resource configuration response states that meet the preset standards and their corresponding initial values, the initial values ​​desired by the user can be quickly and accurately matched, further improving the user experience.

[0128] In the above-mentioned resource configuration method based on combined components, the method includes: obtaining a first target component, adjusting the framework of the first target component based on the display index of the target resource to obtain a second target component, the first target component is used to create a text input box; based on the chart attribute of the display index, respectively adjusting the first area and the second area of ​​the second target component to obtain a third target component; based on the area display standard value, selecting a target area from the first area and the second area, and embedding a fourth target component into the target area to obtain a combined component, the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate; in response to detecting a resource configuration request When configuring resources based on the combined component, the application proposes a combined component that supports multi-function switching. For cloud products, it can realize the demand of batch adding a type of resources with different attributes through a list, which to a certain extent solves the problem that it is cumbersome for users to add the same type of resources with different attributes, enhances the usability of the product, and improves the user experience. The prefix and suffix parts of this method are highly extensible, and can be quickly expanded and developed when new attribute setting categories are added. The design of a unified external display framework and a common style of the suffix component by the parent component avoids the cumbersomeness of style adaptation according to the newly added component each time a new suffix component is added, further enhancing the usability of cloud products.

[0129] It should be understood that although Figure 2-Figure 3 The steps in the flowchart are shown in sequence as indicated by the arrows, but these steps are not necessarily executed in the order indicated by the arrows. Unless otherwise specified in this document, there is no strict order restriction for the execution of these steps, and these steps can be executed in other orders. Moreover, Figure 2-Figure 3 At least part of the steps may include multiple sub-steps or multiple stages. These sub-steps or stages are not necessarily executed at the same time, but can be executed at different times. The execution order of these sub-steps or stages is not necessarily sequential, but can be executed in turn or alternately with other steps or at least part of the sub-steps or stages of other steps.

[0130] In one embodiment, Fig.11 As shown, a resource configuration device based on a combination component is provided, comprising: a framework adjustment module, a region adjustment module, a combination component generation module and a resource configuration module, wherein:

[0131] A frame adjustment module, used to obtain a first target component, and adjust the frame of the first target component based on the display index of the target resource to obtain a second target component, wherein the first target component is used to create a text input box;

[0132] A region adjustment module, used to adjust the first region and the second region of the second target component respectively based on the chart attributes of the display indicator to obtain a third target component;

[0133] A combination component generation module, configured to select a target area from the first area and the second area based on the area display standard value, and embed a fourth target component into the target area to obtain a combination component, wherein the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate;

[0134] The resource configuration module is used to configure the resource based on the combination component when a resource configuration request is detected.

[0135] As a preferred implementation, in the embodiment of the present invention, the framework adjustment module is specifically used for:

[0136] Obtain a first target component for creating a text input box and a frame of the first target component;

[0137] Extracting frame parameters of the first target component frame, wherein the frame parameters include at least the number of component regions and the width ratio of each region;

[0138] Based on the display indicators of the target resources, determine the preset threshold of the number of component areas;

[0139] In response to detecting that the number of component areas of the first target component frame is greater than the preset threshold, respectively obtaining the width proportions of the first area and the second area, and adjusting the width proportions of the first area and the second area based on a preset ratio;

[0140] In response to detecting that the width ratio has been adjusted, obtaining the category attribute of the middle node element;

[0141] In response to detecting that the category attribute of the intermediate node element is not a unique value, hiding the intermediate node element based on a cascading style sheet;

[0142] In response to detecting that the intermediate node element has been completely hidden, obtaining the adjusted row height of the first target component;

[0143] In response to detecting that the adjusted row height of the first target component is less than a first preset threshold or greater than a second preset threshold, adjusting the first target component based on the target row height;

[0144] In response to detecting that the row height has been adjusted, a border is set at the junction of the first area and the second area to generate the second target component.

[0145] As a preferred implementation, in the embodiment of the present invention, the region adjustment module is specifically used for:

[0146] Obtaining chart attribute parameters of the first area, wherein the chart attribute parameters at least include width ratio, background color, and border style;

[0147] In response to detecting that the width ratio does not meet the first preset standard, adjusting the width ratio according to a preset ratio;

[0148] In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the border style when focused is adjusted to complete the adjustment of the first area.

[0149] As a preferred implementation manner, in the embodiment of the present invention, the region adjustment module is further used to:

[0150] Obtaining chart attribute parameters of the second area, wherein the chart attribute parameters at least include width ratio and background color;

[0151] In response to detecting that the width ratio does not meet a second preset standard, adjusting the width ratio according to a preset ratio;

[0152] In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the left and right inner margins of the second area are adjusted to the target inner margins to complete the adjustment of the second area.

[0153] As a preferred implementation, in the embodiment of the present invention, the combination component generation module is specifically used for:

[0154] Obtain a first display success rate and a second display success rate corresponding to the first area and the second area respectively;

[0155] In response to detecting that the first display success rate is greater than the second display success rate, selecting the first area as the target area;

[0156] In response to detecting that the first display success rate is less than or equal to the second display success rate, a second area is selected as the target area.

[0157] As a preferred implementation, in the embodiment of the present invention, the combination component generation module is further used to:

[0158] Based on the preset width and height ratio, embed the fourth target component into the target area, and set the outer margin of the fourth target component to a preset value;

[0159] Remove the border setting of the fourth target component, and adjust the border style of the fourth target component when it is focused;

[0160] In response to detecting that the border style has been adjusted, the combined component is obtained.

[0161] As a preferred implementation, in the embodiment of the present invention, the resource configuration module is specifically used for:

[0162] Based on the resource configuration request, a mapping relationship between a corresponding resource configuration response state and a target key value is bound to the fourth target component;

[0163] Determine a resource configuration response state of a fourth target component in the second area based on a key value corresponding to a click option in the first area to display the target component;

[0164] In response to detecting that a switching operation occurs on the click option in the first area, the resource configuration response state value of the second area is cleared, and an initial value of the corresponding resource configuration response state is determined according to the click option.

[0165] For the specific definition of the resource configuration device based on the combination component, please refer to the definition of the resource configuration method based on the combination component above, which will not be repeated here. Each module in the above-mentioned resource configuration device based on the combination component can be implemented in whole or in part by software, hardware and a combination thereof. The above-mentioned modules can be embedded in or independent of the processor in the computer device in the form of hardware, or can be stored in the memory of the computer device in the form of software, so that the processor can call and execute the operations corresponding to the above modules.

[0166] In one embodiment, a computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as follows: Fig.12 As shown. The computer device includes a processor, a memory, a network interface, a display screen and an input device connected through a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the computer device is used to communicate with an external terminal through a network connection. When the computer program is executed by the processor, a resource configuration method based on a combination component is implemented. The display screen of the computer device can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer device can be a touch layer covering the display screen, or a key, trackball or touchpad set on the computer device housing, or an external keyboard, touchpad or mouse, etc.

[0167] Those skilled in the art will understand that Fig.12The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.

[0168] In one embodiment, a computer device is provided, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the following steps when executing the computer program:

[0169] S1: Acquire a first target component, and adjust the framework of the first target component based on the display index of the target resource to obtain a second target component, where the first target component is used to create a text input box;

[0170] S2: Based on the chart attributes of the display indicator, respectively adjust the first area and the second area of ​​the second target component to obtain a third target component;

[0171] S3: based on the regional display standard value, selecting a target region from the first region and the second region, and embedding a fourth target component into the target region to obtain a combined component, wherein the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate;

[0172] S4: In response to detecting a resource configuration request, configuring resources based on the combined component.

[0173] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0174] Obtain a first target component for creating a text input box and a frame of the first target component;

[0175] Extracting frame parameters of the first target component frame, wherein the frame parameters include at least the number of component regions and the width ratio of each region;

[0176] Based on the display indicators of the target resources, determine the preset threshold of the number of component areas;

[0177] In response to detecting that the number of component areas of the first target component frame is greater than the preset threshold, respectively obtaining the width proportions of the first area and the second area, and adjusting the width proportions of the first area and the second area based on a preset ratio;

[0178] In response to detecting that the width ratio has been adjusted, obtaining the category attribute of the middle node element;

[0179] In response to detecting that the category attribute of the intermediate node element is not a unique value, hiding the intermediate node element based on a cascading style sheet;

[0180] In response to detecting that the intermediate node element has been completely hidden, obtaining the adjusted row height of the first target component;

[0181] In response to detecting that the adjusted row height of the first target component is less than a first preset threshold or greater than a second preset threshold, adjusting the first target component based on the target row height;

[0182] In response to detecting that the row height has been adjusted, a border is set at the junction of the first area and the second area to generate the second target component.

[0183] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0184] Obtaining chart attribute parameters of the first area, wherein the chart attribute parameters at least include width ratio, background color, and border style;

[0185] In response to detecting that the width ratio does not meet the first preset standard, adjusting the width ratio according to a preset ratio;

[0186] In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the border style when focused is adjusted to complete the adjustment of the first area.

[0187] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0188] Obtaining chart attribute parameters of the second area, wherein the chart attribute parameters at least include width ratio and background color;

[0189] In response to detecting that the width ratio does not meet a second preset standard, adjusting the width ratio according to a preset ratio;

[0190] In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the left and right inner margins of the second area are adjusted to the target inner margins to complete the adjustment of the second area.

[0191] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0192] Obtain a first display success rate and a second display success rate corresponding to the first area and the second area respectively;

[0193] In response to detecting that the first display success rate is greater than the second display success rate, selecting the first area as the target area;

[0194] In response to detecting that the first display success rate is less than or equal to the second display success rate, a second area is selected as the target area.

[0195] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0196] Based on the preset width and height ratio, embed the fourth target component into the target area, and set the outer margin of the fourth target component to a preset value;

[0197] Remove the border setting of the fourth target component, and adjust the border style of the fourth target component when it is focused;

[0198] In response to detecting that the border style has been adjusted, the combined component is obtained.

[0199] In one embodiment, when the processor executes the computer program, the processor further implements the following steps:

[0200] Based on the resource configuration request, a mapping relationship between a corresponding resource configuration response state and a target key value is bound to the fourth target component;

[0201] Determine a resource configuration response state of a fourth target component in the second area based on a key value corresponding to a click option in the first area to display the target component;

[0202] In response to detecting that a switching operation occurs on the click option in the first area, the resource configuration response state value of the second area is cleared, and an initial value of the corresponding resource configuration response state is determined according to the click option.

[0203] In one embodiment, a computer readable storage medium is provided, on which a computer program is stored, and when the computer program is executed by a processor, the following steps are implemented:

[0204] S1: Acquire a first target component, and adjust the framework of the first target component based on the display index of the target resource to obtain a second target component, where the first target component is used to create a text input box;

[0205] S2: Based on the chart attributes of the display indicator, respectively adjust the first area and the second area of ​​the second target component to obtain a third target component;

[0206] S3: based on the regional display standard value, selecting a target region from the first region and the second region, and embedding a fourth target component into the target region to obtain a combined component, wherein the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate;

[0207] S4: In response to detecting a resource configuration request, configuring resources based on the combined component.

[0208] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0209] Obtain a first target component for creating a text input box and a frame of the first target component;

[0210] Extracting frame parameters of the first target component frame, wherein the frame parameters include at least the number of component regions and the width ratio of each region;

[0211] Based on the display indicators of the target resources, determine the preset threshold of the number of component areas;

[0212] In response to detecting that the number of component areas of the first target component frame is greater than the preset threshold, respectively obtaining the width proportions of the first area and the second area, and adjusting the width proportions of the first area and the second area based on a preset ratio;

[0213] In response to detecting that the width ratio has been adjusted, obtaining the category attribute of the middle node element;

[0214] In response to detecting that the category attribute of the intermediate node element is not a unique value, hiding the intermediate node element based on a cascading style sheet;

[0215] In response to detecting that the intermediate node element has been completely hidden, obtaining the adjusted row height of the first target component;

[0216] In response to detecting that the adjusted row height of the first target component is less than a first preset threshold or greater than a second preset threshold, adjusting the first target component based on the target row height;

[0217] In response to detecting that the row height has been adjusted, a border is set at the junction of the first area and the second area to generate the second target component.

[0218] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0219] Obtaining chart attribute parameters of the first area, wherein the chart attribute parameters at least include width ratio, background color, and border style;

[0220] In response to detecting that the width ratio does not meet the first preset standard, adjusting the width ratio according to a preset ratio;

[0221] In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the border style when focused is adjusted to complete the adjustment of the first area.

[0222] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0223] Obtaining chart attribute parameters of the second area, wherein the chart attribute parameters at least include width ratio and background color;

[0224] In response to detecting that the width ratio does not meet a second preset standard, adjusting the width ratio according to a preset ratio;

[0225] In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the left and right inner margins of the second area are adjusted to the target inner margins to complete the adjustment of the second area.

[0226] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0227] Obtain a first display success rate and a second display success rate corresponding to the first area and the second area respectively;

[0228] In response to detecting that the first display success rate is greater than the second display success rate, selecting the first area as the target area;

[0229] In response to detecting that the first display success rate is less than or equal to the second display success rate, a second area is selected as the target area.

[0230] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0231] Based on the preset width and height ratio, embed the fourth target component into the target area, and set the outer margin of the fourth target component to a preset value;

[0232] Remove the border setting of the fourth target component, and adjust the border style of the fourth target component when it is focused;

[0233] In response to detecting that the border style has been adjusted, the combined component is obtained.

[0234] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0235] Based on the resource configuration request, a mapping relationship between a corresponding resource configuration response state and a target key value is bound to the fourth target component;

[0236] Determine a resource configuration response state of a fourth target component in the second area based on a key value corresponding to a click option in the first area to display the target component;

[0237] In response to detecting that a switching operation occurs on the click option in the first area, the resource configuration response state value of the second area is cleared, and an initial value of the corresponding resource configuration response state is determined according to the click option.

[0238] In one embodiment, a computer program product is provided, the computer program product comprising a computer program, the computer program when executed by a processor implements the following steps:

[0239] S1: Acquire a first target component, and adjust the framework of the first target component based on the display index of the target resource to obtain a second target component, where the first target component is used to create a text input box;

[0240] S2: Based on the chart attributes of the display indicator, respectively adjust the first area and the second area of ​​the second target component to obtain a third target component;

[0241] S3: based on the regional display standard value, selecting a target region from the first region and the second region, and embedding a fourth target component into the target region to obtain a combined component, wherein the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate;

[0242] S4: In response to detecting a resource configuration request, configuring resources based on the combined component.

[0243] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0244] Obtain a first target component for creating a text input box and a frame of the first target component;

[0245] Extracting frame parameters of the first target component frame, wherein the frame parameters include at least the number of component regions and the width ratio of each region;

[0246] Based on the display indicators of the target resources, determine the preset threshold of the number of component areas;

[0247] In response to detecting that the number of component areas of the first target component frame is greater than the preset threshold, respectively obtaining the width proportions of the first area and the second area, and adjusting the width proportions of the first area and the second area based on a preset ratio;

[0248] In response to detecting that the width ratio has been adjusted, obtaining the category attribute of the middle node element;

[0249] In response to detecting that the category attribute of the intermediate node element is not a unique value, hiding the intermediate node element based on a cascading style sheet;

[0250] In response to detecting that the intermediate node element has been completely hidden, obtaining the adjusted row height of the first target component;

[0251] In response to detecting that the adjusted row height of the first target component is less than a first preset threshold or greater than a second preset threshold, adjusting the first target component based on the target row height;

[0252] In response to detecting that the row height has been adjusted, a border is set at the junction of the first area and the second area to generate the second target component.

[0253] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0254] Obtaining chart attribute parameters of the first area, wherein the chart attribute parameters at least include width ratio, background color, and border style;

[0255] In response to detecting that the width ratio does not meet the first preset standard, adjusting the width ratio according to a preset ratio;

[0256] In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the border style when focused is adjusted to complete the adjustment of the first area.

[0257] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0258] Obtaining chart attribute parameters of the second area, wherein the chart attribute parameters at least include width ratio and background color;

[0259] In response to detecting that the width ratio does not meet a second preset standard, adjusting the width ratio according to a preset ratio;

[0260] In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the left and right inner margins of the second area are adjusted to the target inner margins to complete the adjustment of the second area.

[0261] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0262] Obtain a first display success rate and a second display success rate corresponding to the first area and the second area respectively;

[0263] In response to detecting that the first display success rate is greater than the second display success rate, selecting the first area as the target area;

[0264] In response to detecting that the first display success rate is less than or equal to the second display success rate, a second area is selected as the target area.

[0265] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0266] Based on the preset width and height ratio, embed the fourth target component into the target area, and set the outer margin of the fourth target component to a preset value;

[0267] Remove the border setting of the fourth target component, and adjust the border style of the fourth target component when it is focused;

[0268] In response to detecting that the border style has been adjusted, the combined component is obtained.

[0269] In one embodiment, when the computer program is executed by a processor, the following steps are also implemented:

[0270] Based on the resource configuration request, a mapping relationship between a corresponding resource configuration response state and a target key value is bound to the fourth target component;

[0271] Determine a resource configuration response state of a fourth target component in the second area based on a key value corresponding to a click option in the first area to display the target component;

[0272] In response to detecting that a switching operation occurs on the click option in the first area, the resource configuration response state value of the second area is cleared, and an initial value of the corresponding resource configuration response state is determined according to the click option.

[0273] Those skilled in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application can include non-volatile and / or volatile memory. Non-volatile memory can include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM) or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. As an illustration and not limitation, RAM is available in many forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).

[0274] The technical features of the above embodiments may be combined arbitrarily. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0275] The above-mentioned embodiments only express several implementation methods of the present application, and the descriptions thereof are relatively specific and detailed, but they cannot be understood as limiting the scope of the invention patent. It should be pointed out that, for ordinary technicians in this field, several variations and improvements can be made without departing from the concept of the present application, and these all belong to the protection scope of the present application.

Claims

1. A resource configuration method based on combined components, characterized in that: The method comprises: Acquire a first target component, and adjust the framework of the first target component based on the display index of the target resource to obtain a second target component, where the first target component is used to create a text input box; Based on the chart properties of the display indicator, respectively adjust the first area and the second area of ​​the second target component to obtain a third target component; Based on the regional display standard value, a target region is selected from the first region and the second region, and a fourth target component is embedded in the target region to obtain a combined component, wherein the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate; In response to detecting a resource configuration request, the resource is configured based on the combined component.

2. The resource configuration method based on combined components according to claim 1, characterized in that: Based on the display index of the target resource, the framework of the first target component is adjusted to obtain the second target component including: Obtain a first target component for creating a text input box and a frame of the first target component; Extracting frame parameters of the first target component frame, wherein the frame parameters include at least the number of component regions and the width ratio of each region; Determine the preset threshold of the number of component areas based on the display indicators of the target resources; In response to detecting that the number of component areas of the first target component frame is greater than the preset threshold, respectively obtaining the width proportions of the first area and the second area, and adjusting the width proportions of the first area and the second area based on a preset ratio; In response to detecting that the width ratio has been adjusted, obtaining the category attribute of the middle node element; In response to detecting that the category attribute of the intermediate node element is not a unique value, hiding the intermediate node element based on a cascading style sheet; In response to detecting that the intermediate node element has been completely hidden, obtaining the adjusted row height of the first target component; In response to detecting that the adjusted row height of the first target component is less than a first preset threshold or greater than a second preset threshold, adjusting the first target component based on the target row height; In response to detecting that the row height has been adjusted, a border is set at the junction of the first area and the second area to generate the second target component.

3. The resource configuration method based on combined components according to claim 1, characterized in that: Based on the chart attributes of the display indicator, the first area and the second area of ​​the second target component are adjusted respectively, and the third target component is obtained including: Obtaining chart attribute parameters of the first area, wherein the chart attribute parameters at least include width ratio, background color, and border style; In response to detecting that the width ratio does not meet the first preset standard, adjusting the width ratio according to a preset ratio; In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the border style when focused is adjusted to complete the adjustment of the first area.

4. The resource configuration method based on combined components according to claim 1, characterized in that: Based on the chart attributes of the display indicator, the first area and the second area of ​​the second target component are adjusted respectively, and the third target component is obtained including: Obtaining chart attribute parameters of the second area, wherein the chart attribute parameters at least include width ratio and background color; In response to detecting that the width ratio does not meet a second preset standard, adjusting the width ratio according to a preset ratio; In response to detecting that the width ratio has been adjusted, the default background color is adjusted based on the preset background color, and the left and right inner margins of the second area are adjusted to the target inner margins to complete the adjustment of the second area.

5. The resource configuration method based on combined components according to claim 1, characterized in that: Based on the area display standard value, a target area is selected from the first area and the second area, and a fourth target component is embedded in the target area, so that the obtained combined component includes: Obtain a first display success rate and a second display success rate corresponding to the first area and the second area respectively; In response to detecting that the first display success rate is greater than the second display success rate, selecting the first area as the target area; In response to detecting that the first display success rate is less than or equal to the second display success rate, a second area is selected as the target area.

6. The resource configuration method based on combined components according to claim 5, characterized in that: The method further comprises: Based on the preset width and height ratio, embed the fourth target component into the target area, and set the outer margin of the fourth target component to a preset value; Remove the border setting of the fourth target component, and adjust the border style of the fourth target component when it is focused; In response to detecting that the border style has been adjusted, the combined component is obtained.

7. The resource configuration method based on combined components according to claim 1, characterized in that: In response to detecting a resource configuration request, configuring the resource based on the combined component includes: Based on the resource configuration request, a mapping relationship between a corresponding resource configuration response state and a target key value is bound to the fourth target component; Determine a resource configuration response state of a fourth target component in the second area based on a key value corresponding to a click option in the first area to display the target component; In response to detecting that a switching operation occurs on the click option in the first area, the resource configuration response state value of the second area is cleared, and an initial value of the corresponding resource configuration response state is determined according to the click option.

8. A resource configuration device based on a combination component, characterized in that: The device comprises: A frame adjustment module, used to obtain a first target component, and adjust the frame of the first target component based on the display index of the target resource to obtain a second target component, wherein the first target component is used to create a text input box; A region adjustment module, used to adjust the first region and the second region of the second target component respectively based on the chart attributes of the display indicator to obtain a third target component; A combination component generation module, configured to select a target area from the first area and the second area based on the area display standard value, and embed a fourth target component into the target area to obtain a combination component, wherein the fourth target component is used to bind the business processing logic, and the standard value is used to describe the display success rate; The resource configuration module is used to configure the resource based on the combination component when a resource configuration request is detected.

9. A computer device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the computer program, the method according to any one of claims 1 to 7 is implemented.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the method according to any one of claims 1 to 7 is implemented.

Images