89 results about "Drag and drop" patented technology

The invention discloses a report management system and a report making method. The report management system comprises a user interface layer, a data processing layer, a data access layer and a data storage layer, the user interface layer is used for constructing a visual report template design interface and receiving filling data input by a user, so that the user can freely drag various report elements on the report template design interface and set attributes of the elements, and a corresponding report template is generated; the data access layer is used for connecting a data source and extracting filling data; the data processing layer is used for processing and converting the filling data according to the page content in the report template to generate a report file; and the data storage layer comprises a database and a third-party system interface and is used for providing a data source and sharing the report file into a third-party system. According to the method, the user can complete generation of the report template through simple dragging operation, and the filling data is automatically processed according to the report template to generate the report file.

The invention discloses a building block report zero-code visualization dynamic design multi-terminal adaptation system and method, and relates to the technical field of data visualization and report generation. The method comprises the following steps: component templated multiplexing: generating a component template with a unique identifier by extracting complete configuration of a configured component, separating basic parameters from instance parameters by adopting a double-layer parameter structure, and maintaining a directed acyclic graph structure through a dependency tracking engine to realize batch synchronous updating; performing multi-terminal intelligent adaptation, constructing a terminal characteristic library to store different terminal parameters, setting adaptive rules for various components, and automatically adjusting the component size, layout and interaction mode by identifying an access terminal; and carrying out visual binding on the business rules, constructing business rule logic through a dragging operator, and establishing rule-component association mapping. According to the method, the component reuse rate is increased by 80%, the report development period is shortened by 70%, and an efficient, intelligent and easy-to-use complete solution is provided for enterprise-level zero code report development.

The invention discloses a multi-level service orchestration method for industrial software, which is particularly suitable for integrated development, deployment and management of industrial software application. The method focuses on arranging codes through dragging of a low-code page of a cloud platform, and performing automatic micro-service packaging and on-demand arrangement on the generated codes to form industrial software application. Constructing a mirror image for the micro-service application and carrying out containerization arrangement to form an application service capability; and finally, performing API-level arrangement on the atomic APIs provided by the service deployed by the container to form aggregated API capabilities. According to the method, each link from demand definition to final API service capability provision is integrally covered, especially for the field of industrial software, manual intervention is reduced, and the method is suitable for diversified application scenes.

The embodiment of the invention provides a page generation method and electronic equipment, which are used for solving the problem that long-term maintenance and operation of a project are not facilitated as page management is disordered and the risk of misoperation exists during page generation in related technologies. As the target template is displayed when the electronic equipment receives the template selection request, a developer does not need to drag and drop the component in a drag and drop mode when generating the page, the process can reduce the problem of page inaccuracy caused by misoperation when dragging and dropping the component, page management can be accurately carried out, and after the target template is displayed, the user experience is improved. A developer can perform data binding on any component in the target template, so that a corresponding page is accurately and effectively generated, acquisition information of resource data carried in a binding request and a sub-code of a trigger action are added to a target template code corresponding to the target template, and the added target code is stored, so that the data binding efficiency is improved. And the page can be quickly established subsequently based on the target code, so that the project management efficiency is improved.

1. Name of the product in this design: Fully Automated Pathogen Analysis Graphical User Interface for Electronic Equipment. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: It is used to realize and operate different analytical purposes for samples of different pathogens. It displays and manages sample information, runs different pathogen-related analysis programs, displays different analysis results, and allows human-computer interaction through mouse and monitor. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, clicking "Add" displays the Design 1 change state diagram 1; clicking "OK" displays the Design 1 change state diagram 2. Similarly, in the main view of Design 2, clicking "Add" displays the Design 2 change state diagram 1; clicking "OK" displays the Design 2 change state diagram 2. In the main view of Design 3, clicking "Batch Add" displays the Design 3 change state diagram. In the main view of Design 4, clicking "Task Management" displays the Design 4 change state diagram 1; clicking "Add" displays the Design 4 change state diagram 2; clicking "OK" displays the Design 4 change state diagram 2. 4. Change status diagram 3, Design 5 main view. Click "Add" to display Design 5 change status diagram 1, Design 5 change status diagram 1. Click "OK" to display Design 5 change status diagram 2, Design 6 main view. Click "Add" to display Design 6 change status diagram 1, Design 6 change status diagram 1. Click "OK" to display Design 6 change status diagram 2, Design 7 main view. Click "Batch Add" to display Design 7 change status diagram 1, Design 7 change status diagram 1. After dragging and dropping the file to upload, Design 7 change status diagram 2 is displayed, Design 8 main view. Click "Add" to display Design 8 change status diagram 1, Design 8 change status diagram 1. Click "OK" to display Design 8 change status diagram 2.

The application discloses a kind of support to drag and drop sorting waypoint list management interaction system, belong to ground station waypoint management field.Belong to ground station waypoint management field.It includes waypoint list display module, drag and drop sorting interaction module, waypoint management operation module, associated function adaptation module;Waypoint list display module presents the key parameters such as waypoint height, flight speed with entry form;Drag and drop sorting interaction module supports user to drag and drop waypoint entry adjustment order, real-time feedback state and synchronously flight execution logic;Waypoint management operation module provides waypoint deletion, save, read and upload function;Associated function adaptation module realizes linkage with template editor, relative coordinate editor and flight control module.This system operation is intuitive, data synchronization is efficient, and function integration is strong, effectively solve the problem that traditional waypoint management operation is complicated, data linkage is insufficient, improve the convenience and accuracy of flight mission planning.

The application discloses a kind of low-code application quick construction method, including the following steps: data preparation, application construction, application release, construction is completed, finally generates application module;First, data preparation is carried out, obtains the construction resource data required for application construction, is compressed and uploaded to construction module, then construction module decompresses data and passes through visual construction page, business logic and data structure, to design page design application function in the way of drag and drop.By this method, non-professional personnel can also directly build the application module that oneself needs, improve the application building speed and user-friendly.

Systems and methods display, via a user interface, a plurality of configurable graphics and at least two categories, the plurality of configurable graphics including input sensitive characteristics. The at least two categories are different locations depicted by the user interface, and each configurable graphic of the plurality of configurable graphics display descriptions of planning focused topics. In addition a first input to drag and drop a first configurable graphic of the plurality of configurable graphics from a first interface location to a second interface location is received via the user interface.

The application discloses a kind of process service systems based on enterprise management, it is related to enterprise management technical field, the system includes service end and enterprise end;Service end includes standardization engine, automation engine and intelligent engine;Enterprise end includes security authentication unit, process element set generation unit and process design graphical user interface;Process element set generation unit is used to generate process element set according to the business management needs of enterprise object and the identification result of authentication module;Process design graphical user interface is used for enterprise object to design the business management process model of enterprise by the way of dragging and dropping element in process element set;Standardization engine is used to convert the business management process model designed by enterprise object into standardized business process definition;Automation engine is used to automatically execute business process according to standardized business process definition;Intelligent engine is used to optimize the execution of business process.

1. Name of the product in this design: One-click video creation module for a graphical user interface of electronic devices. 2. Application of this design: This design is intended for use in an electronic device. 3. The key design features of this product are the graphical user interface portion for which protection is sought. 4. The image or photograph that best illustrates the key design points: Design 1 change state diagram. 5. Design 1 is designated as the basic design. 6. Uses of the graphical user interface: Overall use: video creation interaction; Local use: to realize the one-click video creation module display and interaction function through changes in user operation. 7. Other situations requiring explanation are illustrated in the following diagrams: This design protects the one-click video production module; Design 1: The one-click video production module is displayed as shown in the main view of Design 1. Clicking the "Select Tone" option will bring up a pop-up window on the right, as shown in the changing state diagram of Design 1, supporting tone switching; Design 2: Clicking the "Select Local File" option in the main view of Design 2 will bring up a pop-up window on the right, as shown in the changing state diagram of Design 2, supporting dragging and dropping local files to upload to the pop-up window; The usage state reference diagrams are renderings of the user interface. The main view and changing state diagrams of Design 1 correspond to usage state reference diagrams 1-2 of Design 1, and the main view and changing state diagrams of Design 2 correspond to usage state reference diagrams 1-2 of Design 2, respectively.

Aspects of the present disclosure provide techniques for providing a graphical user interface for customizable application navigation. Embodiments include displaying a list of pages associated with a software application in a navigation customization screen and receiving selections of two or more pages of the pages as bookmarks. Embodiments include receiving drag and drop input via the navigation customization screen that changes an ordering of the two or more pages within the list of the plurality of pages and receiving a search query comprising a text string. Embodiments include moving one or more pages matching the search query to a top of the list of the pages within the navigation customization screen and displaying an indication in the navigation customization screen that one of the two or more pages also matches the search query without changing the ordering of the two or more pages within the list of the pages.

1. Name of the product in this design: Permission setting area of ​​the graphical user interface for information display of electronic equipment. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the graphical user interface in the electronic device for which protection is sought. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of Graphical User Interface: Graphical user interfaces are used for information display. The graphical user interface requests protection for a specific area to set the permission scope of a document. 7. Human-computer interaction method of graphical user interface: In response to the user dragging the "Editable" and "Readable" markers in the main view of Design 1, the graphical user interface changes from the main view of Design 1 to the change state diagram of Design 1 to show the adjusted document permission scope. In Design 2, users can adjust the document's permission scope by dragging and dropping the "Editable" or "Readable" tags in the graphical user interface. 8. Other situations requiring explanation: The portions of the graphical user interface shown by the dashed lines in the views of Design 1 to Design 2 do not constitute the parts protected by this design.

An application development graphical user interface which includes a drag-and-drop canvas area is provided. User interface elements are configured to be dragged and dropped into the canvas area to design a client application graphical user interface including a filter or a sorter. A configuration panel of the application development user interface providing options and fields for configuring sorter or filter configuration options and for configuring machine learning service configuration options. Machine learning service metadata is generated for the client application. The client application metadata for the client application is deployed and the client application configured present recommendations based on inputs to the filter or sorter using the machine learning service.

This application provides a drag-and-drop 3D digital space modeling method, system, and medium. The method includes: constructing a base station model element library; dragging and dropping model elements into a 3D digital space and adjusting model spacing; collecting historical user operation data; processing the historical operation data to generate a related component demand prediction model; obtaining recommended related components and their corresponding correlation scores; processing the historical operation data to generate a candidate component time-series prediction model; obtaining time-series candidate components and their corresponding time-series candidate component scores; and generating a component recommendation list based on the correlation scores and time-series candidate component scores, and pushing it to the 3D digital space interface for display. This application enables intelligent and visualized end-to-end processes from modeling to coverage analysis, providing an efficient digital tool for base station planning.

This application discloses a method, device, and storage medium for generating custom form work permits, comprising: generating a custom work permit form in response to dragging and dropping form elements in a form design interface; determining target fields based on the field attributes of each form field in the custom work permit form; obtaining field content from a data source based on the target fields and filling the target fields to generate a work permit; generating an approval task based on the work type of the work permit and preset enterprise management regulations; creating an approval task workflow based on the approval task and determining the approval result; and generating a formal work permit based on the work permit upon approval. This application achieves flexible adaptation of work permit forms and approval processes to different work type requirements through visual drag-and-drop dynamic construction of configurable form elements, combined with dynamic / static data fields, and associated with role / organization approval nodes to execute tasks, thereby significantly improving management efficiency.

The invention provides an element-based online model development system and method, and the system comprises a front-end interface layer which provides a graphical interface comprising an element library, canvas and a code editor; the back-end service layer is used for automatically generating a complete project code containing a standard interface and a basic skeleton code according to a predefined element which is dragged and dropped by a user in a canvas, and managing a construction process; and the containerized execution environment layer is used for providing an isolation container for compiling, packaging and running project codes. The method comprises the following steps: forming a model flow through a drag-and-drop element; automatically generating a project skeleton code; a user compiles core logic at a specified position of the skeleton code; compilation and packaging are completed in the container environment. According to the invention, through combination of element-based, automatic code generation and containerized environment, online development experience of ready-to-use after box opening is realized, the development threshold of the structured element model is reduced, the model code reuse rate and the model development process efficiency are improved, and the environment consistency is ensured.

1. The name of this design product: Graphical user interface with multi-scenario network testing for electronic devices. 2. Purpose of this design product: an electronic device. 3. The key design point of this design product lies in the interface content of the displayed graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Other views are of conventional design and are omitted. 6. Designate Design 1 as the base design. 7.Purpose of the graphical user interface: It is used to create and edit the operation display of the pipeline by dragging and dropping different stages and tasks. 8. Human-computer interaction mode of the graphical user interface: The main view of Design 1 and the main view of Design 2 are the main interfaces of the drag-and-drop pipeline. The top is the menu bar, which is divided into basic information and task orchestration. The task orchestration interface is currently displayed, which is divided into multiple stages such as pipeline source, code inspection, compilation and construction, image production, deployment and release. Different "task nodes" can be seen vertically under each stage. There is a "+Parallel Task" button at the bottom of each stage, and there are 3 buttons on the right side of each stage title. Click and hold the first "drag icon" button on the right side of the "Mirror Production" stage to enter the Design 1 interface change state diagram. This interface is a drag-and-drop pipeline stage arrangement interface. You can drag left and right to select the position of the stage. Release the mouse to complete the stage arrangement. Long press the "drag icon" on the right side of the "Compile and Build" stage in the Design 2 main view, and long press the first "task node" under the "Image Production" stage to enter the Design 2 interface change state diagram. This interface is a drag-and-drop pipeline task arrangement interface. You can drag up and down to select the position of the task. Release the mouse to complete the task sorting.

1. The name of the present design product: experimental template configuration graphical user interface of electronic equipment. 2. The use of the present design product: an electronic device. 3. The design points of the present design product: in the graphical user interface. 4. The picture or photo that best indicates the design points: design 1 front view. 5. Design 1 is designated as the basic design. 6. The use of the graphical user interface: for configuring experimental step information and experimental template flow. 7. The human-computer interaction mode of the graphical user interface: design 1 front view is an experimental step template interface, clicking "+" add new" in the upper left of the interface enters design 1 change state diagram 1, the experimental step template addition interface, the basic information of the experimental step template can be filled in, template classification and permission setting operation can be performed in the interface, after the related operation is completed, click "confirm" at the bottom to enter design 1 change state diagram 2, the experimental step template configuration interface, clicking "+" add component" on the right side of the interface can select the required components corresponding to the experimental step, after the component configuration is completed, data recording and simple mode preset operation can be performed in the middle module of the interface, clicking "experimental step details" in the upper right of design 1 change state diagram 2 enters design 1 change state diagram 3, the experimental step details interface, the basic information of the experimental step template can be modified, template classification and permission setting. Design 2 front view is an experimental template list interface, clicking "+" add new" in the upper left of the interface enters design 2 change state diagram 1, the new template interface, the template name can be filled in, the business scope can be selected, and the permission setting operation can be performed, after the related operation is completed, click "confirm" at the bottom to enter design 2 change state diagram 2, the experimental step template flow configuration interface, the left area of the interface is the experimental step template library, which can query and select the required experimental step template corresponding to the experimental template, the right side of the experimental step template library is the experimental flow drawing area, in which area the hierarchical order of experimental steps can be controlled by drag and drop operation, clicking any experimental step of the experimental flow drawing area can enter the experimental step editing interface on the right side of design 2 change state diagram 2 for component editing operation. 8. Other circumstances that need to be explained: the yellow covered area in each view is the content picture, and the appearance design to be protected does not include color.

1. Name of the product in this design: Graphical User Interface for Setting Grinding Sequence of Electronic Device. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. Images or photos that best illustrate the design points: Design 1 Interface change state diagram 2. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: Used to set the grinding sequence of electronic devices. 7. Human-computer interaction method of graphical user interface: Human-computer interaction is achieved by clicking various icons and / or buttons on the graphical user interface. 8. Description of the changing states of the graphical user interface: The main view of Design 1 is the homepage of the graphical user interface. In the main view of Design 1, select the gear icon to the right of the "Grinding Amount" icon. When the device has two bean hoppers, enter the changing state diagram of Design 1. In the changing state diagram of Design 1, drag the "Sequence 1" icon to the diamond box below the "Left Bean hopper" icon, and drag the "Sequence 2" icon to the diamond box below the "Right Bean hopper" icon to assign grinding order to the grinders corresponding to the left and right bean hoppers. Enter the changing state diagram of Design 1. In the changing state diagram of Design 1, click the input box to the right of the "Grinding Amount (g)" icon to enter the grinding amount of the grinder corresponding to each bean hopper. After setting the grinding amount, click the corresponding "Powder Take" icon to start grinding for the corresponding bean hopper and test the actual grinding amount. After setting the grinding sequence and grinding amount of each grinder, click the "Save" icon to save the settings. In the interface change state diagram 1 of Design 1, you can also drag the "Sequence 1" icon to the diamond box below the "Right Bean Box" icon, drag the "Sequence 2" icon to the diamond box below the "Left Bean Box" icon, or drag both "Sequence 1" icons to the diamond boxes below the "Left Bean Box" and "Right Bean Box" icons, that is, it is not limited to the grinding sequence shown in the interface change state diagram 2 of Design 1. Design 2's main view is the graphical user interface homepage. In Design 2's main view, select the gear icon to the right of the "Grinding Amount" icon. When the device has three bean pods, enter Design 2's interface change state diagram 1. In Design 2's interface change state diagram 1, drag the "Sequence 1" icon to the diamond-shaped box below the "Left Bean Pod" icon, drag the "Sequence 3" icon to the diamond-shaped box below the "Middle Bean Pod" icon, and drag the "Sequence 2" icon to the diamond-shaped box below the "Right Bean Pod" icon to assign a grinding order to the grinders corresponding to the left, middle, and right bean pods. Enter Design 2's interface change state diagram 2. In Design 2's interface change state diagram 2, click the input box to the right of the "Grinding Amount (g)" icon to enter the grinding amount corresponding to each bean pod's grinder. After setting the grinding amount, click the corresponding "Powder Take" icon to start grinding for the corresponding bean pod's grinder and test the actual powder amount. After setting the grinding sequence and grinding amount of each grinder, click the "Save" icon to save the settings. In the interface change state diagram 1 of Design 2, you can also drag and drop the sequence icons to the diamond-shaped boxes below each bean box icon according to actual needs to assign the grinding sequence required by the grinder corresponding to each bean box, that is, it is not limited to the grinding sequence shown in the interface change state diagram 2 of Design 2. Design 3's main view is the graphical user interface homepage. In Design 3's main view, select the gear icon to the right of the "Grinding Amount" icon. When the device has two bean hoppers, enter Design 3's interface change state diagram 1. In Design 3's interface change state diagram 1, drag the "Sequence 1" icon to the diamond-shaped box below the "Left Bean hopper" icon, and drag the "Sequence 2" icon to the diamond-shaped box below the "Right Bean hopper" icon to assign a grinding order to the grinders corresponding to the left and right bean hoppers. Enter Design 3's interface change state diagram 2. In Design 3's interface change state diagram 2, click the input box to the right of the "Grinding Amount (g)" icon to enter the grinding amount corresponding to the grinder for each bean hopper. After setting the grinding amount, click the "Save" icon to save the settings. In the interface change state diagram 1 of Design 3, you can also drag the "Sequence 1" icon to the diamond box below the "Right Bean Box" icon, drag the "Sequence 2" icon to the diamond box below the "Left Bean Box" icon, or drag both "Sequence 1" icons to the diamond boxes below the "Left Bean Box" and "Right Bean Box" icons, that is, it is not limited to the grinding sequence shown in the interface change state diagram 2 of Design 3. 9. Other matters requiring explanation: The text, icons, pictures, shapes, colors and / or numbers shown in the main view and the interface change state diagrams are for reference only and can be replaced. They do not constitute a limitation on the scope of protection of this design.

In non-limiting examples of the present disclosure, systems, methods and devices for assisting with cross-platform drag and drop functionality are provided. A mirroring application that mirrors a UI of a second device and partially overlaps a UI of a first device may be surfaced on the UI of the first device. A drag-initiating input of an object of the second device may be received. A drag input dragging the object over a boundary of the mirroring application may be received. A UI element corresponding to the object may be surfaced over the boundary. The object may be sent by the second device to the first device. A drop input may be received over a construct of the first computing device. The object may be translated to a format compatible with the construct, and the object may be saved to a location of the first device corresponding to the construct.

Smart flow system enables movement of a Contextually Actionable (CA) entity (e.g., user thumbnail / photo, email ID, files, contacts or list of contacts, text, hyperlinks, date / time, location) rendered in various parts of the user interface (UI) in the application from one service to another using, for example, a drag and drop mechanism. The mechanism includes mapping actions across services intuitively based on the entity that is being dragged and the drop target in the UI of a unified software suite. The unified software suite supports smart mail, smart assistant, and smart flow system. A user can drag a desired CA entity and drop it on a CA executing target. CA executing targets include but are not limited to a workdrive file or folder, chat window, call button, ongoing audio / video call, meeting widget, calendar event attendee, notes, tasks, contacts, list of contacts, mail, calendar, and tasks. The CA entity associated with the selected CA entity is segregated, curated and qualified and is checked with a CA registry. The CA registry datastore stores information related to a list of services and possible actions for the CA entity. The information is forwarded to the CA registry by the software service ecosystem. The software service ecosystem forwards the services corresponding to a CA entity.

1. Name of the product in this design: Graphical User Interface for Sliding Identification Content and Instructional Guidance Display of Electronic Devices. 2. Purpose of this design: An electronic device. 3. The key design feature of this product is its graphical user interface. 4. The image or photograph that best illustrates the design's key points: the front view. 5. As is customary, rear view, left view, right view, top view, and bottom view are omitted. 6. Purpose of the graphical user interface: It is used to introduce content and provide operation guidance in real time by dragging and dropping movable button entry points to the corresponding page content area, and supports users to directly consult related content. 7. Human-computer interaction method of graphical user interface: The main view is the product homepage; drag the circular icon in the upper right corner of the main view down to the corresponding area of ​​the interface to get interface change state diagram 1; continue to drag the circular icon in interface change state diagram 1 down to the corresponding area of ​​the interface to get interface change state diagram 2; in interface change state diagram 2, after releasing the button, the selected content will be recognized and the corresponding explanation and guidance will be displayed to get interface change state diagram 3. In the view, an "X" represents a variable or replaceable text, number, or symbol.

This invention discloses an experiment report generation system and method based on a low-code platform. The system includes a layout rendering system and a business logic system. The layout rendering system is used by users to design and generate experiment reports through drag-and-drop components and renders them in real time. It includes a control module, a page rendering module, and a parameter setting module. The control module provides users with draggable visual components, including form controls and multi-dimensional table controls. The page rendering module renders and displays the experiment reports generated by dragging and dropping form controls and / or multi-dimensional table controls in real time within the visual development module of the low-code platform. The parameter setting module includes a parameter configuration unit, a data binding unit, and a formula selection unit. The business logic system includes a data extraction module and a formula calculation module. This invention ensures maximum fidelity to the experiment report template through multi-dimensional table controls and formula calculation controls, greatly shortening development time and reducing development costs.

The invention discloses a visual data flow weaving method and device for a zero-code platform and a medium, and relates to the field of zero-code data processing.The method comprises the steps that based on triggering of a user, a data flow editor module is started and visually displayed; generating a visual component node, a data processing node and a data source node based on a dragging operation of a user; displaying a configuration area based on triggering of the visual node by a user, and configuring the visual node through the configuration area; and on the basis of triggering of a user, connecting the visual nodes through the connection piles carried in the visual nodes to generate a visual data stream. And the data flow relationship is displayed in a visual mode, so that a developer can intuitively understand the data interaction logic between the components. Input, output, events and the like of the components can be visually configured through the data flow editor, and the maintenance difficulty caused by configuration item dispersion is reduced.

1. Name of the product of this design: Graphical user interface and main body of a live broadcast tool module of an electronic device. 2. Purpose of this design product: This design product is used for an electronic device. 3. The key design features of this design product lie in the part of the graphical user interface for which protection is sought. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: Overall purpose: live broadcast room interaction, local purpose: to realize the display and interaction functions of the live broadcast tool module through changes in user operations. 7. Other situations that require explanation, please refer to the following diagrams: Design 1: The main view of Design 1 is the display interface of the live broadcast tool module. From top to bottom in the middle of the interface are the current live broadcast room information, screen preview and broadcast control area. Select the "Start Live Broadcast" button in the broadcast control area, and the interactive card component will be displayed below the screen preview area, as shown in the design 1 change state diagram; Design 2: Select the "Start Live Broadcast" button in the broadcast control area at the bottom of the design 2 main view interface, as shown in the design 2 change state diagram 1, and select the "+ Material" button in the material list area in the upper left corner of the interface, as shown in the design 2 change state diagram 2; Design 3: Select the "Start Live Broadcast" button in the broadcast control area at the bottom of the design 3 main view interface, as shown in the design 3 change state diagram 1, and select the "Live Broadcast Settings" button in the live broadcast tool area in the lower left corner of the interface, as shown in the design 3 change state diagram 2; Designs 4 to 6 are vertical screen display interfaces for screen preview, among which the interaction method of Design 4 is the same as that of Design 1, the interaction method of Design 5 is the same as that of Design 2, and the interaction method of Design 6 is the same as that of Design 3; Design 7: As shown in the design 7 main view, the camera of the live broadcast room can be set; Design 8: As shown in As shown in the main view of Design 8, by dragging and dropping various areas in the module, the position of the area in the interface can be changed, such as dragging the live interactive area in the lower right corner of the interface, or clicking the "pop-up window" icon on the right side of the top bar of the live interactive area in the lower right corner of the interface, a pop-up box of the corresponding area will pop up, as shown in the change state diagram of Design 8; the usage state reference diagram is a rendering of the user interaction interface, the main view and change state diagram of Design 1 correspond to the usage state reference diagrams 1~2 of Design 1 respectively, the main view and change state diagram of Design 2 correspond to the usage state reference diagrams 1~3 of Design 2 respectively, the main view and change state diagram of Design 3 correspond to the usage state reference diagrams 1~3 of Design 3 respectively, the main view and change state diagram of Design 4 correspond to the usage state reference diagrams 1~2 of Design 4 respectively, the main view and change state diagram of Design 5 correspond to the usage state reference diagrams 1~3 of Design 5 respectively, the main view and change state diagram of Design 6 correspond to the usage state reference diagrams 1~3 of Design 6 respectively, the main view of Design 7 corresponds to the usage state reference diagram of Design 7, and the main view and change state diagram of Design 8 correspond to the usage state reference diagrams 1~2 of Design 8 respectively.

This invention discloses a flexible table configuration method and system based on Handsontable in a Vue project, including: S1: Drag and drop merging; responding to the user's drag and drop operation, capturing the area to be merged, and serializing the merging information corresponding to the area into persistently stored merge range data; S2: Component registration; writing Vue business components as custom editors and renderers, and registering them as new cell types; S3: Event communication; establishing a global message bus; publishing cell data change events inside the table, and listening for corresponding events in external modules; S4: Granular configuration; providing unified type configuration at the column level, and supporting exception configuration of cells through cell metadata.

This invention relates to the field of system development technology, and more particularly to a visual low-code platform. A visual low-code platform includes a menu function area, a display area, a function configuration area, and a global configuration bar at the top, all arranged in columns. The platform has a built-in drag-and-drop library for dragging and dropping projects in the display area. It also includes a built-in code generation module and a prototype generation module. The code generation module has preset code generation rules that convert configured data into Vue component code output. Furthermore, the platform has a built-in html2canvas screenshot component that automatically captures content displayed in the display area, converts it into a canvas image, stores the generated image data in the background, and opens the prototype image in a new window when the user needs to generate a prototype. This solves the problems of existing low-code platforms having chaotic UI designs, limited functionality that makes them unusable for non-professionals due to technical barriers, and low utilization rates for professionals who can only implement basic functions.

1. Name of the product of this design: Dynamic graphical user interface for changing window size of electronic equipment. 2. Purpose of this design product: for use in an electronic device. 3. The key design point of this design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Design 2 changing state diagram 1. 5. Designate Design 2 as the base design. 6. Purpose of the graphical user interface: A dynamic graphical user interface used in electronic devices to drag and drop windows to change their size. 7. Description of the changing state of the graphical user interface: By dragging the long button on the left middle part of the Design 1 main view interface to the right, you can dynamically enter the Design 1 changing state diagram 2 via the Design 1 changing state diagram 1, and click on an application icon in the pop-up window on the left side of the Design 1 changing state diagram 2 to dynamically enter the Design 1 changing state diagram 4 via the Design 1 changing state diagram 3, wherein a corner mark will be displayed below the floating window in the Design 1 changing state diagram 4; the Design 2 main view is a small floating window display interface of an application. When the cursor is moved and touched on the small floating window, it enters the Design 2 changing state diagram 1. At this time, a corner mark is displayed below the small floating window. The size of the floating window can be dynamically changed by dragging the cursor to the lower left, as shown in the Design 2 changing state diagram 2 to the Design 2 changing state diagram 6; the Design 3 main view is a large floating window display interface of an application. When the cursor is moved and touched on the large floating window, it enters the Design 3 changing state diagram 1. At this time, a corner mark is displayed below the large floating window. The size of the floating window can be dynamically changed by dragging the cursor to the upper right, as shown Design 3 change state diagram 2 to Design 3 change state diagram 6 are shown; Design 4 main view is a large floating window display interface of a certain application. When the cursor is moved to touch this large floating window, it enters Design 4 change state diagram 1. At this time, a corner mark is displayed below the large floating window. The size of the floating window can be dynamically changed by dragging the cursor to the upper right or lower left, as shown in Design 4 change state diagram 2 to Design 4 change state diagram 7; the change state from Design 5 main view to Design 5 change state diagram 4 is the same as the change state from Design 1 main view to Design 1 change state diagram 4. A corner mark is displayed below the floating window in Design 5 change state diagram 4. The size of the floating window can be dynamically changed by dragging the cursor to the upper right or lower left, as shown in Design 5 change state diagram 5 to Design 5 change state diagram 11; the change state of Design 6 is the same as Design 1; the change state of Design 7 is the same as Design 2; the change state of Design 8 is the same as Design 3; the change state of Design 9 is the same as Design 4; the change state of Design 10 is the same as Design 5. 8. Other situations that require explanation: Omit other views. An "X" in each drawing indicates an alternative or variable text, number, or punctuation mark.