CN111221523A - Optimized manufacturing method and system of Web page linkage control, server and medium - Google Patents
Optimized manufacturing method and system of Web page linkage control, server and medium Download PDFInfo
- Publication number
- CN111221523A CN111221523A CN201911351713.1A CN201911351713A CN111221523A CN 111221523 A CN111221523 A CN 111221523A CN 201911351713 A CN201911351713 A CN 201911351713A CN 111221523 A CN111221523 A CN 111221523A
- Authority
- CN
- China
- Prior art keywords
- control
- controls
- linkage
- web page
- data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000004519 manufacturing process Methods 0.000 title claims abstract description 28
- 238000000034 method Methods 0.000 claims description 17
- 238000004590 computer program Methods 0.000 claims description 11
- 238000003860 storage Methods 0.000 claims description 6
- 230000008569 process Effects 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 4
- 230000008859 change Effects 0.000 description 3
- 238000005457 optimization Methods 0.000 description 3
- 238000012544 monitoring process Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 239000000470 constituent Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
According to the optimized manufacturing method and system of the Web page linkage control, the server and the medium, the user can select an unlimited number of required controls through the control configuration window provided by the invention by setting the control configuration window and setting the control linkage configuration window, so that the free configuration on control selection is realized; meanwhile, the linkage relation between the controls can be configured in a user-defined mode through the control linkage configuration window, linkage setting can be achieved only through the association of the ID information of the controls, and programming work of programmers is greatly reduced.
Description
Technical Field
The invention relates to the technical field of Web page manufacturing, in particular to an optimized manufacturing method and system of a Web page linkage control, a server and a medium.
Background
Many controls are generally made on a Web page to display data and provide data input of a client, and in most cases, data between the controls is related, and in the related relation, data of a next control is different in display according to data change of a previous control. However, many linkage controls are not configurable in implementation at present, so that each picture needs to be coded in manufacturing, and the energy of developers is wasted.
Disclosure of Invention
In view of this, embodiments of the present invention provide an optimized manufacturing method and system, a server, and a medium for a Web page linkage control, so as to reduce programming work of a programmer.
The first aspect of the embodiments of the present invention provides an optimized manufacturing method of a Web page linkage control, where the optimized manufacturing method of the Web page linkage control includes the following steps:
setting a control configuration window for a user to select a required control, wherein the number of the controls is not limited;
setting a control linkage configuration window for a user to set the relationship between parent levels and child levels among the controls, and carrying out association setting through ID information of the controls, wherein the number of the controls is not limited;
and setting a grabbing interface of the back-end data, grabbing the required data from the back end according to the parameters set by the front end, and displaying the data on a Web page.
The second aspect of the embodiments of the present invention provides an optimized manufacturing system for a Web page linkage control, where the optimized manufacturing system for a Web page linkage control includes the following functional modules:
the control configuration module is configured to set a control configuration window for a user to select a required control, and the number of the controls is not limited;
the linkage configuration module is configured to set a control linkage configuration window for a user to set the parent-child relationship between controls, and carry out association setting through the ID information of the controls, and the number of the controls is not limited;
and the interface configuration module is configured to set a grabbing interface of the back-end data, grab the required data from the back end according to the parameters set by the front end and display the data on the Web page.
In a third aspect of the embodiments of the present invention, a server is provided, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor, and when the processor executes the computer program, the steps of the method for optimizing the manufacturing of the Web page linkage control described above are implemented.
In a fourth aspect of the embodiments of the present invention, a computer-readable storage medium is provided, where a computer program is stored, and when the computer program is executed by a processor, the steps of the method for optimizing and manufacturing the Web page linkage control are implemented.
According to the optimized manufacturing method and system of the Web page linkage control, the server and the medium, the user can select an unlimited number of required controls through the control configuration window provided by the invention by setting the control configuration window and setting the control linkage configuration window, so that the free configuration on control selection is realized; meanwhile, the linkage relation between the controls can be configured in a user-defined mode through the control linkage configuration window, linkage setting can be achieved only through the association of the ID information of the controls, and programming work of programmers is greatly reduced.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the embodiments or the prior art descriptions will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without inventive exercise.
Fig. 1 is a flowchart of an optimized manufacturing method of a Web page linkage control according to an embodiment of the present invention;
FIG. 2 is a functional block diagram of an optimization production system for a Web page linkage control according to an embodiment of the present invention;
fig. 3 is a schematic structural diagram of a server according to an embodiment of the present invention.
Detailed Description
In order to make the objects, features and advantages of the present invention more obvious and understandable, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present invention, and it is obvious that the embodiments described below are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
As shown in fig. 1, an optimized manufacturing method of a Web page linkage control provided in an embodiment of the present invention includes the following steps:
and S1, setting a control configuration window for a user to select the required controls, wherein the number of the controls is not limited.
The user can select an unlimited number of required controls through the control configuration window provided by the invention, thereby realizing free configuration in control selection. Meanwhile, the input controls provided by the HTML page are various inputs, selects, combox and other controls of the HTML page, the controls are in a custom tag format of the HTML page, and when the custom tags and the attributes of the controls are converted into HTML, control objects, events and the like can be encapsulated again, so that a user can redefine the controls when selecting the controls, wherein redefining refers to adding some additional attributes on the basis of the original controls and encapsulating the corresponding events of the control objects. For example, in select, a combox control adds an appid (backend program software number) for acquiring initial data from the backend, or adds a targetid (target control number) to set a linked child control.
And S2, setting a control linkage configuration window for a user to set the parent-child relationship between controls, and performing association setting through the ID information of the controls, wherein the number of the controls is not limited.
The control linkage configuration window provides a parent-child linkage relational expression with unlimited number of controls for a user, and the user self-defines the linkage relationship between the controls through the control linkage configuration window, namely the ID information of the controls needing to be associated is filled in the parent-child linkage relational expression provided by the control linkage configuration window.
And configuring the direct association relationship of each control through a parent-child linkage relationship, taking the current control i as a visual angle, taking the previous control i-1 as the parent control thereof, taking the control i as the child control, and so on, wherein all the controls form the parent-child relationship to form an association chain.
After an interface is generated, when a user operates a certain control i, the sub-control i +1 of the control monitors the data change of the control, and the sub-control i +1 initializes own data; and if the child control i +2 of the child control monitors the data change of the parent control i +1, initializing the data of the child control i +2, and thus forming a data monitoring chain between the whole controls.
In addition, when the control is utilized, the control in a certain range can be set to be associated to form a group, and the association between the controls in the group is represented; while the out-of-range controls have no relationship to the controls in the group; there is no linkage set for the controls between groups.
S3, setting a grabbing interface of the back end data, grabbing the required data from the back end according to the parameters set by the front end, and displaying the data on the Web page.
Specifically, when the linkage component is used, for example, select, a combox has a control with initial data, and the data must be acquired from the back end to be displayed.
According to the optimized manufacturing method of the Web page linkage control, the control configuration window is set, the control linkage configuration window is set, so that a user can select an unlimited number of required controls through the control configuration window provided by the invention, and free configuration in control selection is realized; meanwhile, the linkage relation between the controls can be configured in a user-defined mode through the control linkage configuration window, linkage setting can be achieved only through the association of the ID information of the controls, and programming work of programmers is greatly reduced.
It should be understood that, the sequence numbers of the steps in the foregoing embodiments do not imply an execution sequence, and the execution sequence of each process should be determined by its function and inherent logic, and should not constitute any limitation to the implementation process of the embodiments of the present invention.
The above mainly describes an optimized manufacturing method of a Web page linkage control, and a detailed description will be given below of an optimized manufacturing system of a Web page linkage control.
Fig. 2 is a functional block diagram illustrating an optimization production system for a Web page linkage control according to an embodiment of the present invention. As shown in fig. 2, the optimization production system of the Web page linkage control includes the following functional modules:
the control configuration module 10 is configured to set a control configuration window for a user to select a required control, and the number of the controls is not limited;
the linkage configuration module 20 is configured to set a control linkage configuration window for a user to set a parent-child relationship between controls, and perform association setting through ID information of the controls, and the number of the controls is not limited;
the interface configuration module 30 is configured to set a capture interface for the back-end data, capture the required data from the back-end according to the parameters set by the front-end, and display the data on the Web page.
Fig. 3 is a schematic diagram of a server structure for optimizing the Web page linkage control according to an embodiment of the present invention. The server is a device for providing computing services, and generally refers to a computer with high computing power, which is provided to a plurality of users through a network. As shown in fig. 3, the server 4 of this embodiment includes: a memory 41, a processor 42, and a system bus 43, the memory 41 including an executable program 411 stored thereon, it being understood by those skilled in the art that the terminal device structure shown in fig. 3 does not constitute a limitation of the terminal device, and may include more or fewer components than shown, or some components in combination, or a different arrangement of components.
The following specifically describes each constituent component of the terminal device with reference to fig. 3:
the memory 41 may be used to store software programs and modules, and the processor 42 executes various functional applications and data processing of the terminal by operating the software programs and modules stored in the memory 41. The memory 41 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required by at least one function (such as a sound playing function, an image playing function, etc.), and the like; the storage data area may store data (such as audio data, a phonebook, etc.) created according to the use of the terminal, etc. Further, the memory 41 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device.
An executable program 411 for containing the optimized manufacturing method of the Web page linkage control on the memory 41, wherein the executable program 411 may be divided into one or more modules/units, the one or more modules/units are stored in the memory 41 and executed by the processor 42 to complete the transmission of the notification and obtain the notification implementation process, and the one or more modules/units may be a series of computer program instruction segments capable of completing specific functions, and the instruction segments are used for describing the execution process of the computer program 411 in the server 4. For example, the computer program 411 may be divided into a control configuration module, a linkage configuration module, and an interface configuration module.
The processor 42 is a control center of the server, connects various parts of the entire terminal device with various interfaces and lines, performs various functions of the terminal and processes data by running or executing software programs and/or modules stored in the memory 41 and calling data stored in the memory 41, thereby monitoring the terminal as a whole. Alternatively, processor 42 may include one or more processing units; preferably, the processor 42 may integrate an application processor, which primarily handles operating systems, applications, etc., and a modem processor, which primarily handles wireless communications. It will be appreciated that the modem processor described above may not be integrated into the processor 42.
The system bus 43 is used to connect functional units inside the computer, and can transmit data information, address information, and control information, and may be, for example, a PCI bus, an ISA bus, a VESA bus, or the like. The instructions of the processor 42 are transmitted to the memory 41 through the bus, the memory 41 feeds back data to the processor 42, and the system bus 43 is responsible for data and instruction interaction between the processor 42 and the memory 41. Of course, the system bus 43 may also access other devices such as network interfaces, display devices, etc.
The server at least includes a CPU, a chipset, a memory, a disk system, and the like, and other components are not described herein again.
In the embodiment of the present invention, the executable program executed by the processor 42 included in the terminal specifically includes: an optimized manufacturing method of a Web page linkage control comprises the following steps:
setting a control configuration window for a user to select a required control, wherein the number of the controls is not limited;
setting a control linkage configuration window for a user to set the relationship between parent levels and child levels among the controls, and carrying out association setting through ID information of the controls, wherein the number of the controls is not limited;
and setting a grabbing interface of the back-end data, grabbing the required data from the back end according to the parameters set by the front end, and displaying the data on a Web page.
It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the above-described systems, apparatuses and units may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.
In the above embodiments, the descriptions of the respective embodiments have respective emphasis, and reference may be made to the related descriptions of other embodiments for parts that are not described or illustrated in a certain embodiment.
Those of ordinary skill in the art would appreciate that the modules, elements, and/or method steps of the various embodiments described in connection with the embodiments disclosed herein may be implemented as electronic hardware, or combinations of computer software and electronic hardware. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the implementation. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present invention.
The above-mentioned embodiments are only used for illustrating the technical solutions of the present invention, and not for limiting the same; although the present invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; and such modifications or substitutions do not depart from the spirit and scope of the corresponding technical solutions of the embodiments of the present invention.
Claims (8)
1. The optimized manufacturing method of the Web page linkage control is characterized by comprising the following steps of:
setting a control configuration window for a user to select a required control, wherein the number of the controls is not limited;
setting a control linkage configuration window for a user to set the relationship between parent levels and child levels among the controls, and carrying out association setting through ID information of the controls, wherein the number of the controls is not limited;
and setting a grabbing interface of the back-end data, grabbing the required data from the back end according to the parameters set by the front end, and displaying the data on a Web page.
2. The method for optimizing the Web page linkage control according to claim 1, wherein the user can redefine the control when selecting the control.
3. The method for optimizing the Web page linkage control according to claim 1, wherein the control is in a custom tag format of HTML.
4. The method for optimizing the Web page linkage control according to claim 1, wherein the linkage control is grouped, and the controls between the groups are not in linkage setting.
5. The method for optimizing the Web page linkage control according to claim 1, wherein the redefinition is to add some additional attributes to the original control and repackage the corresponding events of the control object.
6. The optimized manufacturing system of the Web page linkage control is characterized by comprising the following functional modules:
the control configuration module is configured to set a control configuration window for a user to select a required control, and the number of the controls is not limited;
the linkage configuration module is configured to set a control linkage configuration window for a user to set the parent-child relationship between controls, and carry out association setting through the ID information of the controls, and the number of the controls is not limited;
and the interface configuration module is configured to set a grabbing interface of the back-end data, grab the required data from the back end according to the parameters set by the front end and display the data on the Web page.
7. A server comprising a memory, a processor and a computer program stored in the memory and executable on the processor, wherein the processor implements the steps of the method for optimizing the production of a Web page linkage control according to any one of claims 1 to 5 when executing the computer program.
8. A computer-readable storage medium storing a computer program, wherein the computer program when executed by a processor implements the steps of the method for optimizing the production of a Web page linkage control according to any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911351713.1A CN111221523A (en) | 2019-12-24 | 2019-12-24 | Optimized manufacturing method and system of Web page linkage control, server and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911351713.1A CN111221523A (en) | 2019-12-24 | 2019-12-24 | Optimized manufacturing method and system of Web page linkage control, server and medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111221523A true CN111221523A (en) | 2020-06-02 |
Family
ID=70811368
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911351713.1A Pending CN111221523A (en) | 2019-12-24 | 2019-12-24 | Optimized manufacturing method and system of Web page linkage control, server and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111221523A (en) |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102270125A (en) * | 2010-06-04 | 2011-12-07 | 中兴通讯股份有限公司 | Device and method for developing Web application |
| CN104731589A (en) * | 2015-03-12 | 2015-06-24 | 用友网络科技股份有限公司 | Automatic generation method and device of user interface (UI) |
| CN106599229A (en) * | 2016-12-19 | 2017-04-26 | 北京恒华伟业科技股份有限公司 | Method and device for constructing business system based on Flex |
| US20170123642A1 (en) * | 2015-10-28 | 2017-05-04 | International Business Machines Corporation | Generating component pages to render in a configuration page in a graphical user interface to configure a computing resource |
| CN106886418A (en) * | 2017-03-27 | 2017-06-23 | 湛江市霞山区新软佳科技有限公司 | Html interface control is pasted |
| CN107807913A (en) * | 2017-11-16 | 2018-03-16 | 金航数码科技有限责任公司 | A kind of form design system and method based on web |
| CN109582403A (en) * | 2017-09-29 | 2019-04-05 | 北京国双科技有限公司 | Interlocked display method and device between chart inner assembly |
| CN110007917A (en) * | 2019-03-08 | 2019-07-12 | 国电南瑞科技股份有限公司 | A kind of visual page generation and browsing method based on browser |
| CN110427187A (en) * | 2019-07-31 | 2019-11-08 | 山东浪潮通软信息科技有限公司 | A kind of list visual layout method based on the parsing of HTML Custom Attributes |
-
2019
- 2019-12-24 CN CN201911351713.1A patent/CN111221523A/en active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102270125A (en) * | 2010-06-04 | 2011-12-07 | 中兴通讯股份有限公司 | Device and method for developing Web application |
| CN104731589A (en) * | 2015-03-12 | 2015-06-24 | 用友网络科技股份有限公司 | Automatic generation method and device of user interface (UI) |
| US20170123642A1 (en) * | 2015-10-28 | 2017-05-04 | International Business Machines Corporation | Generating component pages to render in a configuration page in a graphical user interface to configure a computing resource |
| CN106599229A (en) * | 2016-12-19 | 2017-04-26 | 北京恒华伟业科技股份有限公司 | Method and device for constructing business system based on Flex |
| CN106886418A (en) * | 2017-03-27 | 2017-06-23 | 湛江市霞山区新软佳科技有限公司 | Html interface control is pasted |
| CN109582403A (en) * | 2017-09-29 | 2019-04-05 | 北京国双科技有限公司 | Interlocked display method and device between chart inner assembly |
| CN107807913A (en) * | 2017-11-16 | 2018-03-16 | 金航数码科技有限责任公司 | A kind of form design system and method based on web |
| CN110007917A (en) * | 2019-03-08 | 2019-07-12 | 国电南瑞科技股份有限公司 | A kind of visual page generation and browsing method based on browser |
| CN110427187A (en) * | 2019-07-31 | 2019-11-08 | 山东浪潮通软信息科技有限公司 | A kind of list visual layout method based on the parsing of HTML Custom Attributes |
Non-Patent Citations (4)
| Title |
|---|
| KENTL: "Web Components 是个什么样的东西", pages 145 - 157, Retrieved from the Internet <URL:《https://www.ruanyifeng.com/blog/2019/08/web_components.html》> * |
| 周亮;: "配置式数据展现工具的设计与应用", no. 07 * |
| 湘沪工作室: "《时尚编程500例：精彩源代码及编程思路实例解析》", 北京交通大学出版社, pages: 363 - 365 * |
| 阮一峰: "Web Components 入门实例教程", pages 1 - 10, Retrieved from the Internet <URL:《https://www.ruanyifeng.com/blog/2019/08/web_components.html》> * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8949742B2 (en) | Compressing tree diagrams | |
| CN108845861B (en) | Method and device for realizing virtual camera | |
| WO2022048506A1 (en) | Wallpaper displaying method, device, and electronic device | |
| US20040215740A1 (en) | Real-time data interface and method for browsers and the like | |
| CN1265486A (en) | Adaptive computer display screen window | |
| CN109690473B (en) | Graphical programming method and device, computer storage medium and visual system | |
| JP2016500175A (en) | Method and apparatus for realizing floating object | |
| CN109032587B (en) | Data stream management framework, method, terminal equipment and storage medium | |
| CN109191388A (en) | A kind of dark image processing method and system | |
| CN110532045A (en) | A kind of striding course call method and relevant apparatus | |
| CN109213581B (en) | Data processing device and method | |
| CN113703407A (en) | Method, system and equipment for constructing robot production line operating system based on digital twin | |
| CN108062401B (en) | Application recommendation method and device and storage medium | |
| CN112114919B (en) | Screen rotation display optimization method and device | |
| US11520473B2 (en) | Switch control for animations | |
| CN111221523A (en) | Optimized manufacturing method and system of Web page linkage control, server and medium | |
| CN108804088B (en) | Protocol processing method and device | |
| CN104392408A (en) | Image display system and method | |
| CN104793837A (en) | Picture generation method and device | |
| CN111294377A (en) | Network request sending method of dependency relationship, terminal device and storage medium | |
| US20020140585A1 (en) | Technique for encoding a sequence of periodic byte values with vertical correlation | |
| CN111209613B (en) | Rapid design method and system for intelligent product | |
| CN114296855A (en) | User interface state management method and device, electronic equipment and storage medium | |
| CN113419865A (en) | Cloud resource processing method, related device and computer program product | |
| CN111744182A (en) | Batch rendering method and device of game scenes and server |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200602 |
|
| RJ01 | Rejection of invention patent application after publication |