CN113032708A - Code-free Web development system - Google Patents
Code-free Web development system Download PDFInfo
- Publication number
- CN113032708A CN113032708A CN202110359234.5A CN202110359234A CN113032708A CN 113032708 A CN113032708 A CN 113032708A CN 202110359234 A CN202110359234 A CN 202110359234A CN 113032708 A CN113032708 A CN 113032708A
- Authority
- CN
- China
- Prior art keywords
- page
- data
- processing module
- file
- 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
- 238000011161 development Methods 0.000 title claims abstract description 31
- 238000012545 processing Methods 0.000 claims abstract description 49
- 238000013461 design Methods 0.000 claims abstract description 25
- 238000000034 method Methods 0.000 claims abstract description 21
- 230000008569 process Effects 0.000 claims abstract description 16
- 230000003993 interaction Effects 0.000 claims abstract description 8
- 238000006243 chemical reaction Methods 0.000 claims description 5
- 230000000694 effects Effects 0.000 abstract description 4
- 230000006870 function Effects 0.000 description 18
- 230000006872 improvement Effects 0.000 description 6
- 238000004590 computer program Methods 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 4
- 238000007726 management method Methods 0.000 description 3
- 230000002452 interceptive effect Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000004806 packaging method and process Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Images
Classifications
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/51—Source to source
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The application relates to the technical field of computers, in particular to a code-free Web development system. The system comprises a user interface, a file processing module and a page processing module; the user interface is used for processing input and output of the user terminal, and a user calls a function of the system through operation on the user interface; the file processing module is used for converting the layer information data in the design draft file into JSON format page element data required by the page processing module; and the page processing module is used for converting the JSON format page element data to generate a page in a file format which can be displayed by a browser. The page can be automatically generated through the design draft, and the consistency of the finished page and the original design draft is achieved; according to the method and the system, the interaction effect can be added, the dynamic data is added, the page is deployed to the server, professional developers are not required to code in the whole process, the development efficiency is improved, and the development difficulty is reduced.
Description
Technical Field
The application relates to the technical field of computers, in particular to a code-free Web development system.
Background
A Web page is a document on the world wide Web organized in HTML format, and when information is queried through the world wide Web, it appears as an information page, which may include information such as graphics, text, sound, and video. Web pages are the entry to the world wide Web that users access, so how well a Web page is built directly affects the first impression of the user on the Web site.
Web systems for developing web applications are currently in widespread use. A web application (webapp) is an application software that operates on the internet or an intranet using a web browser, and is an application written in a web language (e.g., programming languages such as HTML, JavaScript, Java, etc.) and needs to be run through the browser. The web system is a client-server model. A web client is a browser of a client. A web server hosts a resource deposit.
Currently, Web development usually requires a developer to slice a design draft designed by image editing software (such as Photoshop) according to page requirements, encode the design draft by using an integrated development environment (such as Visual Studio Code, Eclipse, and the like), and deploy a packaged output to a server for operation, so that a visitor can access the output by using a browser. Developers are required to be familiar with front-end and back-end development languages such as HTML, CSS, JavaScript, Java and PHP and master commands commonly used by Linux operating systems.
At present, the following problems generally exist in Web development: professional front-end and back-end developers are required to carry out coding, and the technical difficulty is high. The conventional visual page building system realizes building of a page through inherent components provided by a dragging system, and cannot convert a visual effect expressed by a design draft into the page. The existing visual page building system cannot solve the problems of complex page interaction and back-end development and deployment, and a complex functional component still needs intervention of professional developers.
Disclosure of Invention
The present application aims to provide a code-free Web development system, which enables a user to make design draft files in PSD format into pages with complex functions such as interactive operation and dynamic data display and submission for use by visitors without professional development knowledge and program code writing.
The technical scheme of the application is as follows:
a no-code Web development system comprises a user interface, a file processing module and a page processing module;
the user interface is used for processing input and output of the user terminal, and a user calls a function of the system through operation on the user interface;
the file processing module is used for converting the layer information data in the design draft file into JSON format page element data required by the page processing module;
and the page processing module is used for converting the JSON format page element data to generate a page in a file format which can be displayed by a browser.
In a further improvement, the system further comprises an item management module for managing reading and storing of item data.
In a further improvement, the system further comprises a page hosting service, wherein the page hosting service is used for storing the page and the resource file generated by the page processing module and providing the URL for the visitor to access.
The system is further improved in that the system further comprises a service center station, and the service center station is used for providing data source interface definition of dynamic data for the page processing module and is used for adding, modifying, inquiring and deleting service of service data.
In a further improvement, the page processing module is also used for processing event binding of page elements and acquisition of dynamic data.
In a further refinement, the page elements include pages, layouts, blocks; the page contains at least one layout; the layout comprises at least one block or comprises at least one further layout; the block is the smallest configurable unit.
In a further improvement, the pages, layouts and tiles have a style configuration and an interaction configuration; the layout has a layout mode configuration; the block has a data arrangement and a content arrangement.
In a further development, the configuration contains at least one field, the field being pre-designed by the system, the value of the field being set automatically by the system or by a user by selection or input.
The further improvement is that the specific process of converting the layer information data in the design document file into the JSON format page element data required by the page processing module by the file processing module is as follows:
traversing the layer information data of the design draft file;
each node corresponds to one page element, the width, the height, the X-axis offset, the Y-axis offset, the Z-axis offset, the image and the rich text data of each node are obtained and converted into the width, the height, the X-axis offset, the Y-axis offset, the Z-axis offset, the image and the rich text data of the corresponding page element;
each node writes in a preset field, and the value of the preset field is preset by a user through a user interface; and keeping the original structure unchanged to obtain JSON format page element data for storing the page element information.
The further improvement lies in that the specific process of the page processing module converting the JSON format page element data into the page with the file format which can be displayed by the browser comprises the following steps:
traversing the JSON format page element data, and converting the nodes into HTML codes and CSS codes one by one according to a preset rule;
adding a SCRIPT tag at the tail of the HTML code for injecting SCRIPT codes;
and injecting the HTML codes after the script codes are injected into a standard HTML template file, and finishing the conversion process.
The beneficial effect of this application:
according to the method and the device, the page can be automatically generated through the design draft, and the consistency of the finished page and the original design draft is achieved.
According to the method and the system, the interaction effect can be added, the dynamic data is added, the page is deployed to the server, professional developers are not required to code in the whole process, the development efficiency is improved, and the development difficulty is reduced.
Drawings
Fig. 1 is a system structure diagram of a codeless Web development system according to an embodiment of the present application;
fig. 2 is a schematic view of a user interface of a codeless Web development system according to an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, 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 application.
Unless otherwise explicitly defined, all terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which exemplary embodiments belong. It should also be understood that, unless otherwise explicitly defined herein, terms should be interpreted as having a meaning that is consistent with their meaning in the specification as understood by those of ordinary skill in the art at the time of this disclosure, which is in the context of the prior art.
It should be understood that, for the term "and/or" as may appear herein, it is merely an associative relationship that describes an associated object, meaning that three relationships may exist, e.g., a and/or B may mean: a exists alone, B exists alone, and A and B exist at the same time; for the term "/and" as may appear herein, which describes another associative object relationship, it means that two relationships may exist, e.g., a/and B, may mean: a exists independently, and A and B exist independently; in addition, for the character "/" that may appear herein, it generally means that the former and latter associated objects are in an "or" relationship.
It is to be understood that the terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of example embodiments of the present application. As used herein, the singular forms "a", "an" and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will be further understood that the terms "comprises," "comprising," "includes" and/or "including," when used herein, 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, numbers, steps, operations, elements, components, and/or groups thereof.
As shown in fig. 1 and fig. 2, an embodiment of the present application provides a code-free Web development system, where the system includes a user interface, a file processing module, and a page processing module;
the user interface is used for processing input and output of the user terminal, and a user calls a function of the system through operation on the user interface;
the file processing module is used for converting tree-type layer information data in the design draft file into JSON format page element data required by the page processing module; the data of each node contains information such as the size, offset and Base64 encoded image of the corresponding layer.
And the page processing module is used for converting the JSON format page element data to generate a page with a file format which can be displayed by a browser, and the page comprises HTML, CSS and JavaScript files.
Specifically, in the embodiment of the present application, the system further includes a project management module, where the project management module is configured to manage reading and storing of project data.
Specifically, in the embodiment of the present application, the system further includes a page hosting service, where the page hosting service is configured to store the page and the resource file generated by the page processing module, and provide a URL for the visitor to access.
Specifically, in the embodiment of the present application, the system further includes a service center, where the service center is configured to provide a data source interface definition of dynamic data to the page processing module, and is used for adding, modifying, querying, and deleting services of service data, such as adding goods to a shopping cart, deleting goods of the shopping cart, obtaining a shopping cart goods list, modifying the number of goods of the shopping cart, and the like.
Specifically, in this embodiment of the present application, the page processing module is further configured to process event binding of a page element and acquisition of dynamic data.
Specifically, in the embodiment of the present application, the page elements are divided into pages, layouts, and blocks; the page contains at least one layout; the layout comprises at least one block or comprises at least one further layout; the block is the smallest configurable unit. Specifically, the pages, layouts and tiles have a style configuration and an interaction configuration; the layout has a layout mode configuration; the block has a data arrangement and a content arrangement. In particular, the configuration contains at least one field, which is pre-designed by the system, the value of which is set automatically by the system or by the user by selection or input.
Specifically, in this embodiment of the present application, a specific process of the file processing module converting tree-type layer information data in the design document file into JSON-format page element data required by the page processing module is as follows:
reading a design draft file (such as a PSD file) uploaded by a user, and traversing tree layer information data of the design draft file;
each node corresponds to one page element, and the width, the height, the X-axis offset, the Y-axis offset, the Z-axis offset, the image and rich text data of each node are obtained (the X-axis offset and the Y-axis offset of each node are offsets relative to the top point of the upper left corner of a canvas, and the Z-axis offset is the stacking sequence of the layers in the direction perpendicular to the plane of the screen); and converting the acquired width, height, X-axis offset, Y-axis offset, Z-axis offset, image and rich text data of each node into the width, height, X-axis offset, Y-axis offset, Z-axis offset, image and rich text data of a corresponding page element (the X-axis offset and the Y-axis offset of the page element are offsets relative to the top point of the upper left corner of a rendering area of the browser, the Z-axis offset is the stacking sequence of the page elements in the direction perpendicular to the plane of the screen, the image is stored by using Base64 coding, and the rich text data is stored by using HTML and CSS coding).
Each node writes in preset fields, the values of which are preset by a user through a user interface, and the description of the fields is as follows:
and keeping the original tree structure unchanged to obtain JSON format page element data for storing page element information.
Specifically, in this embodiment of the present application, a specific process of the page processing module converting the JSON format page element data into a page in a file format that can be displayed by a browser includes:
traversing the JSON format page element data, and converting the nodes into HTML codes and CSS codes one by one according to a preset rule; the preset rule is that each node is converted into a DIV label, the ID attribute of the DIV label is the ID field value of the node, the label content of the DIV label is the rich text content field value of the node, and the STYLE attribute is shown in the following table:
after the above conversion is completed, the HTML code of the page is obtained, and a SCRIPT tag is added to the tail of the HTML code for injecting SCRIPT code, which is specifically as follows:
traversing the JSON format page element data, when a node contains a group of actionTrigger, actionType and actionParams field data, injecting SCRIPT codes into the SCRIPT, and realizing the following functions by the functions of the browser engine and a function library formed by combining and packaging the functions by the SCRIPT: and inquiring a DIV label element matched with the id in the HTML according to the value of the id field of the node, binding a corresponding event on the element according to an actionTrigger enumeration value, calling an event execution function according to an actionType enumeration value, and setting the function parameter to actionParams.
In the traversal process, when a node contains a group of data src and data params field data, SCRIPT codes are injected into the SCRIPT, and the SCRIPT realizes the following functions through functions of a browser engine and a function library formed by combining and packaging the functions: inquiring DIV label elements matched with the id in HTML through the id field value of the node, sending asynchronous HTTP requests to url of the dataSrc value, processing the response of the requests, processing rich text content and response data by using a Handlebars template engine, and replacing the content of the DIV label with a template engine processing result.
And injecting the HTML codes after the script codes are injected into a standard HTML template file, and finishing the conversion process.
As shown in fig. 1 and fig. 2, the working principle of a code-free Web development system according to an embodiment of the present application is as follows:
firstly, a user clicks 'import from file' through a user interface, uploads a local design draft file (such as format files of psd,. sketch, and. xd), and a file processing module analyzes the design draft file into JSON format page element data, wherein leaf nodes of tree type layer data in the design draft file are analyzed into blocks, and other nodes are analyzed into layout.
Secondly, the user can click "add layout" and "add block" in the user interface, and add layout and block to a blank page or a page generated from a design draft.
Then, the page processing module converts the JSON format page element data into HTML codes and CSS codes which can be identified and displayed by the browser, and displays the HTML codes and the CSS codes in a preview area of a user interface.
The user can enter an editing mode by clicking a certain layout or block in the user interface preview area, and then a configuration interface is displayed, and the user can complete various configurations of the layout or block on the configuration interface.
Specifically, the configurable contents are as follows: the user may click a "layout mode" tab in the user interface to configure the arrangement and positioning modes of the tiles within the layout.
The user may click on a "style" tab in the user interface to configure the style of the tile's size, background, etc.
The user may click on a "data" tab in the user interface to configure the dynamic data, at which point the interface displays a data source selection list determined by the service functionality provided by the service console module. When the user selects a desired data source from the list of data source selections, the interface may match fields displaying parameters and outputs required by the data source.
The user may click on the contents of the "content" tab configuration block in the user interface, at which point the configuration interface may display a rich text editor, and the user may enter text content, edit text styles, and insert pictures. The text content uses a template engine, and the data fields dynamically acquired by the configured data source can be displayed through a template grammar, such as: { { key } }.
The user may click on the "interaction" tab in the user interface to configure the interactive behavior of the tile. The user may select a trigger condition such as click, timing, etc. from the event list and the interface may match a parameter showing the event, such as the interval between timed executions. The user may select a command to be executed from the execution list and the interface may match a parameter of the displayed command, such as a page unique identifier of an open page.
The user can click on the preview in the user interface, the system deploys the page to the page hosting service, and the user can preview the effect of the page after being released through a specific URL.
The user may click on "publish" in the user interface, select "test environment" or "online environment", and deploy the page to the corresponding page hosting service. The guest can now access the page via a specific URL.
The embodiment of the application has the following advantages: according to the method and the device, the page can be automatically generated through the design draft, and the consistency of the finished page and the original design draft is achieved. According to the method and the system, the interaction effect can be added, the dynamic data is added, the page is deployed to the server, professional developers are not required to code in the whole process, the development efficiency is improved, and the development difficulty is reduced.
In an embodiment of the present application, the codeless Web development system may be deployed on a computing device such as a desktop computer, a notebook, a palm computer, and a cloud server. The computing device may include, but is not limited to, a processor, memory, a display. Those skilled in the art will appreciate that the components described above are merely examples and are not meant to be limiting of computing devices, and that more or fewer components may be included, or certain components may be combined, or different components may be included, e.g., the computing devices may also include input-output devices, network access devices, buses, etc.
The Processor may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), an off-the-shelf Programmable Gate Array (FPGA) or other Programmable logic device, discrete Gate or transistor logic, discrete hardware components, etc. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
The memory may be used to store the computer programs and/or modules, and the processor may implement various functions of the web-oriented page building system by running or executing the computer programs and/or modules stored in the memory and calling data stored in the memory. The memory may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required by at least one function (such as a sound playing function, a text conversion function, etc.), and the like; the storage data area may store data (such as audio data, text message data, etc.) created according to the use of the cellular phone, etc. In addition, the memory may include high speed random access memory, and may also include non-volatile memory, such as a hard disk, a memory, a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), at least one magnetic disk storage device, a Flash memory device, or other volatile solid state storage device.
In the above embodiments. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When loaded and executed on a computer, cause the processes or functions described in accordance with the embodiments of the application to occur, in whole or in part. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored in a computer readable storage medium or transmitted from one computer readable storage medium to another, for example, from one website site, computer, server, or data center to another website site, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, Digital Subscriber Line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.). The computer-readable storage medium can be any available medium that can be accessed by a computer or a data storage device, such as a server, a data center, etc., that incorporates one or more of the available media. The usable medium may be a magnetic medium (e.g., floppy Disk, hard Disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., Solid State Disk (SSD)), among others.
The above embodiments are only used to illustrate the technical solutions of the present application, and not to limit the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: modifications of the technical solutions described in the embodiments or equivalent replacements of some technical features may still be made. And such modifications or substitutions do not depart from the spirit and scope of the corresponding technical solutions in the embodiments of the present application.
Finally, it should be noted that the present application is not limited to the above-mentioned alternative embodiments, and that various other forms of products can be made by anyone in the light of the present application. The above detailed description should not be taken as limiting the scope of the application, which is defined in the claims, and which the description is intended to be interpreted accordingly.
Claims (10)
1. A codeless Web development system is characterized by comprising a user interface, a file processing module and a page processing module;
the user interface is used for processing input and output of the user terminal, and a user calls a function of the system through operation on the user interface;
the file processing module is used for converting the layer information data in the design draft file into JSON format page element data required by the page processing module;
and the page processing module is used for converting the JSON format page element data to generate a page in a file format which can be displayed by a browser.
2. The codeless Web development system of claim 1, further comprising a project management module for managing reading and storing of project data.
3. The system of claim 1, further comprising a page hosting service for storing pages and resource files generated by the page processing module and providing URLs for visitors to access.
4. The system of claim 1, further comprising a service console, wherein the service console is configured to provide a data source interface definition of dynamic data to the page processing module, and is configured to add, modify, query, and delete services for service data.
5. The codeless Web development system according to claim 1, wherein the page processing module is further configured to process event binding of page elements and acquisition of dynamic data.
6. The codeless Web development system of claim 1 wherein the page elements include pages, layouts, tiles; the page contains at least one layout; the layout comprises at least one block or comprises at least one further layout; the block is the smallest configurable unit.
7. The codeless Web development system of claim 6 wherein the pages, layouts and tiles have a style configuration and an interaction configuration; the layout has a layout mode configuration; the block has a data arrangement and a content arrangement.
8. The system of claim 7, wherein the configuration comprises at least one field, the field is pre-designed by the system, the value of the field is set automatically by the system or by a user through selection or input.
9. The codeless Web development system according to claim 1, wherein the specific process of the file processing module converting the layer information data in the design document file into JSON-format page element data required by the page processing module is as follows:
traversing the layer information data of the design draft file;
each node corresponds to one page element, the width, the height, the X-axis offset, the Y-axis offset, the Z-axis offset, the image and the rich text data of each node are obtained and converted into the width, the height, the X-axis offset, the Y-axis offset, the Z-axis offset, the image and the rich text data of the corresponding page element;
each node writes in a preset field, and the value of the preset field is preset by a user through a user interface; and keeping the original structure unchanged to obtain JSON format page element data for storing the page element information.
10. The codeless Web development system according to claim 1 or 9, wherein the specific process of the page processing module converting the JSON-formatted page element data into the page in the file format displayable by the browser is as follows:
traversing the JSON format page element data, and converting the nodes into HTML codes and CSS codes one by one according to a preset rule;
adding a SCRIPT tag at the tail of the HTML code for injecting SCRIPT codes;
and injecting the HTML codes after the script codes are injected into a standard HTML template file, and finishing the conversion process.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110359234.5A CN113032708A (en) | 2021-04-02 | 2021-04-02 | Code-free Web development system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110359234.5A CN113032708A (en) | 2021-04-02 | 2021-04-02 | Code-free Web development system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113032708A true CN113032708A (en) | 2021-06-25 |
Family
ID=76453467
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110359234.5A Pending CN113032708A (en) | 2021-04-02 | 2021-04-02 | Code-free Web development system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113032708A (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113867694A (en) * | 2021-09-27 | 2021-12-31 | 上海汇付数据服务有限公司 | Method and system for intelligently generating front-end code |
| CN113934957A (en) * | 2021-11-04 | 2022-01-14 | 稿定（厦门）科技有限公司 | Method and system for generating rendering sketch file from webpage |
| CN113934429A (en) * | 2021-10-15 | 2022-01-14 | 北京字节跳动网络技术有限公司 | Design draft conversion method and device, computer equipment and storage medium |
| CN114925656A (en) * | 2022-06-14 | 2022-08-19 | 北京新唐思创教育科技有限公司 | Rich text display method, device, equipment and storage medium |
| WO2023030095A1 (en) * | 2021-08-31 | 2023-03-09 | 花瓣云科技有限公司 | Content processing method and electronic device |
| WO2024082468A1 (en) * | 2022-10-18 | 2024-04-25 | 阿里巴巴（中国）有限公司 | Intelligent user interface service processing method and system, and electronic device |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106648659A (en) * | 2016-12-22 | 2017-05-10 | 杭州铜板街互联网金融信息服务有限公司 | Webpage manufacture method and system |
| CN106777077A (en) * | 2016-12-13 | 2017-05-31 | 网易（杭州）网络有限公司 | The generation method and device of webpage |
| CN110020356A (en) * | 2017-10-16 | 2019-07-16 | 阿里巴巴集团控股有限公司 | A kind of code generating method of page module, apparatus and system |
| CN111079047A (en) * | 2019-11-28 | 2020-04-28 | 蜂助手股份有限公司 | Web-oriented page construction system |
| CN111562919A (en) * | 2020-07-14 | 2020-08-21 | 成都市映潮科技股份有限公司 | Method, system and storage medium for generating front-end webpage code based on PSD file |
| CN112015413A (en) * | 2020-08-25 | 2020-12-01 | 同方股份有限公司 | Programming-free data visualization Web display system and implementation method thereof |
| CN112307720A (en) * | 2020-10-29 | 2021-02-02 | 南京航空航天大学 | PSD (position sensitive Detector) document-based HTML (Hypertext markup language) design template automatic conversion method and system |
| CN112433799A (en) * | 2020-11-25 | 2021-03-02 | 平安普惠企业管理有限公司 | Page generation method, device, equipment and medium |
-
2021
- 2021-04-02 CN CN202110359234.5A patent/CN113032708A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106777077A (en) * | 2016-12-13 | 2017-05-31 | 网易（杭州）网络有限公司 | The generation method and device of webpage |
| CN106648659A (en) * | 2016-12-22 | 2017-05-10 | 杭州铜板街互联网金融信息服务有限公司 | Webpage manufacture method and system |
| CN110020356A (en) * | 2017-10-16 | 2019-07-16 | 阿里巴巴集团控股有限公司 | A kind of code generating method of page module, apparatus and system |
| CN111079047A (en) * | 2019-11-28 | 2020-04-28 | 蜂助手股份有限公司 | Web-oriented page construction system |
| CN111562919A (en) * | 2020-07-14 | 2020-08-21 | 成都市映潮科技股份有限公司 | Method, system and storage medium for generating front-end webpage code based on PSD file |
| CN112015413A (en) * | 2020-08-25 | 2020-12-01 | 同方股份有限公司 | Programming-free data visualization Web display system and implementation method thereof |
| CN112307720A (en) * | 2020-10-29 | 2021-02-02 | 南京航空航天大学 | PSD (position sensitive Detector) document-based HTML (Hypertext markup language) design template automatic conversion method and system |
| CN112433799A (en) * | 2020-11-25 | 2021-03-02 | 平安普惠企业管理有限公司 | Page generation method, device, equipment and medium |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2023030095A1 (en) * | 2021-08-31 | 2023-03-09 | 花瓣云科技有限公司 | Content processing method and electronic device |
| CN113867694A (en) * | 2021-09-27 | 2021-12-31 | 上海汇付数据服务有限公司 | Method and system for intelligently generating front-end code |
| CN113934429A (en) * | 2021-10-15 | 2022-01-14 | 北京字节跳动网络技术有限公司 | Design draft conversion method and device, computer equipment and storage medium |
| CN113934429B (en) * | 2021-10-15 | 2023-09-05 | 抖音视界有限公司 | Design draft conversion method and device, computer equipment and storage medium |
| CN113934957A (en) * | 2021-11-04 | 2022-01-14 | 稿定（厦门）科技有限公司 | Method and system for generating rendering sketch file from webpage |
| CN114925656A (en) * | 2022-06-14 | 2022-08-19 | 北京新唐思创教育科技有限公司 | Rich text display method, device, equipment and storage medium |
| WO2024082468A1 (en) * | 2022-10-18 | 2024-04-25 | 阿里巴巴（中国）有限公司 | Intelligent user interface service processing method and system, and electronic device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113032708A (en) | Code-free Web development system | |
| US10565293B2 (en) | Synchronizing DOM element references | |
| TWI394051B (en) | Web page rendering priority mechanism | |
| US20110167336A1 (en) | Gesture-based web site design | |
| US10318126B2 (en) | Data-driven schema for describing and executing management tasks in a graphical user interface | |
| CN102135873B (en) | A kind of method and apparatus creating user interface | |
| US20110161847A1 (en) | System and method for integrating and publishing pages of content | |
| CN112711418B (en) | Front-end interface layout method and device for multiple components, electronic equipment and storage medium | |
| US20110167360A1 (en) | Incoming web traffic conversion | |
| CN111522551B (en) | Method and device for realizing Web end online form designer | |
| CN113535165A (en) | Interface generation method and device, electronic equipment and computer readable storage medium | |
| US20120216132A1 (en) | Embedding User Selected Content In A Web Browser Display | |
| CN115659087B (en) | Page rendering method, equipment and storage medium | |
| Fujima | Building a meme media platform with a JavaScript MVC framework and HTML5 | |
| US11526578B2 (en) | System and method for producing transferable, modular web pages | |
| CN111782309B (en) | Method and device for displaying information and computer readable storage medium | |
| US11119975B2 (en) | Digital design application plugin for content updates and delivery | |
| CN113781608A (en) | Animation editing method and device | |
| Signer et al. | Advanced authoring of paper-digital systems: Introducing templates and variable content elements for interactive paper publishing | |
| US11093572B2 (en) | Hierarchical modeling for network sites | |
| CN116595284B (en) | Webpage system operation method, device, equipment, storage medium and program | |
| CN117251231B (en) | Animation resource processing method, device and system and electronic equipment | |
| Karlík | Blogging platform utilizing Kentico Cloud and Jekyll static site generator | |
| CN111367515B (en) | Page card development method, device, computing equipment and storage medium | |
| Chang et al. | Mobile Website Creation based on Web Data eXtraction and Reuse |
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 | ||
| CB02 | Change of applicant information |
Address after: 510665 room 1728, No.2 Huaxu street, Tianhe District, Guangzhou City, Guangdong Province (office only) Applicant after: Guangzhou Boheng Information Technology Co.,Ltd. Address before: 510665 room 1728, No.2 Huaxu street, Tianhe District, Guangzhou City, Guangdong Province (office only) Applicant before: Guangzhou Boheng Information Technology Co.,Ltd. |
|
| CB02 | Change of applicant information |