CN111966345A - Drag-type webpage design method and device, computer equipment and storage medium - Google Patents
Drag-type webpage design method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN111966345A CN111966345A CN202010847354.5A CN202010847354A CN111966345A CN 111966345 A CN111966345 A CN 111966345A CN 202010847354 A CN202010847354 A CN 202010847354A CN 111966345 A CN111966345 A CN 111966345A
- Authority
- CN
- China
- Prior art keywords
- component
- webpage
- area
- editing
- user
- 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
- 238000013461 design Methods 0.000 title claims abstract description 43
- 238000000034 method Methods 0.000 title claims abstract description 39
- 238000004590 computer program Methods 0.000 claims description 7
- 238000004806 packaging method and process Methods 0.000 claims description 2
- 238000010586 diagram Methods 0.000 description 5
- 238000011161 development Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 238000005259 measurement Methods 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 238000010422 painting Methods 0.000 description 1
- 238000012545 processing 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
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- 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
Abstract
The invention discloses a drag-type webpage design method, a drag-type webpage design device, computer equipment and a storage medium, wherein the method comprises the following steps: respectively establishing a component library area, a draggable canvas area and a component editing area; receiving webpage editing requests sent by a user in the component library area, the draggable canvas area and the component editing area, and displaying a currently designed webpage on the webpage in real time; receiving a component data source editing request sent by a user in the component editing area, and configuring data displayed by a current component in a specified form; receiving a webpage storage request, pushing all information of a current webpage to a server side, and storing the information in a database; and reading a webpage data format in the analysis database, and loading the analyzed data structure content on the webpage in real time. The method can provide a way for designing the webpage for vast non-technical personnel, so that the non-technical personnel can quickly design the webpage according to the requirements of the non-technical personnel, and the user experience is more friendly.
Description
Technical Field
The invention relates to the technical field of webpage design, in particular to a drag-type webpage design method and device, computer equipment and a storage medium.
Background
In the prior art, when web pages are developed, some pages are designed fixedly, and some pages need to be laid out and developed according to subjective requirements of customers, however, business requirements of each customer are not much the same, so that the problem that the accuracy is low when developers realize specific development and implementation exists, the development efficiency is low, and the development cost is high.
In aerospace measurement and control software, the problems are particularly outstanding, and practitioners urgently need a webpage design method which can allow users to define a webpage according to own requirements, realize a user-defined display form through attribute configuration and data source configuration, display data in real time, meet personalized requirements of more users, make and design complex webpages, and enable the users to master the webpage in a simple mode. However, the prior art does not fulfill this need.
The information disclosed in this background section is only for enhancement of understanding of the general background of the invention and should not be taken as an acknowledgement or any form of suggestion that this information forms the prior art already known to a person skilled in the art.
Based on the above reasons, the applicant provides a drag-type webpage design method, a drag-type webpage design device, computer equipment, and a storage medium.
Disclosure of Invention
In order to meet the above requirement, a first object of the present invention is to provide a drag-and-drop web page design method.
The second objective of the present invention is to provide a drag-and-drop web page design apparatus.
It is a third object of the invention to provide a computer apparatus.
It is a fourth object of the invention to provide a non-transitory computer-readable storage medium.
In order to achieve the purpose, the invention adopts the following technical scheme:
in a first aspect, an embodiment of the present application provides a drag-and-drop webpage design method, including the following steps:
respectively establishing a component library area, a draggable canvas area and a component editing area;
receiving webpage editing requests sent by a user in the component library area, the draggable canvas area and the component editing area, and displaying a currently designed webpage on the webpage in real time;
receiving a component data source editing request sent by a user in the component editing area, and configuring data displayed by a current component in a specified form;
receiving a webpage storage request, pushing all information of a current webpage to a server side, and storing the information in a database;
and reading a webpage data format in the analysis database, and loading the analyzed data structure content on the webpage in real time.
In one possible embodiment, the step of receiving the webpage editing requests sent by the user in the component library area, the draggable canvas area and the component editing area includes receiving a component dragging request sent by the user in the component library area, and displaying the current component on the draggable canvas area in real time.
In a possible implementation manner, the step of receiving the webpage editing requests sent by the user in the component library area, the draggable canvas area and the component editing area includes receiving the component editing request sent by the user in the dragging canvas area, changing the position and the size of the component in the draggable canvas area, and deleting or locking the component.
In one possible embodiment, the step of receiving the webpage editing requests sent by the user in the component library area, the draggable canvas area and the component editing area comprises receiving a component property editing request sent by the user in the component editing area, and configuring the style and format of the component.
In a possible implementation manner, the step of receiving the webpage editing requests sent by the user in the component library area, the draggable canvas area and the component editing area includes receiving a component data source editing request sent by the user in the component editing area, configuring a data source of data displayed by a current component, and enabling the component to display the data of the data source in real time.
In a possible implementation manner, the step of receiving the webpage editing requests sent by the user in the component library area, the draggable canvas area and the component editing area includes acquiring a unique identification code of a component in the component library area, and displaying the component in the draggable canvas area in real time.
In a possible implementation manner, the step of pushing all information of the current webpage to the server side includes packaging the component information and delivering the packaged component information to the server in a specified form.
In a second aspect, an embodiment of the present application further provides a drag-and-drop web page design apparatus, including the following units:
the area creating unit is used for respectively creating a component library area, a draggable canvas area and a component editing area;
the webpage editing unit is used for receiving webpage editing requests sent by users in the component library area, the draggable canvas area and the component editing area and displaying a currently designed webpage on the webpage in real time;
the data source selection unit is used for receiving a component data source editing request sent by a user in the component editing area and configuring data displayed by the current component in a specified form;
the webpage storage unit is used for receiving a webpage storage request, pushing all information of the current webpage to the server side and storing the information into the database;
and the data reading unit is used for reading the webpage data format in the analysis database and loading the analyzed data structure content on the webpage in real time.
In a third aspect, an embodiment of the present application provides a computer device, including a memory, a processor, and a dragged web page design program stored on the memory and executable on the processor, where the dragged web page design program, when executed by the processor, implements a dragged web page design method as in any one of the above.
In a fourth aspect, embodiments of the present application provide a non-transitory computer-readable storage medium having stored thereon a computer program, which when executed by a processor, implements a drag-type web page design method as described in any one of the above.
Compared with the prior art, the invention has the beneficial effects that: according to the drag-type webpage design method provided by the embodiment of the application, the component library area, the draggable canvas area and the component editing area are established, so that a webpage design approach can be provided for vast non-technical personnel, and the non-technical personnel can rapidly design the webpage according to own requirements. The user experience is more friendly. The component library area in the embodiment of the application comprises the component library, a large number of draggable front-end components can be packaged, and the component library also has certain expansibility. The layout of the webpage can be adjusted at will in the draggable canvas area, the size of the component can be changed, the component can be deleted, the modified component can be locked, and the user can edit the component conveniently. The component editing area enables a user to adjust the style of the webpage and modify the data source displayed by the component according to the requirement, and the data source is displayed in the component in the draggable drawing area in real time, so that visual operation can be provided for the user. The method can quickly generate and store the webpage, and the user can modify and edit the stored webpage according to the webpage data stored in the database, so that the method has great convenience.
The invention is further described below with reference to the accompanying drawings and specific embodiments.
Drawings
Fig. 1 is a schematic flowchart of a specific embodiment of a drag-and-drop web page design method according to an embodiment of the present application;
fig. 2 is a schematic diagram of a specific application scenario of a drag-and-drop web page design method according to an embodiment of the present application;
FIG. 3 is a flowchart illustrating a drag-and-drop web page design method according to another embodiment of the present application;
FIG. 4 is a schematic block diagram of a drag-and-drop web page design apparatus provided in an embodiment of the present application;
fig. 5 is a schematic block diagram of a computer device provided in an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, not all, embodiments of the present invention. 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.
It will be understood that the terms "comprises" and/or "comprising," when used in this specification and the appended claims, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof.
It is also to be understood that the terminology used in the description of the invention herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used in the specification of the present invention and the appended claims, the singular forms "a," "an," and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise.
It should be further understood that the term "and/or" as used in this specification and the appended claims refers to and includes any and all possible combinations of one or more of the associated listed items.
As shown in fig. 1, a flowchart of a specific embodiment of a drag-and-drop web page design method provided in an embodiment of the present application is schematically shown, and includes the following steps:
s101, respectively establishing a component library area, a draggable canvas area and a component editing area;
specifically, referring to fig. 2, which is a schematic view of a specific scenario of step S101, in this embodiment, a web page designer needs to be constructed, and a user designs a web page using the designer, and may add a new design to the web page or modify the content of the designed web page.
Step S102, receiving webpage editing requests sent by users in the component library area, the draggable canvas area and the component editing area, and displaying a currently designed webpage on the webpage in real time;
specifically, in this embodiment, the receiving of the webpage editing request sent by the user in the component library area, the draggable canvas area, and the component editing area may include one or more of the following items:
and displaying the current component on the draggable canvas area in real time by a component dragging request sent by a user in the component library area.
And the user sends a component editing request in the dragging canvas area, and the position and the size of the component are changed in the dragging canvas area to delete or lock the component.
And a component property editing request sent by a user in the component editing area configures the style and format of the component.
And a component data source editing request sent by a user in the component editing area configures a data source of the data displayed by the current component, so that the data of the data source is displayed by the component in real time.
Specifically, referring to fig. 2, a component editing area is arranged on the right side of the designer, the component editing area is provided with a property editing area and a data source editing area, the property editing area can set the style and format of the currently selected component, and the set result is displayed on the component in real time.
The data editing area can select a data source displayed by the current assembly through the configuration information, send a request to the back-end server through the configuration information, and render the data returned by the back-end server on the assembly in real time.
In some embodiments, the component library area displays all components in the component library encapsulated by the front-end personnel, and classifies all the components into a basic class, a table class, a graph class and a special type, so that a user can quickly find a component to be used, and each component has a unique identification field. In this embodiment, a monitoring mode is provided for all the components, and a user can click and select one of the components to drag the component to a draggable canvas area, that is, a corresponding request is sent out, so that the processing by a back-end server is facilitated.
Step S103, receiving a component data source editing request sent by a user in the component editing area, and configuring data displayed by the current component in a specified form;
step S104, receiving a webpage storage request, pushing all information of the current webpage to a server side, and storing the information in a database;
specifically, after the user designs the page, the current design page can be saved or saved, after the saving, all information of the current webpage can be pushed to the back end, the json data form can be selected to be saved in the database, and the user can edit and modify the current design page again according to the change of own requirements after saving.
And step S105, reading the webpage data format in the analysis database, and loading the analyzed data structure content on the webpage in real time.
Through the steps, the webpage design in the whole designer is realized, what you see is what you get is realized, and a user can change the layout and the displayed content in the webpage in time according to the requirement of the user.
The following describes a specific implementation process of the embodiment of the present invention with a specific example:
the flow of the step of adding the webpage is matched with that shown in fig. 3, a node of a work tree is added, a design page is selected to enter a designer, a user can quickly find a required component in a component library according to classification according to requirements, a component dragging event is monitored, and the component is dragged to a canvas area. Basic information of the component is exposed in the canvas area.
The components in the painting area can be dragged to change positions, the layout of the webpage is designed, the size of the components can be modified, and the components which are not required to be displayed on the webpage can be deleted.
When a certain component in the canvas area is selected, the style of the component can be edited and configured in the right component editing area through the attribute, the content displayed by the configuration component can be edited and configured through the data source, and the content can be analyzed and displayed on the component in the canvas area in real time after the configuration is completed according to requirements.
The attribute editing area adopts a text box, a radio box, a multi-selection box, a drop-down box and an input box, all attributes of the components are configured, and the configured result can be displayed on the components in the canvas area in real time.
The data editing area carries out data configuration through radio boxes, multi-selection boxes and tables, when the component displays secondary data, the format of a data source is json data, and the component can configure the secondary data in a text box through configuring the format of data/type/time. After configuration is completed, the specified secondary data is found from the data structure returned from the back end and is rendered on the component.
After the webpage design is finished, saving can be carried out, the format of page data is saved as a json string, and the basic information and the configuration information of the components in the page and the position information of the component container are saved.
In some embodiments, the model to hold the data is:
{ "application" { "type": button "," title ": btn", "}," container owner ": left:", top: ", bottom:", right: ", the back-end server will keep the json string in the database after receiving the request.
The webpage content is displayed back or the webpage design content is modified, a user needs to select webpage node information needing to be checked and modified, after clicking an editing page, a request is sent to a rear end while entering a designer page, a front-end webpage can analyze a json structure returned by the rear end, the analyzed page is displayed in the designer, and the user can check or edit and change components in the page.
In a second aspect, as shown in fig. 4, an embodiment of the present application further provides a drag-and-drop web page design apparatus 200, including the following units:
the area creating unit 201 is configured to respectively create a component library area, a draggable canvas area, and a component editing area;
the webpage editing unit 202 is configured to receive webpage editing requests sent by users in the component library area, the draggable canvas area and the component editing area, and display a currently designed webpage on the webpage in real time;
a data source selecting unit 203, configured to receive a component data source editing request sent by a user in the component editing area, and configure data shown by a current component in a specified form;
the web page saving unit 204 is configured to receive a web page saving request, push all information of a current web page to a server, and store the information in a database;
and the data reading unit 205 is configured to read a data format of a webpage in the parsing database, and load the parsed data structure content on the webpage in real time.
It should be noted that, as can be clearly understood by those skilled in the art, the specific implementation process of each unit of the drag-type web page design apparatus 200 may refer to the corresponding description in the foregoing method embodiment, and for convenience and brevity of description, no further description is provided herein.
The drag-type web page designing apparatus may be implemented in the form of a computer program that can be run on a computer device as shown in fig. 5.
Referring to fig. 5, fig. 5 is a schematic block diagram of a computer device according to an embodiment of the present application. The computer device 300 may be a server, wherein the server may be an independent server or a server cluster composed of a plurality of servers.
Referring to fig. 5, the computer device 300 includes a processor 302, memory, and a network interface 305 connected by a system bus 301, where the memory may include a non-volatile storage medium 303 and an internal memory 304.
The nonvolatile storage medium 303 may store an operating system 3031 and a computer program 3032. The computer program 3032 includes program instructions that, when executed, cause the processor 302 to perform a drag-and-drop web page design method.
The processor 302 is used to provide computing and control capabilities to support the operation of the overall computer device 300.
The internal memory 304 provides an environment for the operation of the computer program 3032 in the non-volatile storage medium 303, and the computer program 3032, when executed by the processor 302, causes the processor 302 to execute a drag-and-drop web page design method.
The network interface 305 is used for network communication with other devices. Those skilled in the art will appreciate that the configuration shown in fig. 5 is a block diagram of only a portion of the configuration associated with the present application and does not constitute a limitation of the computer apparatus 300 to which the present application is applied, and that a particular computer apparatus 300 may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.
It should be noted that, as can be clearly understood by those skilled in the art, the specific implementation process of the electronic module may refer to the corresponding description in the foregoing method embodiment, and for convenience and brevity of description, no further description is provided herein.
Those of ordinary skill in the art will appreciate that the various illustrative modules and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both, and that the various illustrative components and steps have been described above generally in terms of their functionality in order to clearly illustrate the interchangeability of hardware and software. 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. It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the above-described apparatuses and modules may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.
In the embodiments provided in the present invention, it should be understood that the disclosed modules may be implemented in other manners. For example, the above-described module embodiments are merely illustrative. For example, the division of each module is only one logic function division, and there may be another division manner in actual implementation. For example, more than one module or component may be combined or may be integrated into another system, or some features may be omitted, or not implemented.
The steps in the method of the embodiment of the invention can be sequentially adjusted, combined and deleted according to actual needs.
Various other modifications and changes may be made by those skilled in the art based on the above-described technical solutions and concepts, and all such modifications and changes should fall within the scope of the claims of the present invention.
Claims (10)
1. A drag-and-drop webpage design method is characterized by comprising the following steps:
respectively establishing a component library area, a draggable canvas area and a component editing area;
receiving webpage editing requests sent by a user in the component library area, the draggable canvas area and the component editing area, and displaying a currently designed webpage on the webpage in real time;
receiving a component data source editing request sent by a user in the component editing area, and configuring data displayed by a current component in a specified form;
receiving a webpage storage request, pushing all information of a current webpage to a server side, and storing the information in a database;
and reading a webpage data format in the analysis database, and loading the analyzed data structure content on the webpage in real time.
2. The method for designing a dragged web page according to claim 1, wherein the step of receiving the web page editing requests issued by the user in the component library area, the draggable canvas area and the component editing area comprises receiving a component dragging request issued by the user in the component library area, and displaying the current component on the draggable canvas area in real time.
3. The method for designing a drag web page according to claim 1, wherein the step of receiving the web page editing requests issued by the user in the component library area, the draggable canvas area and the component editing area comprises receiving the component editing request issued by the user in the drag canvas area, changing the position and size of the component in the draggable canvas area, and deleting or locking the component.
4. The method of claim 1, wherein receiving the webpage editing requests from the user in the component library area, the draggable canvas area and the component editing area comprises receiving a component property editing request from the user in the component editing area, and configuring the style and format of the component.
5. The method for designing a drag web page according to claim 1, wherein the step of receiving the web page editing requests issued by the user in the component library area, the draggable canvas area and the component editing area comprises receiving the component data source editing request issued by the user in the component editing area, configuring the data source of the data displayed by the current component, and enabling the component to display the data of the data source in real time.
6. The method for designing a drag-type webpage according to claim 1, wherein the step of receiving webpage editing requests issued by the user in the component library area, the draggable canvas area and the component editing area comprises acquiring a unique identification code of the component in the component library area and displaying the component in the draggable canvas area in real time.
7. The method for designing a drag-type web page according to claim 1, wherein the step of pushing all information of the current web page to the server side includes packaging the component information and transmitting the packaged component information to the server in a specified form.
8. A drag-and-drop web page design device is characterized by comprising the following units:
the area creating unit is used for respectively creating a component library area, a draggable canvas area and a component editing area;
the webpage editing unit is used for receiving webpage editing requests sent by users in the component library area, the draggable canvas area and the component editing area and displaying a currently designed webpage on the webpage in real time;
the data source selection unit is used for receiving a component data source editing request sent by a user in the component editing area and configuring data displayed by the current component in a specified form;
the webpage storage unit is used for receiving a webpage storage request, pushing all information of the current webpage to the server side and storing the information into the database;
and the data reading unit is used for reading the webpage data format in the analysis database and loading the analyzed data structure content on the webpage in real time.
9. A computer device comprising a memory, a processor, and a drag web page design program stored on the memory and executable on the processor, wherein the drag web page design program, when executed by the processor, implements a drag web page design method as recited in any one of claims 1-7.
10. A non-transitory computer readable storage medium having stored thereon a computer program which, when executed by a processor, implements a drag-type web page design method as claimed in any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010847354.5A CN111966345A (en) | 2020-08-21 | 2020-08-21 | Drag-type webpage design method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010847354.5A CN111966345A (en) | 2020-08-21 | 2020-08-21 | Drag-type webpage design method and device, computer equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111966345A true CN111966345A (en) | 2020-11-20 |
Family
ID=73391163
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010847354.5A Pending CN111966345A (en) | 2020-08-21 | 2020-08-21 | Drag-type webpage design method and device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111966345A (en) |
Cited By (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112947921A (en) * | 2021-01-27 | 2021-06-11 | 长沙市到家悠享网络科技有限公司 | Method, device, equipment and storage medium for rapidly building CRUD page |
| CN113031947A (en) * | 2021-03-05 | 2021-06-25 | 苏州帝博信息技术有限公司 | Configuration data management method and device used in interface design tool |
| CN113407078A (en) * | 2021-06-07 | 2021-09-17 | 远光软件股份有限公司 | Method and device for editing character icon, storage medium and terminal |
| CN113515275A (en) * | 2021-07-19 | 2021-10-19 | 上海繁易信息科技股份有限公司 | WYSIWYG cloud industrial configuration software system and development method thereof |
| CN113806659A (en) * | 2021-09-16 | 2021-12-17 | 大连华信计算机技术股份有限公司 | WYSIWYG portal custom site system and operation method |
| CN114417215A (en) * | 2021-12-31 | 2022-04-29 | 天闻数媒科技（北京）有限公司 | Designer and page design method |
| CN115495809A (en) * | 2022-11-15 | 2022-12-20 | 广东美的暖通设备有限公司 | 3D model generation method, device, equipment and medium for building automatic control system |
| CN115600035A (en) * | 2022-09-09 | 2023-01-13 | 中电金信软件有限公司（Cn） | Method and device for generating invitation page |
| WO2023016264A1 (en) * | 2021-08-11 | 2023-02-16 | 京东方科技集团股份有限公司 | Page generation method and apparatus |
| CN115756250A (en) * | 2022-11-16 | 2023-03-07 | 中冶南方（武汉）自动化有限公司 | Chart type interaction method for realizing separation of interface configuration and function display |
| WO2023071452A1 (en) * | 2021-10-28 | 2023-05-04 | 北京字跳网络技术有限公司 | Component control method and apparatus, electronic device, and storage medium |
| WO2023071448A1 (en) * | 2021-10-28 | 2023-05-04 | 北京字跳网络技术有限公司 | Multi-component cross-container control method and apparatus, and electronic device |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2002027537A1 (en) * | 2000-09-28 | 2002-04-04 | Fatwire Corporation | System and method for in-context editing |
| CN110032420A (en) * | 2019-04-18 | 2019-07-19 | 合肥天毅网络传媒有限公司 | A kind of front end webpage design system and method |
| CN110781423A (en) * | 2019-10-10 | 2020-02-11 | 腾讯科技（深圳）有限公司 | Webpage generation method and device and electronic equipment |
| CN111221526A (en) * | 2018-11-27 | 2020-06-02 | 中云开源数据技术（上海）有限公司 | Data visual editing display platform based on data lake server |
-
2020
- 2020-08-21 CN CN202010847354.5A patent/CN111966345A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2002027537A1 (en) * | 2000-09-28 | 2002-04-04 | Fatwire Corporation | System and method for in-context editing |
| CN111221526A (en) * | 2018-11-27 | 2020-06-02 | 中云开源数据技术（上海）有限公司 | Data visual editing display platform based on data lake server |
| CN110032420A (en) * | 2019-04-18 | 2019-07-19 | 合肥天毅网络传媒有限公司 | A kind of front end webpage design system and method |
| CN110781423A (en) * | 2019-10-10 | 2020-02-11 | 腾讯科技（深圳）有限公司 | Webpage generation method and device and electronic equipment |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112947921A (en) * | 2021-01-27 | 2021-06-11 | 长沙市到家悠享网络科技有限公司 | Method, device, equipment and storage medium for rapidly building CRUD page |
| CN113031947A (en) * | 2021-03-05 | 2021-06-25 | 苏州帝博信息技术有限公司 | Configuration data management method and device used in interface design tool |
| CN113407078A (en) * | 2021-06-07 | 2021-09-17 | 远光软件股份有限公司 | Method and device for editing character icon, storage medium and terminal |
| CN113515275A (en) * | 2021-07-19 | 2021-10-19 | 上海繁易信息科技股份有限公司 | WYSIWYG cloud industrial configuration software system and development method thereof |
| WO2023016264A1 (en) * | 2021-08-11 | 2023-02-16 | 京东方科技集团股份有限公司 | Page generation method and apparatus |
| CN113806659A (en) * | 2021-09-16 | 2021-12-17 | 大连华信计算机技术股份有限公司 | WYSIWYG portal custom site system and operation method |
| WO2023071452A1 (en) * | 2021-10-28 | 2023-05-04 | 北京字跳网络技术有限公司 | Component control method and apparatus, electronic device, and storage medium |
| WO2023071448A1 (en) * | 2021-10-28 | 2023-05-04 | 北京字跳网络技术有限公司 | Multi-component cross-container control method and apparatus, and electronic device |
| CN114417215A (en) * | 2021-12-31 | 2022-04-29 | 天闻数媒科技（北京）有限公司 | Designer and page design method |
| CN115600035A (en) * | 2022-09-09 | 2023-01-13 | 中电金信软件有限公司（Cn） | Method and device for generating invitation page |
| CN115495809A (en) * | 2022-11-15 | 2022-12-20 | 广东美的暖通设备有限公司 | 3D model generation method, device, equipment and medium for building automatic control system |
| CN115495809B (en) * | 2022-11-15 | 2023-04-14 | 广东美的暖通设备有限公司 | 3D model generation method, device, equipment and medium of building automatic control system |
| CN115756250A (en) * | 2022-11-16 | 2023-03-07 | 中冶南方（武汉）自动化有限公司 | Chart type interaction method for realizing separation of interface configuration and function display |
| CN115756250B (en) * | 2022-11-16 | 2023-10-13 | 中冶南方（武汉）自动化有限公司 | Chart type interaction method for realizing interface configuration and function display separation |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111966345A (en) | Drag-type webpage design method and device, computer equipment and storage medium | |
| US10853383B2 (en) | Interactive parallel coordinates visualizations | |
| CN109614424B (en) | Page layout generation method, device, computing equipment and medium | |
| US20220083543A1 (en) | Dynamic Dashboard with Guided Discovery | |
| US10459938B1 (en) | Punchcard chart visualization for machine data search and analysis system | |
| US11436126B2 (en) | Customizable enterprise automation test framework | |
| CN109408764B (en) | Page area dividing method, device, computing equipment and medium | |
| CN112561386A (en) | Method, device and equipment for acquiring business process | |
| US9383889B2 (en) | Process flow designing based on connection compatibility between process components | |
| US10331765B2 (en) | Methods and apparatus for translating forms to native mobile applications | |
| CN105653644A (en) | Page constructor and page construction method | |
| US10853380B1 (en) | Framework for displaying interactive visualizations of event data | |
| CN110362307A (en) | Forms pages configuration method and server | |
| CN112711418B (en) | Front-end interface layout method and device for multiple components, electronic equipment and storage medium | |
| US20170185612A1 (en) | Dynamically designing web pages | |
| US10861202B1 (en) | Sankey graph visualization for machine data search and analysis system | |
| US20050076330A1 (en) | Browser-based editor for dynamically generated data | |
| US9639587B2 (en) | Social network analyzer | |
| CN115543282A (en) | Page code generation method and device, storage medium and computer equipment | |
| US8327315B1 (en) | System and method for process rules editors | |
| CN115053245A (en) | Method and device for creating quantitative transaction strategy | |
| CN113867700B (en) | Model construction method, display platform, server and storage medium | |
| EP3155568B1 (en) | Navigating and authoring configured product lifecycle data | |
| CN109597845B (en) | Report configuration method, report configuration device, computer equipment and storage medium | |
| CN112579664A (en) | Processing method and device for chart linkage |
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 |