CN111506310A - Method, device and equipment for generating multi-platform style and storage medium - Google Patents

Method, device and equipment for generating multi-platform style and storage medium Download PDF

Info

Publication number
CN111506310A
CN111506310A CN202010211127.3A CN202010211127A CN111506310A CN 111506310 A CN111506310 A CN 111506310A CN 202010211127 A CN202010211127 A CN 202010211127A CN 111506310 A CN111506310 A CN 111506310A
Authority
CN
China
Prior art keywords
style
target
preset
platform
initial
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.)
Granted
Application number
CN202010211127.3A
Other languages
Chinese (zh)
Other versions
CN111506310B (en
Inventor
周异成
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Saiante Technology Service Co Ltd
Original Assignee
Ping An International Smart City Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Ping An International Smart City Technology Co Ltd filed Critical Ping An International Smart City Technology Co Ltd
Priority to CN202010211127.3A priority Critical patent/CN111506310B/en
Publication of CN111506310A publication Critical patent/CN111506310A/en
Application granted granted Critical
Publication of CN111506310B publication Critical patent/CN111506310B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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/38—Creation or generation of source code for implementing user interfaces

Abstract

The invention relates to the field of artificial intelligence, and discloses a method, a device, equipment and a storage medium for generating a multi-platform style, which are used for generating style contents through a preset visual panel and a selected adaptive platform and improving the efficiency of style layout and style content transplantation. The method for generating the multi-platform style comprises the following steps: element editing and layout are carried out on the initial page elements in a preset visual panel according to preset services, and target page elements are obtained; when a style generation instruction triggered by a target user is received, determining a target adaptation platform type selected by the target user from an adaptation platform area of a preset visual panel, wherein different adaptation platform types correspond to different identifications; generating initial style content for the target page element according to the hierarchical relation; and determining a plurality of different style templates according to the type of the target adaptation platform selected by the target user, and converting the initial style content according to the plurality of different style templates to obtain different target style contents.

Description

Method, device and equipment for generating multi-platform style and storage medium
Technical Field
The present invention relates to the field of artificial intelligence, and in particular, to a method, an apparatus, a device, and a storage medium for generating a multi-platform style.
Background
With the rise of front-end technologies, development frameworks of the front-end are gradually and completely put forward, for example, progressive frameworks VUE, wechat applets and ANDROID of a user interface, as the front-end technologies, each framework cannot be written out of page components, but writing page components usually takes much time cost, and each page component at least sets the following attributes: the position, size, color and implementation process are complicated.
At present, some existing page layout modes have limitations due to high customization of pages, and when the page layout modes are used for processing front-end page display, although the page development speed of a single development frame can be improved, the reusability of other platforms is poor, for example, when a set of interfaces developed by a native scripting language JavaScript is transplanted into an application program App or a WeChat applet, more adaptation work needs to be performed, and a set of style layout contents almost needs to be rewritten.
The existing cross-platform conversion device on the market often writes out the style of one platform first, and then makes the style of another platform through the conversion plug-in. On one hand, the content is needed to realize writing and converting of one element style, and the efficiency of style layout and style content transplanting is low; on the other hand, the platform is one-to-one, so that the adaptability to the existing platforms on the market is poor. For example, the storyboard in the integrated development tool Xcode is a very excellent visualization interface development tool, however, it only generates content that can be recognized by a compiler, and is difficult to be applied to other platforms.
Disclosure of Invention
The invention mainly aims to solve the technical problems of low efficiency and poor adaptability of the conventional page layout mode, the style layout of a cross-platform conversion device and the style content transplantation.
To achieve the above object, a first aspect of the present invention provides a method for generating a multi-platform style, including: element editing and layout are carried out on initial page elements in a preset visual panel according to preset services to obtain target page elements, the preset visual panel comprises an adaptive platform area, and the element editing and layout comprises the steps of determining attribute information of the initial page elements and the hierarchical relationship between any two initial page elements; when a style generation instruction triggered by a target user is received, determining a target adaptation platform type selected by the target user from an adaptation platform area of the preset visualization panel, wherein different adaptation platform types correspond to different identifiers; generating initial style content for the target page element according to the hierarchical relation; and determining a plurality of different style templates according to the type of the target adaptation platform selected by the target user, and converting the initial style content according to the plurality of different style templates to obtain different target style contents, wherein the target style contents are stored by adopting a preset type file and are referred by the corresponding target adaptation platform.
Optionally, in a first implementation manner of the first aspect of the present invention, the performing element editing and layout on an initial page element in a preset visualization panel according to a preset service to obtain a target page element, where the preset visualization panel includes an adaptation platform area, and the element editing and layout includes determining attribute information of the initial page element and a hierarchical relationship between any two of the initial page elements, and includes: selecting initial page elements in a component library area of a preset visual panel according to a preset service, wherein the initial page elements comprise buttons, characters, pictures and progress bars; dragging the initial page elements to a view editing area of the preset visualization panel, and configuring the hierarchical relationship of any two initial page elements into a parent-child component relationship; performing attribute adjustment on the initial page element in an attribute editing area of the preset visual panel to obtain a target page element; and displaying the hierarchical relation of the target page elements in a view hierarchical region of the preset visual panel.
Optionally, in a second implementation manner of the first aspect of the present invention, when a style generation instruction triggered by a target user is received, determining a target adaptation platform type selected by the target user from an adaptation platform area of the preset visualization panel, where different adaptation platform types correspond to different identifiers, where the method includes: when a style generation instruction triggered by a target user is received, acquiring an identifier corresponding to a target adaptation platform type selected by the target user from an adaptation platform area of the preset visualization panel, wherein different adaptation platform types correspond to different identifiers; and acquiring corresponding target adaptation platform data according to the identification of the target adaptation platform selected by the target user, wherein the target adaptation platform data comprises the type of the target adaptation platform and the version number of the corresponding target adaptation platform.
Optionally, in a third implementation manner of the first aspect of the present invention, the generating initial style content for the target page element according to the hierarchical relationship includes: determining the hierarchical relation of the target page elements from the view hierarchical region of the preset visualization panel; reading attribute information corresponding to the target page element from an attribute editing area of the preset visual panel, wherein the attribute information comprises an attribute name and an attribute value; and performing character string splicing on attribute information corresponding to the target page element according to the hierarchical relationship and a preset data format to obtain initial style content, and caching the initial style content, wherein the initial style content comprises the hierarchical relationship, size information, position information, margin information, color information, fillet information and font information.
Optionally, in a fourth implementation manner of the first aspect of the present invention, the determining, according to the type of the target adaptation platform selected by the target user, a plurality of different style templates, and performing conversion processing on the initial style content according to the plurality of different style templates to obtain different target style contents, where the target style contents are used for being saved in a preset type of file and being referred to by a corresponding target adaptation platform, includes: generating and sending a request for inquiring a style template based on the type of the target adaptation platform selected by the target user to obtain inquiry data, wherein the inquiry data comprises a plurality of different style templates which are used for indicating style rules which are preset according to different adaptation platform types and accord with preset cascading style sheet style conversion standards and preset programming language specifications; carrying out recursive query on the initial style content according to the hierarchical relationship to obtain attribute information of a plurality of target page elements; judging whether corresponding attribute names exist in the plurality of different style templates; if the corresponding attribute names exist in the plurality of different style templates, acquiring corresponding standard style information from the plurality of different style templates according to the same attribute names, wherein the standard style information comprises replaceable style codes; replacing the corresponding attribute value according to the corresponding attribute name based on the replaceable style code to obtain the replaced style content; and combining preset fixed style content and the replaced style content to obtain different target style contents, wherein the target style contents are stored by adopting preset types of files and are referred by corresponding target adaptation platforms.
Optionally, in a fifth implementation manner of the first aspect of the present invention, the dragging the initial page element to the view editing area of the preset visualization panel, and configuring a hierarchical relationship between any two of the initial page elements as a parent-child component relationship includes: monitoring the dragging operation of the initial page element in the preset visual panel; when the execution of the mouse releasing operation is monitored, judging whether the current mouse position belongs to the view editing area; if the current mouse position does not belong to the view editing area, the dragging operation is cancelled; if the current mouse position belongs to the view editing area, encoding the initial page element according to a preset rule; analyzing the initial page element, and displaying attribute information corresponding to the initial page element in an attribute editing area of the preset visual panel, wherein the attribute information comprises a plurality of attribute names and corresponding attribute values; setting the hierarchical relationship of any two initial page elements in the view editing area as a parent-child component relationship, wherein a parent component is at the previous level, and a child component is at the next level.
Optionally, in a sixth implementation manner of the first aspect of the present invention, the displaying a hierarchical relationship of the target page element in a view hierarchical region of the preset visualization panel includes: inquiring the codes of the target page elements and the hierarchical relationship according to a tree structure display request to obtain root node information, and displaying the root node information in the middle of a view hierarchical region of the preset visual panel; and acquiring node information corresponding to any two adjacent hierarchies according to the root node information, and simultaneously displaying the node information corresponding to any two adjacent hierarchies to a target user in a view layer hierarchy area of the preset visual panel according to the hierarchy relation.
The second aspect of the present invention provides an apparatus for generating a multi-platform style, comprising: the editing module is used for performing element editing and layout on initial page elements in a preset visual panel according to a preset service to obtain target page elements, the preset visual panel comprises an adaptive platform area, and the element editing and layout comprises attribute information of the initial page elements and a hierarchical relationship between any two initial page elements; the determining module is used for determining the type of the target adaptation platform selected by the target user from the adaptation platform area of the preset visualization panel when receiving a style generation instruction triggered by the target user, wherein different adaptation platform types correspond to different identifiers; the generating module is used for generating initial style content for the target page element according to the hierarchical relation; and the conversion module is used for determining a plurality of different style templates according to the type of the target adaptation platform selected by the target user, and converting the initial style content according to the plurality of different style templates to obtain different target style contents, wherein the target style contents are stored by adopting a preset type file and are referred by the corresponding target adaptation platform.
Optionally, in a first implementation manner of the second aspect of the present invention, the editing module further includes: the device comprises a selecting unit, a display unit and a display unit, wherein the selecting unit is used for selecting initial page elements in a component library area of a preset visual panel according to a preset service, and the initial page elements comprise buttons, characters, pictures and progress bars; the configuration unit is used for dragging the initial page elements to a view editing area of the preset visualization panel and configuring the hierarchical relationship of any two initial page elements into a parent-child component relationship; the adjusting unit is used for performing attribute adjustment on the initial page element in an attribute editing area of the preset visual panel to obtain a target page element; and the display unit is used for displaying the hierarchical relationship of the target page elements in the view layer hierarchical region of the preset visual panel.
Optionally, in a second implementation manner of the second aspect of the present invention, the determining module is specifically configured to: when a style generation instruction triggered by a target user is received, acquiring an identifier corresponding to a target adaptation platform type selected by the target user from an adaptation platform area of the preset visualization panel, wherein different adaptation platform types correspond to different identifiers; and acquiring corresponding target adaptation platform data according to the identification of the target adaptation platform selected by the target user, wherein the target adaptation platform data comprises the type of the target adaptation platform and the version number of the corresponding target adaptation platform.
Optionally, in a third implementation manner of the second aspect of the present invention, the generating module is specifically configured to: determining the hierarchical relation of the target page elements from the view hierarchical region of the preset visualization panel; reading attribute information corresponding to the target page element from an attribute editing area of the preset visual panel, wherein the attribute information comprises an attribute name and an attribute value; and performing character string splicing on attribute information corresponding to the target page element according to the hierarchical relationship and a preset data format to obtain initial style content, and caching the initial style content, wherein the initial style content comprises the hierarchical relationship, size information, position information, margin information, color information, fillet information and font information.
Optionally, in a fourth implementation manner of the second aspect of the present invention, the conversion module is specifically configured to: generating and sending a request for inquiring a style template based on the type of the target adaptation platform selected by the target user to obtain inquiry data, wherein the inquiry data comprises a plurality of different style templates which are used for indicating style rules which are preset according to different adaptation platform types and accord with preset cascading style sheet style conversion standards and preset programming language specifications; carrying out recursive query on the initial style content according to the hierarchical relationship to obtain attribute information of a plurality of target page elements; judging whether corresponding attribute names exist in the plurality of different style templates; if the corresponding attribute names exist in the plurality of different style templates, acquiring corresponding standard style information from the plurality of different style templates according to the same attribute names, wherein the standard style information comprises replaceable style codes; replacing the corresponding attribute value according to the corresponding attribute name based on the replaceable style code to obtain the replaced style content; and combining preset fixed style content and the replaced style content to obtain different target style contents, wherein the target style contents are stored by adopting preset types of files and are referred by corresponding target adaptation platforms.
Optionally, in a fifth implementation manner of the second aspect of the present invention, the configuration unit is specifically configured to: monitoring the dragging operation of the initial page element in the preset visual panel; when the execution of the mouse releasing operation is monitored, judging whether the current mouse position belongs to the view editing area; if the current mouse position does not belong to the view editing area, the dragging operation is cancelled; if the current mouse position belongs to the view editing area, encoding the initial page element according to a preset rule; analyzing the initial page element, and displaying attribute information corresponding to the initial page element in an attribute editing area of the preset visual panel, wherein the attribute information comprises a plurality of attribute names and corresponding attribute values; setting the hierarchical relationship of any two initial page elements as a parent-child component relationship in the view editing area, wherein the parent component is at the previous level, and the child component is at the next level.
Optionally, in a sixth implementation manner of the second aspect of the present invention, the display unit is specifically configured to: inquiring the codes of the target page elements and the hierarchical relationship according to a tree structure display request to obtain root node information, and displaying the root node information in the middle of a view hierarchical region of the preset visual panel; and acquiring node information corresponding to any two adjacent hierarchies according to the root node information, and simultaneously displaying the node information corresponding to any two adjacent hierarchies to a target user in a view layer hierarchy area of the preset visual panel according to the hierarchy relation.
A third aspect of the present invention provides an apparatus for generating a multi-platform style, comprising: a memory having instructions stored therein and at least one processor, the memory and the at least one processor interconnected by a line; the at least one processor invokes the instructions in the memory to cause the device for generating a multi-platform style to perform the method for generating a multi-platform style described above.
A fourth aspect of the present invention provides a computer-readable storage medium having stored therein instructions, which, when run on a computer, cause the computer to perform the above-described method of generating a multi-platform style.
According to the technical scheme provided by the invention, element editing and layout are carried out on initial page elements in a preset visual panel according to a preset service to obtain target page elements, the preset visual panel comprises an adaptive platform area, and the element editing and layout comprises the steps of determining attribute information of the initial page elements and the hierarchical relationship between any two initial page elements; when a style generation instruction triggered by a user is received, determining the type of the adaptation platform selected by the user from the adaptation platform area of the preset visualization panel, wherein different adaptation platform types correspond to different identifiers; generating initial style content for the target page element according to the hierarchical relation; determining different style templates according to the type of the adaptation platform selected by the user, and converting the initial style content according to the different style templates to obtain different target style contents, wherein the target style contents are stored by adopting a preset type file and are referred by the corresponding adaptation platform. In the embodiment of the invention, the page elements are subjected to page layout through the preset visual panel to generate the initial style content with the hierarchical relationship, and the initial style content with the hierarchical relationship generates the corresponding style content according to the selected adaptation platform.
Drawings
FIG. 1 is a diagram of an embodiment of a method for generating a multi-platform style according to an embodiment of the present invention;
FIG. 2 is a diagram of another embodiment of a method for generating a multi-platform style according to an embodiment of the present invention;
FIG. 3 is a diagram of an embodiment of an apparatus for generating a multi-platform style according to an embodiment of the present invention;
FIG. 4 is a diagram of another embodiment of an apparatus for generating a multi-platform style according to an embodiment of the present invention;
fig. 5 is a diagram of an embodiment of a device for generating a multi-platform style in an embodiment of the present invention.
Detailed Description
The embodiment of the invention provides a method, a device, equipment and a storage medium for generating multi-platform styles, which are used for carrying out page layout on page elements through a preset visual panel and generating initial style contents with hierarchical relations, and generating the corresponding style contents of the initial style contents with the hierarchical relations according to a selected adaptive platform.
The terms "first," "second," "third," "fourth," and the like in the description and in the claims, as well as in the drawings, if any, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It will be appreciated that the data so used may be interchanged under appropriate circumstances such that the embodiments described herein may be practiced otherwise than as specifically illustrated or described herein. Furthermore, the terms "comprises," "comprising," or "having," and any variations thereof, are intended to cover non-exclusive inclusions, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
For understanding, a specific flow of an embodiment of the present invention is described below, and referring to fig. 1, an embodiment of a method for generating a multi-platform style in an embodiment of the present invention includes:
101. the method comprises the steps of editing and arranging elements of initial page elements in a preset visual panel according to preset services to obtain target page elements, wherein the preset visual panel comprises an adaptive platform area, and the editing and arranging of the elements comprises the step of determining attribute information of the initial page elements and the step relation between any two initial page elements.
The preset visual panel further comprises a component library area, a view editing area, an attribute editing area and a view hierarchical area, wherein the component library area provides general initial page elements, the view editing area displays different components in a view mode, the attribute editing area is used for editing the attributes of the components in the view editing area, the view hierarchical area is used for displaying the hierarchical relation of the components in the view editing area, and the adaptive platform area is a platform capable of dynamically adding or deleting support. Extracting and storing style data according to the edited target page element through a preset visual panel, controlling the adjustment of the target page element in real time according to the form of the configuration style parameter, and immediately presenting the layout of the page element according to the configuration style parameter.
It is to be understood that the executing subject of the present invention may be a device for generating a multi-platform style, and may also be a terminal or a server, which is not limited herein. The embodiment of the present invention is described by taking a terminal as an execution subject.
102. When a style generation instruction triggered by a target user is received, determining the type of the target adaptation platform selected by the target user from an adaptation platform area of a preset visualization panel, wherein different adaptation platform types correspond to different identifications.
Wherein different adaptation platform types correspond to different identifiers, for example, 001 is used for indicating the progressive framework Vue for constructing the user interface, and 002 is used for indicating the revision 5 of the hypertext markup language, i.e., H5, which is not limited herein.
It should be noted that the terminal may dynamically configure the supported platform, and store the configured platform information according to the JS object notation (JSON) data format, so as to accurately derive the final style content.
103. And generating initial style content for the target page element according to the hierarchical relation.
Further, the initial style content further includes background color information and scale information, which is not limited herein. That is, the initial style content describes style data of a target page element of a corresponding layout style and a layout style name of the corresponding layout style in JSON format. The preset format comprises a JSON format, the initial style content is subjected to data encapsulation by adopting the JSON format to obtain custom style data, the custom style data comprises at least one JSON node, and data corresponding to the JSON node is used for indicating hierarchical relation, size information, position information, margin information, color information, fillet information and font information.
104. Determining a plurality of different style templates according to the type of a target adaptation platform selected by a target user, and converting the initial style content according to the plurality of different style templates to obtain different target style contents, wherein the target style contents are stored by adopting a preset type file and are referred by the corresponding target adaptation platform.
And after the target user finishes dragging and configuring the page elements in the preset visual panel, clicking a 'style generation' button, and checking that the data file configured with the JSON format needs to generate style content corresponding to the type of the target adaptation platform.
It can be understood that after the layout of the visual interface, the terminal automatically detects the layout and attribute information of the target page elements, the terminal obtains a plurality of different style templates according to the type of the target adaptation platform selected by the target user, the terminal converts the initial style content into the target style content according to the plurality of different style templates, the target style content can be referred by the corresponding target adaptation platform after being stored by a prefabricated type file, or the target style content can be directly copied and pasted into the corresponding target adaptation platform for reference, and specific details are not limited herein.
In the embodiment of the invention, the page elements are subjected to page layout through the preset visual panel to generate the initial style content with the hierarchical relationship, and the initial style content with the hierarchical relationship generates the corresponding style content according to the selected adaptation platform.
Referring to fig. 2, another embodiment of the method for generating a multi-platform style according to the embodiment of the present invention includes:
201. and selecting initial page elements in a component library area of a preset visual panel according to a preset service, wherein the initial page elements comprise buttons, characters, pictures and progress bars.
The initial page element is used to indicate the element type, element name and element attribute of the generic view component, for example, for the button element type being button, the button element name being button _1, and the button element attribute being the basic style of the button, including the attributes of position, size, color, and rounded corner. Further, the terminal clicks and selects an initial page element in a component library area of a preset visual panel through a left mouse button according to a preset service.
202. Dragging the initial page elements to a view editing area of a preset visualization panel, and configuring the hierarchical relationship of any two initial page elements into a parent-child component relationship.
Dragging the initial page elements to a view editing area of a preset visualization panel, and configuring the hierarchical relationship of any two initial page elements into a parent-child component relationship, wherein the hierarchical relationship is the relationship of unique identifiers of any two initial page elements and is set as the parent-child component relationship. The view edit area displays the initial page elements in a preset view mode and a basic style.
Specifically, the terminal monitors the dragging operation of an initial page element in a preset visual panel; when monitoring that the mouse releasing operation is executed, the terminal judges whether the current mouse position belongs to a view editing area; if the current mouse position does not belong to the view editing area, the terminal cancels the dragging operation; if the current mouse position belongs to the view editing area, the terminal encodes the initial page element according to a preset rule; the terminal analyzes the initial page element and displays attribute information corresponding to the initial page element in an attribute editing area of a preset visual panel, wherein the attribute information comprises a plurality of attribute names and corresponding attribute values; the terminal sets the hierarchical relationship of any two initial page elements as a parent-child component relationship by adjusting the containing and contained relationship of the initial page elements in the view editing area, setting the initial page elements as child elements or parent elements in a pop-up dialog box, wherein the parent component is the previous hierarchy and the child components are the next hierarchy.
203. And performing attribute adjustment on the initial page element in an attribute editing area of a preset visual panel to obtain a target page element.
The attribute edit area is used for dynamically adjusting the attribute of an initial page element, and generally includes the position of the initial page element, the color of the initial page element, the texture of the initial page element, or other custom attributes of the initial page element. For example, the style of the picture border is set by a border attribute, and various style values can be written into the same sentence by using the border attribute and are separated by spaces: a width style color; that is, the bird: 3pxsolid #7D9EC 0; when the width, the style and the color of the frame are set, the frame needs to be set in sequence.
Specifically, when an initial page element is dragged from a component library area of a preset visual panel to a view editing area, a terminal extracts style parameter data and style parameter types of the initial page element, and displays the style parameter data and the style parameter types according to a preset text format through an attribute editing area; and the terminal adjusts the style parameters of the initial page element to obtain the target page element.
It should be noted that the component library region of the preset visualization panel includes an initial page element, the attribute of the dragged initial page element is adjusted, after the attribute adjustment is performed, the currently selected page element can be changed, and a corresponding target page element in the view editing region of the preset visualization panel can also be changed accordingly, so as to achieve the expected effect of the preset service.
204. And displaying the hierarchical relation of the target page elements in a view layer hierarchical region of a preset visualization panel.
The structure of the view level region is an inverted tree structure, and the view level region extends downwards from the target page element of the root node step by step and displays the target page elements of different nodes. Specifically, firstly, a terminal queries the coding and the hierarchical relationship of a target page element according to a tree structure display request to obtain root node information, wherein the root node information is used as a root node of the tree structure and is displayed on a first layer of the tree structure, and the root node is in a selected state after the root node is selected and is displayed in the middle of a view hierarchical region of a preset visual panel in an example of the currently selected root node; and then, the terminal acquires the node information corresponding to any two adjacent hierarchies according to the root node information and the hierarchy relation, and simultaneously displays the node information corresponding to any two adjacent hierarchies to the user in a view layer hierarchy area of a preset visual panel according to the hierarchy relation.
For example, the root node includes 4 child nodes, each child node includes its own child node, the child nodes are expanded from the root node, when each node is selected in the view hierarchy region of the preset visualization panel, the view hierarchy region and the view editing region highlight the currently selected target page element, the corresponding target page element in the view editing region is also displayed in the middle, and the attribute information of the currently selected target page element is displayed in the attribute editing region of the preset visualization panel.
205. When a style generation instruction triggered by a target user is received, determining the type of the target adaptation platform selected by the target user from an adaptation platform area of a preset visualization panel, wherein different adaptation platform types correspond to different identifications.
Specifically, when a style generation instruction triggered by a target user is received, the terminal acquires an identifier of a target adaptation platform selected by the target user from an adaptation platform area of a preset visual panel, wherein different adaptation platform types correspond to different identifiers; and the terminal acquires corresponding target adaptation platform data according to the identification of the target adaptation platform selected by the target user, wherein the target adaptation platform data comprises a target adaptation platform type and a corresponding target adaptation platform version number.
It can be understood that a plurality of configured platform types are displayed in the platform area of the preset visualization panel, and a user can set a target adaptation platform type from the plurality of configured platform types, wherein the setting includes setting at least one target adaptation platform type, and different adaptation platform types correspond to different identifications.
206. And generating initial style content for the target page element according to the hierarchical relation.
Specifically, the terminal determines the hierarchical relationship of target page elements from a view layer hierarchical region of a preset visual panel; the terminal reads attribute information corresponding to a target page element from an attribute editing area of a preset visual panel, wherein the attribute information comprises an attribute name and an attribute value; and the terminal performs character string splicing on attribute information corresponding to the target page element according to the hierarchical relationship and the preset data format to obtain initial style content, and caches the initial style content, wherein the initial style content comprises the hierarchical relationship, size information, position information, margin information, color information, fillet information and font information.
It can be understood that the preset format includes a JSON format, the initial style content is data-encapsulated in the JSON format, and custom style data is obtained and includes at least one JSON node, and data corresponding to the JSON node is used for indicating a hierarchical relationship, size information, position information, margin information, color information, fillet information, and font information.
207. And generating and sending a request for inquiring the style template based on the target adaptation platform type selected by the target user to obtain inquiry data, wherein the inquiry data comprises a plurality of different style templates which are used for indicating the style rules which are preset according to different adaptation platform types and accord with the preset cascading style sheet style conversion standard and the preset programming language specification.
Specifically, the terminal obtains a target adaptation platform type selected by a target user; the terminal queries according to the type of a target adaptation platform selected by a target user to obtain a corresponding identifier; the terminal generates a request for inquiring the plurality of style templates according to the corresponding identification and sends the request for inquiring the plurality of style templates to obtain inquiry data; the terminal analyzes the query data to obtain a plurality of different style templates, wherein the plurality of different style templates are standard style information which is preset according to different preset programming language specifications, and the standard style information accords with the preset programming language specifications.
208. And carrying out recursive query on the initial style content according to the hierarchical relation to obtain attribute information of a plurality of target page elements.
Further, the terminal analyzes and traverses each JSON node in the initial style content in the JSON format; the terminal extracts style content corresponding to the JSON node, where the style content is one or more cascading style sheet character strings, that is, attribute information corresponding to a target page element, where the attribute information includes an attribute name and an attribute value of a target web page element style, for example, the attribute name of a button is button, and the attribute name corresponding to a title of a document is title, and this is not limited here.
209. And judging whether corresponding attribute names exist in the plurality of different style templates.
Specifically, the terminal acquires file stream data from a plurality of different style templates; the terminal sets the corresponding attribute name in the attribute information as a keyword; the terminal searches and compares file stream data according to a preset character string algorithm and the keywords to obtain a matching result; if the matching result is a first preset value, determining that corresponding attribute names do not exist in the plurality of different style templates; and if the matching result is the second preset value, determining that corresponding attribute names exist in a plurality of different style templates.
210. And if the corresponding attribute names exist in the plurality of different style templates, acquiring corresponding standard style information from the plurality of different style templates according to the same attribute names, wherein the standard style information comprises replaceable style codes.
The terminal obtains standard style information according to the custom style data through searching, wherein the standard style information is abstracted in advance according to preset configuration style parameters and types and is stored in a plurality of different style templates, the preset style element parameters are a group of character strings for describing the styles of the page elements, the plurality of different style templates comprise the standard style information of at least one page element, and the standard style information of at least one page element comprises replaceable style codes, namely attribute names and replaceable attribute values.
211. And replacing the corresponding attribute value according to the corresponding attribute name based on the replaceable style code to obtain the replaced style content.
Specifically, the terminal acquires a corresponding attribute value according to the attribute name, wherein the corresponding attribute value comprises the position, the size, the number of layers, the width, the height or the transparency of the actually set numerical identifier; and the terminal replaces the replaceable style code according to the position, the size, the layer number, the width, the height or the transparency to obtain the replaced style content.
For example, when the terminal checks that the adaptation platform is a reac, a js file is generated, the terminal queries, for each target page element in the visual container, the position information of the root node from the initial style content, where the position information includes top, bottom, left, right, width and height attributes, rounded corner information, and color information, and recursively queries other attribute information of the target page element corresponding to the child node. For example, if there is style content generated by a title style in the initial style content, the first style content generated for the adaptation platform act replacement is as follows:
{title:{top:10,left:10,width:10,lineHeight:10,color:“black”,fontSize:18}}；
the attribute values 10, "black", and 18 of the replacement response are filled in by the attribute names top, left, width, lineHeight, color, and fontSize.
If the adaptation platform is the operating system iOS, the generated second style content is as follows:
title1.frame＝CGRactMake(10,10,10,10)；title1.color＝‘black’；title1.fontSize＝18；
and the first style content and the second style content are both replaced style contents. The first style contents and the second style contents conform to preset cascading style sheet style conversion standards and preset programming language specifications specified by the act and the iOS.
212. And combining the preset fixed style content and the replaced style content to obtain different target style contents, wherein the target style contents are stored by adopting preset type files and are referred by corresponding target adaptation platforms.
The preset fixed style content includes a width, a height, and a style < style > tag of a page to be applied, which is not limited herein. The style rule converts one or more corresponding cascading style sheet character strings into target style contents which accord with a preset cascading style sheet style conversion standard and a preset programming language specification, wherein the target style contents support a browser adopted by the adaptation platform.
Further, the user may select to copy the target style content or introduce a file including the target style content, and may refer to the style content therein. The above are the style content examples generated by the fact platform and the iOS platform, and different style contents can be output according to different platform characteristics, so that the compatibility and the development efficiency of the style to different adaptation platforms are improved.
In the embodiment of the invention, the page elements are subjected to page layout through the preset visual panel to generate the initial style content with the hierarchical relationship, and the initial style content with the hierarchical relationship generates the corresponding style content according to the selected adaptation platform.
With reference to fig. 3, the method for generating a multi-platform style in the embodiment of the present invention is described above, and an embodiment of the apparatus for generating a multi-platform style in the embodiment of the present invention includes:
the editing module 301 is configured to perform element editing and layout on initial page elements according to a preset service in a preset visualization panel to obtain a target page element, where the preset visualization panel includes an adaptation platform area, and the element editing and layout includes determining attribute information of the initial page elements and a hierarchical relationship between any two initial page elements;
a determining module 302, configured to determine, when a style generating instruction triggered by a target user is received, a target adaptation platform type selected by the target user from an adaptation platform area of a preset visualization panel, where different adaptation platform types correspond to different identifiers;
a generating module 303, configured to generate initial style content for the target page element according to the hierarchical relationship;
the conversion module 304 is configured to determine different style templates according to the type of the target adaptation platform selected by the target user, and perform conversion processing on the initial style content according to a plurality of different style templates to obtain different target style contents, where the target style contents are used for being saved in a preset type file and are referred to by a corresponding target adaptation platform.
In the embodiment of the invention, the page elements are subjected to page layout through the preset visual panel to generate the initial style content with the hierarchical relationship, and the initial style content with the hierarchical relationship generates the corresponding style content according to the selected adaptation platform.
Referring to fig. 4, another embodiment of the apparatus for generating a multi-platform style according to an embodiment of the present invention includes:
the editing module 301 is configured to perform element editing and layout on initial page elements according to a preset service in a preset visualization panel to obtain a target page element, where the preset visualization panel includes an adaptation platform area, and the element editing and layout includes determining attribute information of the initial page elements and a hierarchical relationship between any two initial page elements;
a determining module 302, configured to determine, when a style generating instruction triggered by a target user is received, a target adaptation platform type selected by the target user from an adaptation platform area of a preset visualization panel, where different adaptation platform types correspond to different identifiers;
a generating module 303, configured to generate initial style content for the target page element according to the hierarchical relationship;
the conversion module 304 is configured to determine multiple different style templates according to the type of the target adaptation platform selected by the target user, and perform conversion processing on the initial style content by the multiple different style templates to obtain different target style contents, where the target style contents are used for being saved in a preset type file and are referred to by the corresponding target adaptation platform.
Optionally, the editing module 301 further includes:
the selecting unit 3011 is configured to select an initial page element according to a preset service in a component library area of a preset visualization panel, where the initial page element includes a button, a text, a picture, and a progress bar;
the configuration unit 3012 is configured to drag an initial page element to a view editing area of a preset visualization panel, and configure a hierarchical relationship between any two initial page elements as a parent-child component relationship;
an adjusting unit 3013, configured to perform attribute adjustment on the initial page element in an attribute editing region of a preset visualization panel to obtain a target page element;
and the display unit 3014 is configured to display the hierarchical relationship of the target page element in a view hierarchical region of a preset visualization panel.
Optionally, the determining module 302 may be further specifically configured to:
when a style generation instruction triggered by a target user is received, acquiring an identifier corresponding to a target adaptation platform type selected by the target user from an adaptation platform area of a preset visual panel, wherein different adaptation platform types correspond to different identifiers;
and acquiring corresponding target adaptation platform data according to the identification of the target adaptation platform selected by the target user, wherein the target adaptation platform data comprises a target adaptation platform type and a corresponding target adaptation platform version number.
Optionally, the generating module 303 includes:
determining the hierarchical relation of target page elements from a view layer hierarchical region of a preset visual panel;
reading attribute information corresponding to a target page element from an attribute editing area of a preset visual panel, wherein the attribute information comprises an attribute name and an attribute value;
character string splicing is carried out on attribute information corresponding to the target page elements according to the hierarchical relationship and the preset data format to obtain initial style content, caching is carried out on the initial style content, and the initial style content comprises the hierarchical relationship, size information, position information, margin information, color information, fillet information and font information.
Optionally, the conversion module 304 may be further specifically configured to:
generating and sending a request for inquiring a style template based on a target adaptation platform type selected by a target to obtain inquiry data, wherein the inquiry data comprises a plurality of different style templates which are used for indicating style rules which are preset according to different adaptation platform types and accord with preset cascading style sheet style conversion standards and preset programming language specifications;
carrying out recursive query on the initial style content according to the hierarchical relation to obtain attribute information of a plurality of target page elements;
judging whether corresponding attribute names exist in a plurality of different style templates;
if corresponding attribute names exist in the plurality of different style templates, acquiring corresponding standard style information from the plurality of different style templates according to the same attribute names, wherein the standard style information comprises replaceable style codes;
replacing the corresponding attribute value according to the corresponding attribute name based on the replaceable style code to obtain the replaced style content;
and combining the preset fixed style content and the replaced style content to obtain different target style contents, wherein the target style contents are stored by adopting preset type files and are referred by corresponding target adaptation platforms.
Optionally, the configuration unit 3012 may be further specifically configured to:
monitoring the dragging operation of an initial page element in a preset visual panel;
when the execution of the mouse releasing operation is monitored, judging whether the current mouse position belongs to a view editing area;
if the current mouse position does not belong to the view editing area, the dragging operation is cancelled;
if the current mouse position belongs to the view editing area, encoding the initial page element according to a preset rule;
analyzing the initial page element, and displaying attribute information corresponding to the initial page element in an attribute editing area of a preset visual panel, wherein the attribute information comprises a plurality of attribute names and corresponding attribute values;
setting the hierarchical relationship of any two initial page elements as a parent-child component relationship in the view editing area, wherein the parent component is at the previous level and the child component is at the next level.
Optionally, the configuration unit 3014 may be further specifically configured to:
inquiring the coding and the hierarchical relation of the target page element according to the tree structure display request to obtain root node information, and displaying the root node information in the middle position of a view hierarchical region of a preset visual panel;
and acquiring node information corresponding to any two adjacent hierarchies according to the root node information, and simultaneously displaying the node information corresponding to any two adjacent hierarchies to a user in a view layer hierarchy area of a preset visual panel according to the hierarchy relation.
In the embodiment of the invention, the page elements are subjected to page layout through the preset visual panel to generate the initial style content with the hierarchical relationship, and the initial style content with the hierarchical relationship generates the corresponding style content according to the selected adaptation platform.
Fig. 3 and 4 describe the apparatus for generating a multi-platform style in the embodiment of the present invention in detail from the perspective of a modular functional entity, and the apparatus for generating a multi-platform style in the embodiment of the present invention is described in detail from the perspective of hardware processing.
Fig. 5 is a schematic structural diagram of an apparatus for generating a multi-platform style according to an embodiment of the present invention, where the apparatus 500 for generating a multi-platform style may have a relatively large difference due to different configurations or performances, and may include one or more processors (CPUs) 510 (e.g., one or more processors) and a memory 520, and one or more storage media 530 (e.g., one or more mass storage devices) for storing applications 533 or data 532. Memory 520 and storage media 530 may be, among other things, transient or persistent storage. The program stored on the storage medium 530 may include one or more modules (not shown), each of which may include a sequence of instruction operations in the apparatus 500 for generating a multi-platform style. Further, the processor 510 may be configured to communicate with the storage medium 530, and execute a series of instruction operations in the storage medium 530 on the apparatus 500 for generating the multi-platform style.
The multi-platform style generating device 500 may also include one or more power supplies 540, one or more wired or wireless network interfaces 550, one or more input-output interfaces 560, and/or one or more operating systems 531, such as Windows Server, Mac OS X, Unix, L inux, FreeBSD, etc. it will be understood by those skilled in the art that the multi-platform style generating device configuration shown in FIG. 5 does not constitute a limitation of the multi-platform style generating device, may include more or fewer components than shown, may combine certain components, or a different arrangement of components.
The present invention also provides a computer-readable storage medium, which may be a non-volatile computer-readable storage medium, and which may also be a volatile computer-readable storage medium, having stored therein instructions, which, when run on a computer, cause the computer to perform the steps of the method of generating a multi-platform style.
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.
The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present invention may be embodied in the form of a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a read-only memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.
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 (10)

1. A method of generating a multi-platform style, the method comprising:
element editing and layout are carried out on initial page elements in a preset visual panel according to preset services to obtain target page elements, the preset visual panel comprises an adaptive platform area, and the element editing and layout comprises the steps of determining attribute information of the initial page elements and the hierarchical relationship between any two initial page elements;
when a style generation instruction triggered by a target user is received, determining a target adaptation platform type selected by the target user from an adaptation platform area of the preset visualization panel, wherein different adaptation platform types correspond to different identifiers;
generating initial style content for the target page element according to the hierarchical relation;
and determining a plurality of different style templates according to the type of the target adaptation platform selected by the target user, and converting the initial style content according to the plurality of different style templates to obtain different target style contents, wherein the target style contents are stored by adopting a preset type file and are referred by the corresponding target adaptation platform.
2. The method according to claim 1, wherein the element editing and layout of an initial page element in a preset visualization panel according to a preset service to obtain a target page element, the preset visualization panel includes an adaptive platform region, and the element editing and layout includes determining attribute information of the initial page element and a hierarchical relationship between any two of the initial page elements, including:
selecting initial page elements in a component library area of a preset visual panel according to a preset service, wherein the initial page elements comprise buttons, characters, pictures and progress bars;
dragging the initial page elements to a view editing area of the preset visualization panel, and configuring the hierarchical relationship of any two initial page elements into a parent-child component relationship;
performing attribute adjustment on the initial page element in an attribute editing area of the preset visual panel to obtain a target page element;
and displaying the hierarchical relation of the target page elements in a view hierarchical region of the preset visual panel.
3. The method for generating a multi-platform style according to claim 1, wherein when a style generation instruction triggered by a target user is received, a target adaptation platform type selected by the target user is determined from an adaptation platform area of the preset visualization panel, and different adaptation platform types correspond to different identifiers, and the method comprises the following steps:
when a style generation instruction triggered by a target user is received, acquiring an identifier of the target adaptation platform selected by the target user from an adaptation platform area of the preset visualization panel, wherein different adaptation platform types correspond to different identifiers;
and acquiring corresponding target adaptation platform data according to the identification of the target adaptation platform selected by the target user, wherein the target adaptation platform data comprises the type of the target adaptation platform and the version number of the corresponding target adaptation platform.
4. The method for generating a multi-platform style according to claim 1, wherein the generating initial style content for the target page element according to the hierarchical relationship comprises:
determining the hierarchical relation of the target page elements from the view hierarchical region of the preset visualization panel;
reading attribute information corresponding to the target page element from an attribute editing area of the preset visual panel, wherein the attribute information comprises an attribute name and an attribute value;
and performing character string splicing on attribute information corresponding to the target page element according to the hierarchical relationship and a preset data format to obtain initial style content, and caching the initial style content, wherein the initial style content comprises the hierarchical relationship, size information, position information, margin information, color information, fillet information and font information.
5. The method for generating a multi-platform style according to claim 4, wherein the determining a plurality of different style templates according to the target adaptation platform type selected by the target user, and performing a conversion process on the initial style content according to the plurality of different style templates to obtain different target style contents, wherein the target style contents are saved in a preset type of file and referred to by a corresponding target adaptation platform, includes:
generating and sending a request for inquiring a style template based on the type of the target adaptation platform selected by the target user to obtain inquiry data, wherein the inquiry data comprises a plurality of different style templates which are used for indicating style rules which are preset according to different adaptation platform types and accord with preset cascading style sheet style conversion standards and preset programming language specifications;
carrying out recursive query on the initial style content according to the hierarchical relationship to obtain attribute information of a plurality of target page elements;
judging whether corresponding attribute names exist in the plurality of different style templates;
if the corresponding attribute names exist in the plurality of different style templates, acquiring corresponding standard style information from the plurality of different style templates according to the same attribute names, wherein the standard style information comprises replaceable style codes;
replacing the corresponding attribute value according to the corresponding attribute name based on the replaceable style code to obtain the replaced style content;
and combining preset fixed style content and the replaced style content to obtain different target style contents, wherein the target style contents are stored by adopting preset types of files and are referred by corresponding target adaptation platforms.
6. The method for generating a multi-platform style according to claim 2, wherein the dragging the initial page elements to the view editing area of the preset visualization panel and configuring the hierarchical relationship of any two of the initial page elements as a parent-child relationship comprises:
monitoring the dragging operation of the initial page element in the preset visual panel;
when the execution of the mouse releasing operation is monitored, judging whether the current mouse position belongs to the view editing area;
if the current mouse position does not belong to the view editing area, the dragging operation is cancelled;
if the current mouse position belongs to the view editing area, encoding the initial page element according to a preset rule;
analyzing the initial page element, and displaying attribute information corresponding to the initial page element in an attribute editing area of the preset visual panel, wherein the attribute information comprises a plurality of attribute names and corresponding attribute values;
setting the hierarchical relationship of any two initial page elements in the view editing area as a parent-child component relationship, wherein a parent component is at the previous level, and a child component is at the next level.
7. The method for generating a multi-platform style according to claim 1 or 3, wherein the displaying the hierarchical relationship of the target page element in the view hierarchical region of the preset visualization panel comprises:
inquiring the codes of the target page elements and the hierarchical relationship according to a tree structure display request to obtain root node information, and displaying the root node information in the middle of a view hierarchical region of the preset visual panel;
and acquiring node information corresponding to any two adjacent hierarchies according to the root node information, and simultaneously displaying the node information corresponding to any two adjacent hierarchies to a target user in a view layer hierarchy area of the preset visual panel according to the hierarchy relation.
8. An apparatus for generating a multi-platform style, the apparatus comprising:
the editing module is used for performing element editing and layout on initial page elements in a preset visual panel according to a preset service to obtain target page elements, the preset visual panel comprises an adaptive platform area, and the element editing and layout comprises determining attribute information of the initial page elements and a hierarchical relationship between any two initial page elements;
the determining module is used for determining the type of the target adaptation platform selected by the target user from the adaptation platform area of the preset visualization panel when receiving a style generation instruction triggered by the target user, wherein different adaptation platform types correspond to different identifiers;
the generating module is used for generating initial style content for the target page element according to the hierarchical relation;
and the conversion module is used for determining a plurality of different style templates according to the type of the target adaptation platform selected by the target user, and converting the initial style content according to the plurality of different style templates to obtain different target style contents, wherein the target style contents are stored by adopting a preset type file and are referred by the corresponding target adaptation platform.
9. An apparatus for generating a multi-platform style, the apparatus comprising: a memory having instructions stored therein and at least one processor, the memory and the at least one processor interconnected by a line;
the at least one processor invokes the instructions in the memory to cause the device generating a multi-platform style to perform the method of generating a multi-platform style according to any one of claims 1-7.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the method of generating a multi-platform style according to any one of claims 1-7.
CN202010211127.3A 2020-03-24 2020-03-24 Method, device, equipment and storage medium for generating multi-platform style Active CN111506310B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010211127.3A CN111506310B (en) 2020-03-24 2020-03-24 Method, device, equipment and storage medium for generating multi-platform style

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010211127.3A CN111506310B (en) 2020-03-24 2020-03-24 Method, device, equipment and storage medium for generating multi-platform style

Publications (2)

Publication Number Publication Date
CN111506310A true CN111506310A (en) 2020-08-07
CN111506310B CN111506310B (en) 2024-04-05

Family

ID=71864644

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010211127.3A Active CN111506310B (en) 2020-03-24 2020-03-24 Method, device, equipment and storage medium for generating multi-platform style

Country Status (1)

Country Link
CN (1) CN111506310B (en)

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112099697A (en) * 2020-09-28 2020-12-18 四川长虹电器股份有限公司 VUE-based method for dynamically switching display data of cascade panel assembly
CN112099770A (en) * 2020-09-16 2020-12-18 携程旅游网络技术（上海）有限公司 Template-based webpage generation method, system, equipment and storage medium
CN112416328A (en) * 2020-12-11 2021-02-26 广州伊智信息科技有限公司 Multi-platform small program mall construction method, device, equipment and medium
CN112433724A (en) * 2020-11-09 2021-03-02 北京达佳互联信息技术有限公司 Target component style generation method and device, electronic equipment and storage medium
CN112732398A (en) * 2021-02-02 2021-04-30 三盟科技股份有限公司 Big data visualization management method and system based on artificial intelligence
CN113434141A (en) * 2021-07-05 2021-09-24 北京鼎普科技股份有限公司 Windows graphical interface management system development method and system based on domestic environment
CN113703785A (en) * 2021-08-31 2021-11-26 康键信息技术（深圳）有限公司 Component-based platform deployment method, device, equipment and storage medium
CN114637499A (en) * 2022-03-31 2022-06-17 阿里巴巴（中国）有限公司 Visualization component processing method, device, equipment and medium
CN114745296A (en) * 2020-12-23 2022-07-12 北京首信科技股份有限公司 Data reporting method and device
CN115098163A (en) * 2022-08-29 2022-09-23 塬数科技(无锡)有限公司 Multi-end adaptation method based on configuration visualization product
CN115562652A (en) * 2022-11-24 2023-01-03 金现代信息产业股份有限公司 Component style processing method and system for low-code development platform
CN115587269A (en) * 2022-09-07 2023-01-10 中电金信软件有限公司 Method and device for generating H5 page of client
CN116301847A (en) * 2023-01-28 2023-06-23 广西数字大脑智能科技有限责任公司 System and method for rapidly generating page based on development platform
CN117573107A (en) * 2024-01-12 2024-02-20 宁波市华测检测技术有限公司 Front-end page generation method and device

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103024564A (en) * 2012-11-21 2013-04-03 江苏省公用信息有限公司 Method for visually developing and automatically generating electronic program guide (EPG) webpage of Internet protocol television (IPTV) platform
GB201317900D0 (en) * 2013-10-10 2013-11-27 Ibm Generation of combined documents from content and layout documents based on semantically neutral elements
CN106293777A (en) * 2016-10-31 2017-01-04 山东鲁能软件技术有限公司 A kind of based on component-based development front-end interface control implementation method
CN106708480A (en) * 2015-07-29 2017-05-24 腾讯科技（深圳）有限公司 Management platform realization method and apparatus
WO2018103109A1 (en) * 2016-12-05 2018-06-14 国云科技股份有限公司 Web page management system and implementation method thereof
WO2018119120A1 (en) * 2016-12-21 2018-06-28 Open Text Corporation Systems and methods for conversion of web content into reusable templates and components
CN108228249A (en) * 2016-12-14 2018-06-29 百度在线网络技术（北京）有限公司 A kind of cross-platform implementation method of application, device and equipment
CN110187878A (en) * 2019-05-29 2019-08-30 北京三快在线科技有限公司 A kind of page generation method and device
WO2019242274A1 (en) * 2018-06-22 2019-12-26 北京搜狗科技发展有限公司 Content processing method and device

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103024564A (en) * 2012-11-21 2013-04-03 江苏省公用信息有限公司 Method for visually developing and automatically generating electronic program guide (EPG) webpage of Internet protocol television (IPTV) platform
GB201317900D0 (en) * 2013-10-10 2013-11-27 Ibm Generation of combined documents from content and layout documents based on semantically neutral elements
CN106708480A (en) * 2015-07-29 2017-05-24 腾讯科技（深圳）有限公司 Management platform realization method and apparatus
CN106293777A (en) * 2016-10-31 2017-01-04 山东鲁能软件技术有限公司 A kind of based on component-based development front-end interface control implementation method
WO2018103109A1 (en) * 2016-12-05 2018-06-14 国云科技股份有限公司 Web page management system and implementation method thereof
CN108228249A (en) * 2016-12-14 2018-06-29 百度在线网络技术（北京）有限公司 A kind of cross-platform implementation method of application, device and equipment
WO2018119120A1 (en) * 2016-12-21 2018-06-28 Open Text Corporation Systems and methods for conversion of web content into reusable templates and components
WO2019242274A1 (en) * 2018-06-22 2019-12-26 北京搜狗科技发展有限公司 Content processing method and device
CN110187878A (en) * 2019-05-29 2019-08-30 北京三快在线科技有限公司 A kind of page generation method and device

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
YU JIAN 等: "Visual Platform Analysis Based on Widget Technology", 《2017 INTERNATIONAL CONFERENCE ON COMPUTER TECHNOLOGY, ELECTRONICS AND COMMUNICATION》, pages 19 - 22 *
姜蔚丽: "基于HTML5/.NET的新型高校图书馆数字资源系统设计", 《电子设计工程》, vol. 27, no. 20, pages 27 - 31 *
石头老张: "跨平台应用研发框架Cordova和Electron", pages 1 - 12, Retrieved from the Internet <URL:《https://www.jianshu.com/p/1a99219304b1/》> *

Cited By (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112099770A (en) * 2020-09-16 2020-12-18 携程旅游网络技术（上海）有限公司 Template-based webpage generation method, system, equipment and storage medium
CN112099697A (en) * 2020-09-28 2020-12-18 四川长虹电器股份有限公司 VUE-based method for dynamically switching display data of cascade panel assembly
CN112433724A (en) * 2020-11-09 2021-03-02 北京达佳互联信息技术有限公司 Target component style generation method and device, electronic equipment and storage medium
CN112416328A (en) * 2020-12-11 2021-02-26 广州伊智信息科技有限公司 Multi-platform small program mall construction method, device, equipment and medium
CN114745296B (en) * 2020-12-23 2023-08-15 北京首信科技股份有限公司 Data reporting method and device
CN114745296A (en) * 2020-12-23 2022-07-12 北京首信科技股份有限公司 Data reporting method and device
CN112732398A (en) * 2021-02-02 2021-04-30 三盟科技股份有限公司 Big data visualization management method and system based on artificial intelligence
CN113434141A (en) * 2021-07-05 2021-09-24 北京鼎普科技股份有限公司 Windows graphical interface management system development method and system based on domestic environment
CN113434141B (en) * 2021-07-05 2023-12-12 北京鼎普科技股份有限公司 Method and system for developing windows graphical interface management system based on domestic environment
CN113703785A (en) * 2021-08-31 2021-11-26 康键信息技术（深圳）有限公司 Component-based platform deployment method, device, equipment and storage medium
CN113703785B (en) * 2021-08-31 2023-10-31 康键信息技术（深圳）有限公司 Component-based platform deployment method, device, equipment and storage medium
CN114637499A (en) * 2022-03-31 2022-06-17 阿里巴巴（中国）有限公司 Visualization component processing method, device, equipment and medium
CN115098163B (en) * 2022-08-29 2022-11-15 塬数科技(无锡)有限公司 Multi-terminal adaptation method based on configuration visualization product
CN115098163A (en) * 2022-08-29 2022-09-23 塬数科技(无锡)有限公司 Multi-end adaptation method based on configuration visualization product
CN115587269A (en) * 2022-09-07 2023-01-10 中电金信软件有限公司 Method and device for generating H5 page of client
CN115587269B (en) * 2022-09-07 2023-11-28 中电金信软件有限公司 Client H5 page generation method and device
CN115562652B (en) * 2022-11-24 2023-08-15 金现代信息产业股份有限公司 Component style processing method and system for low-code development platform
CN115562652A (en) * 2022-11-24 2023-01-03 金现代信息产业股份有限公司 Component style processing method and system for low-code development platform
CN116301847A (en) * 2023-01-28 2023-06-23 广西数字大脑智能科技有限责任公司 System and method for rapidly generating page based on development platform
CN116301847B (en) * 2023-01-28 2023-11-21 广西数字大脑智能科技有限责任公司 System and method for rapidly generating page based on development platform
CN117573107A (en) * 2024-01-12 2024-02-20 宁波市华测检测技术有限公司 Front-end page generation method and device

Also Published As

Publication number Publication date
CN111506310B (en) 2024-04-05

Similar Documents

Publication Publication Date Title
CN111506310B (en) Method, device, equipment and storage medium for generating multi-platform style
CN108491205B (en) Front-end webpage development method and system based on component tree
CN109918607B (en) Page construction method and device, medium and computing equipment
Vanderdonckt et al. Flexible reverse engineering of web pages with vaquista
US7676756B2 (en) Mapping tool graphical user interface
Alderson Meta-CASE technology
US7698694B2 (en) Methods and systems for transforming an AND/OR command tree into a command data model
US20090217151A1 (en) Document processing and management approach for editing a markup language document
US7941746B2 (en) Extended cascading style sheets
CN112416339A (en) Page development method and device and computer equipment
CN111241454A (en) Method, system and device for generating webpage code
CN110705237B (en) Automatic document generation method, data processing device and storage medium
CN106354483B (en) Data processing method and device and electronic equipment
US20080010588A1 (en) Document Processing Device and Document Processing Method
US20090077462A1 (en) Document processing device and document processing method
US20090083300A1 (en) Document processing device and document processing method
CN114020246A (en) Navigation caliper H5 page layout method, device, equipment and medium
US20070283246A1 (en) Processing Documents In Multiple Markup Representations
CN112083926A (en) Web user interface generation method and device
US20080010587A1 (en) Document Processing Device and Document Processing Method
CN111124380A (en) Front-end code generation method
US7802181B2 (en) Document processing device and document processing method
US20080320412A1 (en) Document Processing Device and Document Processing Method
US20090235156A1 (en) Document processing device and document processing method
US20080005662A1 (en) Server Device and Name Space Issuing Method

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
TA01 Transfer of patent application right
TA01 Transfer of patent application right

Effective date of registration: 20210226

Address after: Room 201, building a, No.1 Qianwan 1st Road, Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong Province (settled in Shenzhen Qianhai business secretary Co., Ltd.)

Applicant after: Shenzhen saiante Technology Service Co.,Ltd.

Address before: 1-34 / F, Qianhai free trade building, 3048 Xinghai Avenue, Mawan, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong 518000

Applicant before: Ping An International Smart City Technology Co.,Ltd.

SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant