CN111679818A

CN111679818A - Method and system for editing display software

Info

Publication number: CN111679818A
Application number: CN202010553001.4A
Authority: CN
Inventors: 薛颖浩
Original assignee: Shenzhen Yuanyun Technology Co ltd
Current assignee: Shenzhen Yuanyun Technology Co ltd
Priority date: 2020-06-17
Filing date: 2020-06-17
Publication date: 2020-09-18

Abstract

A method and system for editing presentation software, the method comprising: displaying an editable software project list, and displaying an editing interface when receiving an editing instruction for editing the selected software project; responding to the operation of adding the design element assembly in the editing interface, generating and displaying a corresponding configuration window, wherein the configuration window comprises a configuration menu for configuring the display effect of the design element assembly; determining configuration data corresponding to the design element assembly according to the detected configuration operation in the configuration menu; and when an operation instruction for confirming the configuration is received, generating a configuration table which comprises configuration table labels and identifiers, type names and configuration data corresponding to the design element components and is used for generating the display software according to the configuration window and the configuration data. The method has the advantages that the configuration data for generating the display software can be simply and directly constructed by the user through configuration operation on the visual interface under the condition of code separation, and the development efficiency of the display software is improved.

Description

Method and system for editing display software

Technical Field

The invention relates to the technical field of computers, in particular to a method and a system for editing and displaying software.

Background

In order to meet the application requirements of users in different fields and different problems, various kinds of application software can be developed, such as display software or demonstration software for displaying information in exhibition halls, science and technology museums and the like, ordering software for introducing dishes and ordering in restaurants and the like, and various kinds of display software can be designed and developed according to the information display requirements.

At present, the manufacturing process of the display software mainly comprises the following steps: firstly, a planning group designs and arranges the development requirements of the display software, then an art manufacturing group manufactures the contents required by the software according to the development requirements, such as the background, the buttons, various frames, pictures, the contents required to be displayed and the like of the software according to the development requirements, and finally a programmer develops the contents manufactured by the art group into the application software of various platforms capable of carrying out man-machine interaction according to the development requirements of the planning group.

However, in practical applications, the development requirements of the planning group often change continuously, so that the art production and the program development need to be performed again according to the change of the planning group, each development of software needs a lot of time, and manpower and material resources are repeatedly input, so that the development efficiency of the display software is low.

Disclosure of Invention

The application provides a method and a system for editing display software, so that the development efficiency of the display software is improved.

In one embodiment, a method for editing display software is provided, including:

displaying an editable software project list in a software project editing interface;

when an editing instruction for editing the selected software project in the software project list is received, displaying an editing interface for editing and displaying software;

responding to the operation of adding design element components required by displaying software in the editing interface, and generating and displaying a configuration window corresponding to the design element components, wherein the configuration window comprises a configuration menu for configuring the display effect of the design element components;

detecting configuration operation in the configuration menu, and determining configuration data corresponding to the design element component according to the configuration operation;

and when an operation instruction for confirming configuration is received, generating a configuration table according to the configuration window and the configuration data, wherein the configuration table comprises a configuration table label, an identifier corresponding to the design element component, a type name and the configuration data, and the configuration table is used for generating display software.

In one embodiment, a system for editing presentation software is provided, comprising:

the editing and displaying module is used for displaying an editable software project list in a software project editing interface and displaying the editing interface for editing and displaying software when an editing instruction for editing a selected software project in the software project list is received;

the design element configuration module is used for responding to the operation of adding a design element assembly required by the display software in the editing interface, generating and displaying a configuration window corresponding to the design element assembly, wherein the configuration window comprises a configuration menu used for configuring the display effect of the design element assembly, detecting the configuration operation in the configuration menu, and determining the configuration data corresponding to the design element assembly according to the configuration operation;

and the configuration table generating module is used for generating a configuration table according to the configuration window and the configuration data when receiving an operation instruction for confirming configuration, wherein the configuration table comprises a configuration table label, an identifier, a type name and the configuration data corresponding to the design element component, and the configuration table is used for generating display software.

According to the method and the system for editing the display software, when the display software is developed or edited, an editable software project list can be displayed for a user, and the user can select a software project from the editable software project list to edit; when a user selects a software project to be edited, an editing interface for editing the display software can be displayed for the user, and the user can add design element components in the editing interface according to the requirements of the display software to be developed or edited; responding to the operation, generating and displaying a configuration window corresponding to the added design element assembly for a user, enabling the user to visually configure the display effect of the design element assembly in the configuration window, and determining corresponding configuration data according to the configuration operation of the user; and when an operation instruction for confirming the configuration is received, a configuration table for generating the display software can be generated according to the configuration window and the configuration data. The method has the advantages that operation can be carried out on a visual interface when the display software is developed or edited, so that the configuration table for generating the display software is generated, a user can edit the display software under the condition of code separation, relevant data for generating the display software can be constructed more simply and directly through visual operation, and the development efficiency of the display software is improved.

Drawings

Fig. 1 is a schematic structural diagram of a system for editing presentation software according to an embodiment of the present disclosure;

fig. 2 is a flowchart of a method for editing display software according to an embodiment of the present application;

FIG. 3 is a diagram illustrating an exemplary display effect of a software project editing interface according to an embodiment of the present disclosure;

FIG. 4 is a diagram illustrating a display effect of an editing interface according to an embodiment of the present disclosure;

FIG. 5a is a diagram illustrating a display effect of a configuration window of an initialization component according to an embodiment of the present application;

FIG. 5b is a schematic diagram illustrating an exemplary display effect of a configuration window of a custom interface component according to an embodiment of the present disclosure;

FIG. 5c is a schematic diagram illustrating a display effect of a custom configuration interface in an embodiment of the present application;

FIG. 5d is a diagram illustrating a display effect of a configuration window of a video component according to an embodiment of the present application;

FIG. 5e is a diagram illustrating a display effect of a configuration window of a web page component according to an embodiment of the present disclosure;

FIG. 5f is a schematic diagram of an effect of a configuration window of a picture element assembly according to an embodiment of the present application;

FIG. 6 is a flowchart of a specific method for editing presentation software according to an embodiment of the present disclosure;

FIG. 7 is a diagram illustrating the establishment of a link relationship between design element components in an embodiment of the present application;

FIG. 8 is a diagram illustrating a data structure of a configuration table according to an embodiment of the present application;

FIG. 9 is a schematic structural diagram of a system for generating presentation software according to an embodiment of the present disclosure;

FIG. 10 is a diagram illustrating an exemplary display of a list of software items that may be displayed in an embodiment of the present application;

fig. 11 is a flowchart of a method for generating presentation software using a configuration table according to an embodiment of the present application.

Detailed Description

The present invention will be described in further detail with reference to the following detailed description and accompanying drawings. Wherein like elements in different embodiments are numbered with like associated elements. In some instances, certain operations related to the present application have not been shown or described in detail in order to avoid obscuring the core of the present application from excessive description, and it is not necessary for those skilled in the art to describe these operations in detail, so that they may be fully understood from the description in the specification and the general knowledge in the art. Furthermore, the features, operations, or characteristics described in the specification may be combined in any suitable manner to form various embodiments. Also, the various steps or actions in the method descriptions may be transposed or transposed in order, as will be apparent to one of ordinary skill in the art.

In the embodiment of the application, the software project to be developed can be edited on the visual software editing interface. The method comprises the steps of displaying an editable software item list in a software item editing interface, displaying the editing interface for editing and displaying software when an editing instruction for editing a selected software item is received, responding to the operation of adding a design element assembly required by displaying the software in the editing interface, generating and displaying a configuration window corresponding to the design element assembly, determining configuration data corresponding to the design element assembly according to the configuration operation in a configuration menu for configuring the display effect of the design element assembly in the configuration window, and generating a configuration table comprising configuration table labels and identifiers, type names and configuration data corresponding to the design element assembly according to the configuration window and the configuration data. The visualized operation interface can enable a user to simply and conveniently construct relevant data for generating the display software under the condition of deviating from the code.

Referring to fig. 1, a schematic structural diagram of a system for editing presentation software provided in an embodiment of the present application may be regarded as a client application software capable of running on a device such as a mobile phone, a tablet computer, a notebook computer, a palm computer, a desktop computer, and the like. As shown in fig. 1, the system may include an edit display module 11, a design element arrangement module 12, and an arrangement table generation module 13.

The editing and displaying module 11 is configured to display an editable software item list in the software item editing interface, and display an editing interface for editing and displaying software when an editing instruction for editing a selected software item in the editable software item list is received. In one particular embodiment, the editable list of software items may include software items that have been previously created and/or new software items. For example, a user edits a software project a by using the system for editing display software provided by the present application, and may cache the software project locally or upload the software project to a server, such as a cloud server, and after the user starts the system again or logs in the system, the created software project a may be displayed in a software project editing interface, and the user may continue to edit the software project a. If a user needs to create a new software project, the new software project can be created in the software project editing interface, and the new software project can be created in the editable software project list.

The design element configuration module 12 is configured to generate and display a configuration window corresponding to a design element component in response to an operation of adding the design element component required by the display software in the editing interface, where the configuration window includes a configuration menu for configuring a display effect of the design element component, detect a configuration operation in the configuration menu, and determine configuration data corresponding to the design element component according to the configuration operation. The design element component may include an initialization component and at least one of a picture component, a sliding interface component, a video component, a web page component, a button component, a text component, and a custom interface component.

The configuration table generating module 13 is configured to generate a configuration table according to the added configuration window and the configuration data generated by the design element configuring module 12 when receiving an operation instruction for confirming configuration, where the configuration table may include a configuration table tag and an identifier, a type name, and configuration data corresponding to the added design element component. For example, a software item list in a software item editing interface includes a software item 1 and a software item 2, a configuration table corresponding to the software item 1 can be generated after an editing operation is performed on the software item 1, a configuration table corresponding to the software item 2 can be generated after an editing operation is performed on the software item 2, and configuration tables corresponding to the software item 1 and the software item 2 can be distinguished through the configuration table tags. The identifier corresponding to the design element component can be used to distinguish the design element component, for example, two picture components are added on the editing interface, and the identifier can be used to distinguish the two picture components; in practical applications, the identifier may be, for example, a Globally Unique Identifier (GUID). The type name is used to represent the type of the design element component, and for example, the type name "Photo" may represent the picture component, the type name "Video" may represent the Video component, the type name "Web" may represent the Web page component, and so on.

The configuration table generated by the configuration table generation module 13 may be used to generate presentation software. For example, the configuration table may be stored in a storage device such as a local memory, a mobile hard disk, or a server, and when the display software is generated, the configuration table may be read from the storage device, the read configuration table may be analyzed to obtain relevant display software data, and the display software may be generated according to the relevant display software data.

According to the system for editing the display software, the user can edit and manufacture the required display software by separating from the code through the visual operation interface, the user can generate the relevant configuration data of the required display software by operating on the visual operation interface, the user can be helped to edit the display software quickly, and the development period of the display software is shortened. The configuration table generated by the system can be stored in any storage device, for example, the configuration table can be stored in a server, when the display software is generated, the configuration table can be read from the server and analyzed to obtain the relevant configuration data of the display software, and the display software can be generated according to the configuration data.

In one embodiment, an application for generating presentation software may be designed, for example, when a user needs to generate presentation software using a configuration table, the application may be run, where a list of exposable software items may be displayed on the interface, a user may select a software item to be exposed from the list of software items, the application, in response to an operation of selecting a software item from the list of software items, determines a configuration table tag corresponding to the selected software item, then obtaining the corresponding configuration table according to the configuration table label, further analyzing the configuration table to obtain the display software data, the presentation software data including an identifier, a type name and configuration data for determining a design element component to be presented by the presentation software, and the configuration data is used for determining the display effect of the design element assembly, and finally, display software is generated according to the display software data obtained by analysis.

Based on the same inventive concept, the embodiment of the present application further provides a method for editing the display software, and the flowchart thereof is shown in fig. 2, and the method can be applied to the above system for editing the display software, and can also be executed by a processor to implement development or editing of the display software. As shown in fig. 2, the method may include the steps of:

step 101: an editable list of software items is displayed.

When the display software is edited, an editable software project list is displayed in a software project editing interface. In one embodiment, when a user needs to develop or edit the display software, the system running the editing display software may be started, and the editing display module 11 displays the editable software project list in the software project editing interface. In one embodiment, the editable software project list displayed in the software project editing interface by the editing display module 11 may include software projects that have been created by the user before, and may also include software projects that have been newly created by the user, for example, the editing display module 11 may create and display a software project in the editable software project list according to the operation of the user on the new software project in the software project editing interface.

Step 102: and calling out an editing interface.

After the editing and displaying module 11 displays the editable software item list in the software item editing interface, the user can select a software item to be edited from the software item list, and when the editing and displaying module 11 receives an editing instruction for editing the selected software item in the software item list, the editing and displaying module displays an editing interface for editing and displaying software.

For example, as shown in fig. 3, it is a schematic diagram of a display effect of a software project editing interface of the present application, where software project 1 and software project 2 are editable software projects that have been created and saved, for example, to edit software project 1 therein, a corresponding "edit" button may be clicked, and the editing display module 11 may display an editing interface for editing and displaying software on the display interface according to the operation, and a display effect of the editing interface may be referred to fig. 4. In one embodiment, as shown in fig. 4, a right mouse click can be made at any position of the editing interface to pop up a selection menu of the design element components, and the user can select the required design element components in the menu to add. In one embodiment, a function menu key for selecting a design element component may be provided in the editing interface, and when the function menu key is clicked, selectable design element components may be displayed in a pull-down menu. In one embodiment, all of the selectable design element components may also be displayed directly in the form of a toolbar. When a user wants to delete a certain software item, for example, wants to delete software item 1 in fig. 3, the user can click the "delete" button corresponding to software item 1 to delete the software item. When a user needs to create a new software project, a new software project can be created through the "new software project" function shown in fig. 3, for example, a new "software project 3" is created, and the "software project 3" is added to the editable software project list.

Step 103: add design element components.

After the editing and displaying module 11 displays an editing interface for editing the displayed software, the user can add design element components required for a software project to be developed or edited to the editing interface. Specifically, when detecting an operation of adding a design element component required for displaying software in an editing interface by a user, the design element configuration module 12 generates and displays a configuration window corresponding to the added design element component in response to the operation, where the configuration window includes a configuration menu for configuring a display effect of the design element component. The design element component may include an initialization component and at least one of a picture component, a sliding interface component, a video component, a web page component, a button component, a text component, and a custom interface component.

In one embodiment, a close key may be further disposed on the configuration window, and when the close key is triggered, the configuration window may be closed, and the user may remove the corresponding design element assembly by triggering the close key.

Step 104: and determining the configuration data corresponding to the design element components.

After the design element configuration module 12 generates and displays a configuration window corresponding to the added design element component according to the operation of adding the design element component in the editing interface by the user, the user can perform configuration operation in the configuration window according to the required display effect. The design element placement module 12 detects a placement operation of the user in the placement menu of the placement window corresponding to the added design element component, and determines the placement data corresponding to the added design element component based on the placement operation.

For example, a user adds an initialization component to the editing interface, and a schematic diagram of a display effect of a corresponding configuration window is shown in fig. 5a, where the initialization component is generally used to set a screen resolution after the display software is started, and the user may input a required resolution value in a screen resolution menu, for example, set to 1920 × 1080, at which resolution the display software will be displayed after being started. In practice, the initialization component is usually associated with other design element components, and the display software is started to display the associated design element components at the resolution set by the initialization component.

For example, a user adds a custom interface component in the editing interface, and a schematic diagram of a display effect of a corresponding configuration window is shown in fig. 5b, and the user can perform custom setting in the configuration window of the custom interface component. As shown in fig. 5b, the configuration menu of the configuration window corresponding to the customized interface component may include a customized configuration function key "customized configuration" and an interface display content list for customizing the interface display content and the effect. The 'custom configuration' can provide the functions of customizing modules such as pictures, characters, videos and buttons for users. The interface display content list can include a picture list, a text list, a video list, a button list and the like, and the content in each list can be determined according to the operation of a user in the self-defined configuration function. The user can also set the background style of the user-defined interface component when the user-defined interface component is displayed through a 'background style' pull-down menu.

Specifically, when the design element configuration module 12 detects a trigger operation on the "custom configuration" of the custom configuration function key, a custom configuration interface is displayed, a schematic diagram of a display effect of the custom configuration interface may be shown in fig. 5c, the custom configuration interface may include a selection menu for selecting interface display content, for example, a "menu" item may be set, when the "menu" item is triggered, an interface display content module selectable by a user may pop up, and the interface display content module may include at least one of a picture module, a text module, a video module, and a button module, or may directly display a menu item of each interface display content module. The design element configuration module 12 detects a selection operation of a user in a selection menu, loads a corresponding interface display content module and a display effect setting menu corresponding to the interface display content module according to the selection operation, and determines display effect data of the interface display content module in response to a configuration operation in the display effect setting menu corresponding to the interface display content module. For example, if the user selects "picture module", the design element configuration module 12 loads a picture module and a display effect setting menu corresponding to the picture module in the custom interface, and the picture to be displayed by the picture module and the configuration related to the display effect, such as the display style, the display border, the display windowing, and the like of the picture during display can be configured in the display effect setting menu. For example, if the user selects "video module", the design element configuration module 12 loads a video module and a display effect setting menu corresponding to the video module in the custom interface, and may configure, in the display effect setting menu, the video content to be displayed by the video module and configurations related to the display effect, such as whether to display a frame, whether to display a progress bar, whether to stretch full screen, and the like when the video is displayed. For example, if the user selects "text module", the design element configuration module 12 loads a text module and a display effect setting menu corresponding to the text module in the user-defined interface, and the text content to be displayed by the text module and the configuration related to the display effect, such as the size, font, color, and the like during text display, can be configured in the display effect setting menu. For example, if the user selects "button module", the design element configuration module 12 loads a button module and a display effect setting menu corresponding to the button module in the custom interface, and the configuration related to the display effect, such as the shape, size, whether to display a pattern, whether to display a text, the content of the displayed pattern, the content of the displayed text, and the like of the button module can be configured in the display effect setting menu. And determining the display effect data of the interface display content module according to the relevant configuration of the user.

When the design element configuration module 12 receives an instruction for confirming the configuration information in the custom configuration interface, it jumps back to the configuration window corresponding to the custom interface component shown in fig. 5b, and displays an editable list corresponding to the user-defined interface display content module in the interface display content list of the jumped-back configuration window, where the editable list may be used to set content information to be displayed. The design element configuration module 12 detects a setting operation of the user in the editable list, and determines configuration data corresponding to the custom interface component according to the setting operation and the determined display effect data. For example, the user adds a picture module in the custom configuration interface, jumps back to the configuration window shown in fig. 5b, and then adds an editable list in the "picture list" area, and the address or name of the picture module configured by the user, that is, the content of the picture to be displayed, may be displayed on the editable list, and the user may change the content of the picture to be displayed by changing the picture address (the picture address may point to the content of the picture to be displayed) on the editable list. Likewise, the user can set or change the text content to be presented on the editable list in the "text list" area, and can set or change the content of the video to be presented on the editable list in the "video list" area. For another example, the user adds three button modules in the custom configuration interface, jumps back to the configuration window shown in fig. 5b, and then may display a corresponding editable list item in the "button list" area, and for each button, the user may input or change the text displayed on the button in the editable list item.

For example, the user has added a sliding interface component, whose configuration window may include a "custom configuration" menu and a button list as in fig. 5b, which may provide the user with the functionality of a custom background picture and button module. The user can add the background picture module and/or the button module and configure the display effect of the added module in the same way as the user-defined interface component, unlike the custom interface component, the location of the button module added by the custom interface component can be customized by the user, the position of the button module added to the sliding interface component is automatically set, for example, the button module is automatically arranged at the center of the screen during display, is not configured by the user, and moreover, when the user interface component is displayed, because the type names of the sliding interface component and the user-defined interface component are different, the buttons in the sliding interface component can slide according to the type name of the sliding interface component when the user interface component is displayed according to the display effect configured by the user, that is, the user can control the buttons to slide through an input device such as a mouse or the like, or control the buttons to slide through touch screen operation on a touch screen.

For example, a user adds a video component in the editing interface, and a schematic diagram of a display effect of a corresponding configuration window is shown in fig. 5d, where the configuration window may include "video directory address", "video full screen stretching", "video windowing", "display frame", "frame style", "display progress bar", and other configuration menus for configuring the display effect of the video component, and the user may set the display effect of the video component through the configuration menus. Mp4 "may be input at a Video directory address to determine Video content to be presented, check boxes may be respectively set for" full screen stretching of Video "," Video windowing "," frame display ", and" progress bar display ", a user may set a corresponding presentation effect for the Video to be presented through operation on the check boxes, and when a check box of" frame display "is selected, the user may further set a corresponding frame style in a" frame style "menu, for example, may select" style 1 "from a pull-down menu to set.

For example, a user adds a web page component in the editing interface, and a schematic diagram of a display effect of a corresponding configuration window is shown in fig. 5e, where the configuration window may include "web page address", "windowing", and "display frame" and other configuration menus for configuring the display effect of the web page component, and the user may set the display effect of the web page component through the configuration menus. The user can input the address of the webpage to be displayed in the 'webpage address' menu, such as inputting 'www.baidu.com', and the windowing and the setting of the display effect of the frame can be carried out through the operation of the check boxes of the windowing and the frame displaying.

For example, a user adds a picture assembly in the editing interface, and a schematic diagram of a display effect of a corresponding configuration window refers to fig. 5f, where the configuration window may include "picture directory address", "display style", "picture windowing", "display frame", and "frame style" and other configuration menus for configuring the display effect of the picture assembly, and the user may set the display effect of the picture assembly through the configuration menus. The user can input the saving address "Image/bg. jpg" of the picture at the "picture directory address" to determine the content of the picture to be displayed, can set the display style during the picture display in the "display style", for example, set to "style 1", can set whether to perform windowing during the picture display by the check box of "picture windowing", can set whether there is a frame during the picture display by the check box of "display frame", and if the frame is selected to be displayed, can also set the style of the frame in the "frame style" menu, for example, set to "style 2" by the pull-down menu.

For example, the user adds a button component in the editing interface, and the configuration window thereof may include configuration menus related to the size, shape, color, whether to display a pattern, whether to display text, the content of the displayed pattern, the content of the displayed text, and the like of the button, and the user may configure the display effect of the button component through the menus.

For example, a text component is added to the editing interface by the user, and the configuration window thereof may include configuration menus related to the text content to be displayed and the size, font, color, and the like of the text display, and the user may configure the display effect of the text component through the menus.

Step 105: and generating a configuration table.

When receiving an operation instruction for confirming the configuration, the configuration table generating module 12 generates a configuration table according to the configuration window generated by the design element configuring module 12 and the obtained configuration data, where the configuration table includes a configuration table label and an identifier, a type name, and configuration data corresponding to a design element component added in an editing interface by a user, so as to generate corresponding display software according to the configuration table.

For example, a user needs to design a new piece of display software, the design element components required by the display software include a picture component and a video component, the picture component serves as an initial display component, at this time, the user can create a software project through the software project editing interface shown in fig. 3, edit the software project, call up the editing interface, and the user can click a right mouse button on the editing interface to pop up a selection menu of the design element components. According to the design requirement of the display software, a user can click an initialization component in the selection menu to add an initialization component, at this time, a configuration window corresponding to the initialization component can be generated and displayed, and the user can perform initialization configuration in the configuration window. The user continues to add the picture assembly by clicking the 'picture assembly' in the selection menu of the design element assembly, at this time, a configuration window corresponding to the picture assembly can be generated and displayed on the editing interface, a configuration menu for configuring the display effect of the picture assembly, such as a picture address, a display style of the picture, whether a frame is displayed or not, whether the frame is windowed or not, and the like, can be included in the configuration window, and the user can configure the display effect in the configuration menu. In practical application, the association relationship between the initialization component and the picture component can be set, so that the picture component can be initialized and displayed according to the relevant configuration of the initialization component. When a user clicks a "video component" in a selection menu to add a required video component, a configuration window corresponding to the video component may be generated and displayed on the editing interface, and a configuration menu for configuring the display effect of the video component, such as a video directory address, whether a frame is displayed, whether a progress bar is displayed, whether a video is stretched in a full screen, and the like, may be included in the configuration window. Through the relevant configuration of the initialization component, the video component and the picture component, the configuration data corresponding to each component can be determined. At this time, the user may perform an operation of confirming the configuration, and the configuration table generating module 12 may generate one configuration table according to the added initialization component, video component, and picture component, and the configuration data corresponding to each component. Thereafter, the presentation software can be generated from the configuration table at any time.

In one embodiment, after generating the configuration table, the configuration table generation module 12 may save the configuration table to a local memory or upload the configuration table to a server. For the situation of saving the configuration table to the local storage, when the user starts the system running the editing and displaying software again, the editable software item list with the generated configuration table may be displayed in the software item editing interface, referring to fig. 3, when the user clicks the "edit" button of the software item 1, the configuration table corresponding to the software item 1 is read from the local storage, and the entire content of the configuration table is analyzed, at this time, the configuration window of each configured design element component may be displayed in the editing interface, that is, the content of the configuration table corresponding to the software item 1 that the user has edited may be reproduced in the editing interface, and the user may further edit in the editing interface, so that the user may modify and edit the developed software item at any time, and the use is convenient. For the case of uploading the configuration table to the server, when the user starts the system for running the editing display software again, the server may be logged in, the system downloads the software item list corresponding to the user and the configuration table corresponding to each software item from the server, and then caches the configuration tables in the local storage, and then may perform the same operation as the case of saving the configuration tables in the local storage.

In the method for editing the display software provided in the above embodiment, when developing or editing the display software, an editable software project list may be displayed for a user in a software project editing interface, and the user may select a software project from the editable software project list for editing, or may also create a new software project for editing; when a user selects a software project to be edited, an editing interface for editing the display software can be displayed for the user, and the user can add design element components in the editing interface according to the requirements of the display software to be developed or edited; responding to the operation, generating and displaying a configuration window corresponding to the added design element assembly for a user, enabling the user to configure the display effect of the design element assembly in the configuration window, and determining corresponding configuration data according to the configuration operation of the user; and when an operation instruction for confirming the configuration is received, a configuration table for generating the display software can be generated according to the configuration window and the configuration data. According to the method, the user can edit and operate on the visual user interface to generate the configuration table for generating the display software, so that the user can edit and develop the display software under the condition of disengaging from the code, the related data for generating the display software can be more simply and directly constructed through the visual operation, and the development efficiency of the display software is improved.

For the purpose of more clearly showing the present application, based on the above embodiments, the following will describe the present application in further detail by taking as an example a presentation software including a custom interface component, a picture component, a video component and a web page component, where the presentation software needs to display three buttons on the presentation interface during operation, where the three buttons respectively correspond to the picture, the video and the web page, for example, when the first button is clicked, the picture is displayed, when the second button is clicked, the video is displayed, and when the third button is clicked, the web page is displayed. In order to ensure the normal operation of the presentation software, an initialization component is also required when the presentation software is manufactured, and the screen resolution of the presentation software during operation can be configured by the initialization component.

Referring to fig. 6, a flowchart of a specific method for editing display software provided in an embodiment of the present application may include the following steps:

step 201: and logging in the server.

When a user needs to develop the display software, the system for operating and editing the display software can be started, a user login interface can be displayed on the system interface at the moment, the user is required to input a user name and a password, and the user name successfully logs in the server after the user name and the password input by the user are verified. In practical applications, if the user does not have an account (user name) for logging in the system, the user can register on the user login interface.

Step 202: and displaying a software project editing interface.

After the user successfully logs in the server, the server searches whether the user name successfully logged in has the corresponding editable software item list, and if so, the server issues the editable software item list corresponding to the user name to the editing and displaying module 11. In the editable software item list issued by the server, each software item corresponds to a configuration table, and these software items are software items that have been developed by the user before the system is run this time, the editing and displaying module 11 may cache the configuration table issued by the server, for example, to a local memory, and simultaneously display a software item editing interface belonging to the user who successfully logs in on the interface, and display the editable software item list issued by the server in a preset area of the software item editing interface.

The software project editing interface may further include a new menu for creating a new software project, and the editing and displaying module 11 creates a new editable software project in the software project list in response to an operation on the new menu. For example, referring to FIG. 3, a user may create a software project through the "New software project" menu, which may be added to the list of software projects.

Step 203: and calling out an editing interface. See step 102 for details.

Step 204: add design element components.

Specifically, the design element configuration module 12 may add a custom interface component, a picture component, a video component, a web page component, and an initialization component on the editing interface by using the method of step 103, and generate and display a configuration window corresponding to each design element component in response to the addition operation of the user.

Step 205: and determining the configuration data corresponding to the design element components.

The configuration window of the initialized component displayed by the design element configuration module 12 can be referred to as fig. 5a, the configuration window of the custom interface component displayed can be referred to as fig. 5b, the configuration window of the picture component displayed can be referred to as fig. 5f, the configuration window of the video component displayed can be referred to as fig. 5d, and the configuration window of the web component displayed can be referred to as fig. 5 e. Design element configuration module 12 may implement the configuration of custom interface components, picture components, video components, web page components, and initialization components using the method described in step 104.

On this basis, each configuration window also generates a link terminal for establishing a link relationship with other configuration windows, and when the design element configuration module 12 detects an operation of connecting the link terminal of one configuration window to the link terminal of another configuration window, the design element components corresponding to the two configuration windows establish a link relationship. In one embodiment, the design element configuration module 12 displays a link line between the link terminals of one configuration window when detecting an operation of connecting the link terminal to the link terminal of another configuration window; when a drag operation on one configuration window or the other configuration window is detected, the link line is automatically moved to follow the one configuration window or the other configuration window. In one embodiment, a close function key may be further disposed on the link line, and when the design element configuration module 12 detects a trigger operation on the close function key, the corresponding link line is cancelled and the link relationship between the corresponding configuration windows is released.

For example, in the method of this embodiment, the presentation software needs to display three buttons on the presentation interface during running, where the three buttons are respectively associated with the picture, the video, and the web page, and then three button modules can be added through the configuration window of the custom interface component, and the specific adding method and configuration method of the three button modules can refer to

steps

103 and 104. After the user confirms the configuration information in the custom configuration interface, in the configuration window corresponding to the custom interface component shown in fig. 5b, three editable button items can be displayed in the button list, a "button 0", "button 1" and a "button 2" are displayed in the button text items by default, and the user can modify the button text according to the requirement; after confirming the configuration information in the custom configuration interface, the user adds link terminals corresponding to each button module on the configuration window of the custom interface component, the link terminals are used for establishing a link relationship between the button module and other configuration windows, for example, link terminals corresponding to "button 0", "button 1" and "button 2" are generated, the user can connect the link terminal corresponding to "button 0" with the link terminal on the configuration window of the image component, connect the link terminal corresponding to "button 1" with the link terminal on the configuration window of the video component, connect the link terminal corresponding to "button 2" with the link terminal on the configuration window of the web component, in this way, a link relationship can be established between "button 0" and the image component, and a link relationship is established between "button 1" and the video component, a link relationship is established between "button 2" and the web page component. Meanwhile, a link terminal for linking with other configuration windows is generated on the configuration window of the user-defined interface component, and the link terminal can be connected with the link terminal on the configuration window of the initialization component to establish a link relation between the link terminal and the link terminal. A schematic diagram of establishing a linking relationship between design element components can be seen in fig. 7. At this time, a pointer is created in the configuration data corresponding to the initialization component, where the pointer points to the custom interface component with which the link relationship is established, and the pointer may be, for example, an identifier of the custom interface component; in the configuration data corresponding to the user-defined interface component, a pointer pointing to the image component establishing the link relationship with the user-defined interface component is created for the button 0, a pointer pointing to the video component establishing the link relationship with the user-defined interface component is created for the button 1, and a pointer pointing to the webpage component establishing the link relationship with the user-defined interface component is created for the button 2. A linking relationship between two design element components can be established by the pointers. Where the pointer may be an identifier of the design element component to which it points.

The user can modify the button text according to the link relations established between the button 0, the button 1 and the button 2 and the picture component, the video component and the webpage component respectively, for example, the link relation is established between the button 0 and the picture component, the link relation is established between the button 1 and the video component, the link relation is established between the button 2 and the webpage component, the button 0 can be modified into the picture, the button 1 is modified into the video, and the button 2 is modified into the webpage.

As shown in fig. 7, after the configuration window of the initialization component and the configuration window corresponding to the custom interface component are linked, a link line between two corresponding link terminals may be displayed, similarly, a link line between a link terminal corresponding to "button 0" and a link terminal corresponding to the configuration window of the image component may be displayed, a link line between a link terminal corresponding to "button 1" and a link terminal corresponding to the configuration window of the video component may be displayed, and a link line between a link terminal corresponding to "button 2" and a link terminal corresponding to the configuration window of the web component may be displayed. A close function key may also be set on these link lines, for example, fig. 7 adds a cross sign as the close function key on the link line, and when the user clicks the close function key, cancels the corresponding link line and releases the link relationship between the corresponding configuration windows. When a user drags a configuration window, for example, the user performs an operation of dragging the configuration window of the initialization component, in the dragging process, a link line between the configuration window of the initialization component and the configuration window corresponding to the user-defined interface component can extend and move along a dragging route so as to maintain a link relationship between the two configuration windows.

In practical application, each configuration window can be further provided with a function key for closing the configuration window, and when the function key is triggered, the corresponding configuration window is removed from the editing interface.

Step 206: and generating a configuration table.

After finishing adding the design element components and configuring the added design element components in the editing interface, the user can perform configuration confirming operation, and when receiving an operation instruction for confirming configuration, the configuration table generating module 12 generates a configuration table according to the initialization component, the user-defined interface component, the picture component, the video component, the web component and the configuration of each component added by the user, and creates a configuration table tag for the configuration table. In one embodiment, a configuration table may be formed in a queue form by using the related data of each component as a data set, for example, as shown in fig. 8, a schematic diagram of a data structure of the configuration table is shown, where "tag 1" is a configuration table tag of the generated configuration table, "identifier 1", "Chs" (type name of initialization component) and "configuration data 1" constitute a data set of initialization component, "identifier 2", "Zding" (type name of custom interface component) and "configuration data 2" constitute a data set of custom interface component, "identifier 3", "Photo" (type name of picture component) and "configuration data 3" constitute a data set of picture component, "identifier 4", "Video" (type name of Video component) and "configuration data 4" constitute a data set of Video component, "identifier 5" constitutes a data set of Video component, The "Web" (the type name of the Web page component) and the "configuration data 5" constitute a data set of the Web page component.

Step 207: and saving the configuration table to the server.

After the configuration table generation module 12 generates the configuration table, the configuration table may be saved in the server. When a user needs to generate the display software by using the configuration table, the user can log in the server, download the configuration table from the server, and then generate the corresponding display software according to the configuration table. By storing the configuration table in the server, a user can log in the server by using any equipment at any time to obtain the configuration table for generating the display software, and the use is convenient.

According to the method for editing the display software, when a user needs to develop the display software, the user can start a system for operating the editing display software, log in the server, the system can obtain an editable software project list corresponding to the logged-in user, cache a corresponding configuration table and display a software project editing interface on an interface; the user can select the software project to be edited according to the requirement, an editing interface for editing the display software can be displayed for the user, and the user can add the design element assembly in the editing interface according to the requirement of the display software to be developed or edited; responding to the operation, generating and displaying a configuration window corresponding to the added design element assembly for a user, enabling the user to configure the display effect of the design element assembly in the configuration window, generating a link terminal for establishing a link relation with other configuration windows on each configuration window, establishing the link relation between the two configuration windows by connecting the link terminals on the two configuration windows, and displaying a link line between the two link terminals, wherein when the user drags the configuration window, the link line can move along with the configuration window to keep the link relation between the two configuration windows; the link line can be also provided with a closing function key, when the closing function key is triggered, the corresponding link line is cancelled and the link relation between the corresponding configuration windows is cancelled, so that a user can conveniently establish the link relation or cancel the link relation between the two configuration windows, and the software can be conveniently edited or modified. After the user configures each design element component, when the system receives an operation instruction for confirming configuration, the corresponding configuration table can be generated according to the configuration window and the configuration data generated according to the configuration operation of the user, and the configuration table is stored in the server, so that the user can download the configuration table on any equipment at any time through logging in the server, and generate corresponding display software according to the configuration table. By the method, a user can edit and operate the display software on a visual interface, various design element components are freely combined, a configuration table for generating the display software is generated, the user can edit and develop the display software under the condition of code separation, relevant data for generating the display software can be simply and directly constructed through visual operation, the user with zero basic programming capability can also rapidly make the display software, the development period of the display software is shortened, the development efficiency of the display software is improved, the development of the display software is quicker and more flexible, and the developed display software is more diversified.

For the configuration table generated by the method and the system of the above embodiments, a system or a method for generating presentation software by using the configuration table may be designed, and the system may be regarded as a client application software capable of running on a device such as a mobile phone, a tablet computer, a notebook computer, a palm computer, a desktop computer, and the like.

For example, in one embodiment, a system for generating presentation software as shown in FIG. 9 may be devised, which may include a software item display module 21, a tag determination module 22, a data parsing module 23, and a software generation module 24.

The software item display module 21 is configured to display a displayable software item list.

For example, as shown in fig. 10, which is a schematic diagram of a display effect of a displayable software item list, after the system for generating the display software is started, the software item display module 21 may display the displayable software item list on a display interface of the system, for example, the software item list includes software item 1, software item 2, and software item 3, from which a user may select a desired software item for display.

The tag determination module 22 is configured to determine a configuration table tag corresponding to a selected software item in the exposable software item list in response to an operation of the selected software item. Specifically, each exposable software item corresponds to a configuration table tag, and the configuration table is distinguished through the configuration table tag.

For example, in fig. 10, a user needs to display the display software corresponding to the software item 1, and may click "software item 1" in the displayable software item list, and the tag determination module 22 determines the configuration table tag corresponding to the software item 1 according to the selected operation.

The data analysis module 23 is configured to obtain a corresponding configuration table according to the configuration table tag determined by the tag determination module 22, and then analyze the configuration table to obtain display software data, where the display software data includes an identifier, a type name, and configuration data for determining a design element component to be displayed by the display software. Wherein the configuration data is used to determine the presentation effect of the design element components; the identifier corresponding to the design element component may be used to distinguish the design element components, such as a globally unique identifier GUID; the type name is used to represent the type of the design element component, and for example, the type name "Photo" may represent the picture component, the type name "Video" may represent the Video component, the class name "Web" may represent the Web page component, and so on. For example, after the data parsing module 23 parses the configuration table, the obtained display software data includes three identifiers, for example, identifier 1, identifier 2, and identifier 3, which indicates that the display software includes three design element components, and if the type corresponding to the identifier 1 is named "Photo", the type corresponding to the identifier 2 is named "Video", and the type corresponding to the identifier 3 is named "Photo", it is determined that the display software includes two image components and one Video component. In an embodiment, the corresponding software items may be searched from the server according to the logged user name to obtain a displayable software item list, each software item corresponds to one configuration table, and then the searched software items are cached, for example, cached to the local memory, and the data parsing module 23 may search the corresponding configuration table from the local memory according to the configuration table tag.

The software generation module 24 is configured to generate display software according to the display software data analyzed by the data analysis module 23. In a specific embodiment, the software generation module 24 determines the number of the design element components and the type of each design element component according to the identifier and the type name obtained by the analysis, and gives a corresponding display effect to each design element component according to the configuration data of each design element component to generate display software, where the display software displays each design element component in a relevant configuration in the configuration table.

Referring to fig. 11, a flowchart of a method for generating presentation software using a configuration table according to an embodiment of the present application is provided, where the method may include the following steps:

step 301: a list of exposable software items is displayed.

When a user needs to generate the presentation software, the system for generating the presentation software may be started, and the software item display module 21 may display a list of the presentable software items on a display interface of the system, for example, as shown in fig. 10.

In one embodiment, when a system for generating display software is started and operated, a user login interface can be displayed on a display interface of the system, a user is required to input a user name and a password, the user clicks a login button after inputting the user name and the password, the user name and the password are verified, and the user successfully logs in a server after the user passes the verification; the corresponding software items can be searched from the server according to the successfully logged user name to obtain a displayable software item list, then the software item list is displayed, each software item corresponds to a configuration table, and the searched software items can be cached in a local memory.

Step 302: a configuration table tag is determined.

When a user needs to display a certain software item in the displayable software item list, the software item may be selected, and at this time, the tag determination module 22 determines a configuration table tag corresponding to the selected software item in response to an operation of selecting the software item in the displayable software item list. Specifically, each exposable software item corresponds to a configuration table tag, and the configuration table is distinguished through the configuration table tag.

Step 303: and acquiring a corresponding configuration table according to the configuration table tag.

The data analysis module 23 obtains the corresponding configuration table according to the configuration table tag determined by the tag determination module 22. For example, the data parsing module 23 may search the corresponding configuration table from the software items cached in the local memory according to the configuration table tag.

Step 304: and analyzing the configuration table.

After the configuration table is obtained, the configuration table is analyzed, and display software data including an identifier, a type name and configuration data used for determining the design element assembly to be displayed by the display software are obtained, wherein the configuration data are used for determining the display effect of the design element assembly.

In one embodiment, a pointer for pointing to an associated design element component may be obtained, an identifier matching the pointer may be searched for from a configuration table, and then, a corresponding type name and configuration data may be read from the configuration table according to the searched identifier, so as to obtain corresponding display software data.

For example, as shown in fig. 8, when the configuration table is parsed, an initial pointer for pointing to the initialization component may be read first, where the initial pointer may be an identifier of the initialization component, then a matching "identifier 1" is found from the configuration table according to the initial pointer, and then corresponding configuration data "configuration data 1" is read from the configuration table according to the "identifier 1", where at this time, relevant data of the initialization component may be obtained. Then, a pointer in the "configuration data 1" is identified, a matched identifier is searched from the configuration table according to the identified pointer, for example, the pointer in the "configuration data 1" is "identifier 2", at this time, the matched "identifier 2" can be searched from the configuration table, the corresponding type name "Zding" and the configuration data "configuration data 2" can be determined from the configuration table according to the "identifier 2", that is, the initialization component points to the design element component with the identifier of "identifier 2", the type name of "Zding", and the configuration data of "configuration data 2", and has an association relationship with the design element component, and a custom interface component associated with the initialization component can be determined according to the type name of "Zding", so that the relevant data of the custom interface component associated with the initialization component can be analyzed.

Step 305: and generating display software.

After the data analysis module 23 analyzes the display software data, the software generation module 24 may determine the type of the design element component to be displayed according to the type name in the display software data, and display the design element component of the type with the display effect represented by the configuration data in the display software data.

In an embodiment, in the displaying process, if the user needs to further call and display a new design element component on the currently displayed interface, a clicking operation, such as clicking a button component, may be performed on the currently displayed design element component according to prompt information on the currently displayed design element component, at this time, when the system detects that the user performs the clicking operation on the currently displayed design element component, whether a pointer exists in configuration data corresponding to the clicked design element component is identified, if the pointer is identified, a method similar to step 304 is adopted, the configuration table is analyzed according to the identified pointer to obtain display software data of the design element component to which the pointer points, and then the corresponding design element component is generated and displayed according to the obtained display software data.

Therefore, real-time interactive display software can be generated according to the configuration table.

Those skilled in the art will appreciate that all or part of the functions of the various methods in the above embodiments may be implemented by hardware, or may be implemented by computer programs. When all or part of the functions of the above embodiments are implemented by a computer program, the program may be stored in a computer-readable storage medium, and the storage medium may include: a read only memory, a random access memory, a magnetic disk, an optical disk, a hard disk, etc., and the program is executed by a computer to realize the above functions. For example, the program may be stored in a memory of the device, and when the program in the memory is executed by the processor, all or part of the functions described above may be implemented. In addition, when all or part of the functions in the above embodiments are implemented by a computer program, the program may be stored in a storage medium such as a server, another computer, a magnetic disk, an optical disk, a flash disk, or a removable hard disk, and may be downloaded or copied to a memory of a local device, or may be version-updated in a system of the local device, and when the program in the memory is executed by a processor, all or part of the functions in the above embodiments may be implemented.

The present invention has been described in terms of specific examples, which are provided to aid understanding of the invention and are not intended to be limiting. For a person skilled in the art to which the invention pertains, several simple deductions, modifications or substitutions may be made according to the idea of the invention.

Claims

1. A method of editing display software, comprising:

2. The method of claim 1, wherein a link terminal for establishing a link relationship with other configuration windows is further generated on the configuration window, and the method further comprises:

when the operation of connecting the link terminal of one configuration window to the link terminal of the other configuration window is detected, the design element components corresponding to the two configuration windows are established into a link relation.

3. The method of claim 2, wherein upon detecting an operation to connect a link terminal of one configuration window to a link terminal of another configuration window, the method further comprises:

displaying a link line between the two link terminals;

when a drag operation on the one configuration window or the other configuration window is detected, the link line is automatically moved following the one configuration window or the other configuration window.

4. The method of claim 3, wherein the link line is further provided with a close function key, the method further comprising:

and when the triggering operation of the closing function key is detected, canceling the corresponding link line and removing the link relation between the corresponding configuration windows.

5. The method of claim 1, wherein the design element components include an initialization component and at least one of a picture component, a slide interface component, a video component, a web page component, a button component, a text component, and a custom interface component.

6. The method of claim 5, wherein the configuration menu of the configuration window corresponding to the customized interface component includes a customized configuration function key and an interface display content list for customizing interface display content and effect; for the custom interface component, the detecting the configuration operation in the configuration menu, and the determining the configuration data corresponding to the design element component according to the configuration operation includes:

when the triggering operation of the user-defined configuration function key is detected, displaying a user-defined configuration interface, wherein the user-defined configuration interface comprises a selection menu for selecting interface display content;

detecting selection operation in the selection menu, and loading a corresponding interface display content module and a display effect setting menu corresponding to the interface display content module according to the selection operation;

responding to configuration operation in a display effect setting menu corresponding to the interface display content module, and determining display effect data of the interface display content module;

when an instruction for confirming the configuration information in the user-defined configuration interface is received, jumping back to a configuration window corresponding to the user-defined interface component;

displaying an editable list corresponding to the interface display content module in an interface display content list of the returned configuration window, wherein the editable list is used for setting content information to be displayed;

and detecting the setting operation in the editable list, and determining the configuration data corresponding to the user-defined interface component according to the setting operation and the display effect data.

7. The method of claim 6, wherein the interface presentation content module comprises at least one of a picture module, a text module, a video module, and a button module;

when the interface presentation content module comprises a button module, upon receiving an instruction for confirming the configuration information in the custom configuration interface, the method further comprises:

and adding a linking terminal corresponding to each button module on the configuration window corresponding to the user-defined interface component, wherein the linking terminal is used for establishing a linking relation between the button module and other configuration windows.

8. The method of claim 1, wherein after generating the configuration table, the method further comprises:

and storing the configuration table to a server so as to be capable of downloading the configuration table from the server and generating display software according to the configuration table.

9. The method of claim 8, wherein prior to receiving an edit instruction to edit a selected software item in the list of software items, the method further comprises:

logging in a server;

displaying a software project editing interface belonging to a user who successfully logs in, wherein the software project editing interface comprises a new menu for newly building a software project;

in response to the operation on the new menu, a new editable software item is created in the list of software items.

10. A system for editing presentation software, comprising: