CN115357239A - Method and device for quickly building operation activity page and electronic equipment - Google Patents
Method and device for quickly building operation activity page and electronic equipment Download PDFInfo
- Publication number
- CN115357239A CN115357239A CN202211290763.5A CN202211290763A CN115357239A CN 115357239 A CN115357239 A CN 115357239A CN 202211290763 A CN202211290763 A CN 202211290763A CN 115357239 A CN115357239 A CN 115357239A
- Authority
- CN
- China
- Prior art keywords
- page
- area
- user
- target
- component
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 230000000694 effects Effects 0.000 title claims abstract description 156
- 238000000034 method Methods 0.000 title claims abstract description 45
- 230000000007 visual effect Effects 0.000 claims abstract description 47
- 238000010276 construction Methods 0.000 claims abstract description 20
- 230000003068 static effect Effects 0.000 claims abstract description 19
- 230000004044 response Effects 0.000 claims abstract description 11
- 230000006870 function Effects 0.000 claims description 27
- 238000004590 computer program Methods 0.000 claims description 12
- 230000004048 modification Effects 0.000 claims description 11
- 238000012986 modification Methods 0.000 claims description 11
- 238000004883 computer application Methods 0.000 abstract description 2
- 238000013461 design Methods 0.000 description 12
- 238000009877 rendering Methods 0.000 description 12
- 238000010586 diagram Methods 0.000 description 8
- 238000012800 visualization Methods 0.000 description 6
- 238000003032 molecular docking Methods 0.000 description 5
- 238000006243 chemical reaction Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 210000001503 joint Anatomy 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 210000004899 c-terminal region Anatomy 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000007373 indentation Methods 0.000 description 2
- 238000012827 research and development Methods 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 230000002776 aggregation Effects 0.000 description 1
- 238000004220 aggregation Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000001125 extrusion Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000005012 migration Effects 0.000 description 1
- 238000013508 migration Methods 0.000 description 1
- 238000010606 normalization Methods 0.000 description 1
- 239000010454 slate Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
- G06F9/4451—User profiles; Roaming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
The application provides a method and a device for quickly building an operation activity page and electronic equipment, and relates to the technical field of computer application, wherein the method is applied to a visual low-code platform built based on a rich text editor, and comprises the following steps: responding to page creation operation of a first user, and displaying a construction activity interface of a visual low-code platform; in response to component selection and movement operations of a first user, displaying a target component of a first area at a first target position of a second area, and/or displaying a target plug-in of the second area at a second target position of the second area to obtain a pre-built operation activity page; and responding to the page configuration adjustment operation of the first user, and modifying the configuration of the pre-established operation activity page to obtain a target operation activity page. According to the method and the device, the content type page is built through the rich text editor, and the selectable static component and the selectable dynamic component are combined, so that the page expressive force is enhanced, and the page building cost is simplified.
Description
Technical Field
The application relates to the technical field of computer application, in particular to a method and a device for quickly building an operation activity page and electronic equipment.
Background
At present, the visual low-code platform has the problems of low efficiency and weak expressive force when a content type page is built. The existing visual low-code platform generally abstracts the construction of complex pages into structured data, and the assembly of components/templates is driven by the structured data. Although the problems of low efficiency and weak expressive force of constructing the content type page by using low codes can be solved, the platform construction mode mainly comprises the steps of accumulating operation manpower, exhaustively developing codes, increasing rich text configuration items and the like, the solution is not flexible enough, the dynamic property is poor, the use mode is not friendly, the problems cannot be thoroughly solved, and the cost is high.
Disclosure of Invention
In view of this, an object of the embodiment of the present application is to provide a method and an apparatus for quickly building an operation activity page, and an electronic device.
In a first aspect, an embodiment of the present application provides a method for quickly building an operation activity page, where the method is applied to a visual low-code platform built based on a rich text editor, and the method includes: responding to page creation operation of a first user, and displaying a set-up activity interface of the visual low-code platform, wherein the set-up activity interface comprises a first area, a second area and a third area; the first area is an assembly display area and comprises a static assembly and a dynamic assembly, the static assembly is a common assembly inserted based on a rich text editor, and the dynamic assembly is a custom assembly added based on a web ide module; the second area is a page editing area and comprises a toolbar and an editing area, and the toolbar comprises common plug-ins inserted based on a rich text editor; the third area is a page modification area; responding to the component selection and movement operation of the first user, displaying a target component of the first area at a first target position of the second area, and/or displaying a target plug-in of the second area at a second target position of the second area to obtain a pre-built operation activity page; and responding to the page configuration adjustment operation of the first user, and modifying the configuration of the pre-built operation activity page to obtain a target operation activity page.
Optionally, before the displaying of the set-up activity interface of the visual low-code platform in response to the page creation operation of the first user, the method further includes: acquiring a target custom component, and adding the target custom component to the first area; and the target custom component is generated by a second user through code writing, debugging and running of the web ide module of the visual low-code platform based on the service requirement of the first user.
Optionally, the construction activity interface further comprises a fourth area, and the fourth area comprises function frames of saving, previewing and using the template; the method further comprises the following steps: responding to the operation of clicking the template function box by the first user, and displaying all historical templates; responding to the template selection operation of the first user, and determining a target template; responding to the copy and paste operation of the first user, and displaying the target template in the editing area of the second area; and responding to the page configuration adjustment operation of the first user, and modifying the configuration of the target template to obtain a target operation activity page.
Optionally, the method further comprises: responding to the operation that the first user clicks the saving function box, and saving the target operation activity page of the second area; and responding to the operation of clicking the preview function box by the first user, and displaying the target operation activity page and the two-dimensional code and/or the address of the target operation activity page in the editing area of the second area.
Optionally, the method further comprises: responding to operation data viewing operation of the first user, and displaying operation data of the target operation activity page on a sugar panel of the visual low-code platform; wherein the operational data comprises: the exposure data of the target operation activity page, the sharing data of the target operation activity page, the exposure data of each component in the target operation activity page and the click data of each component in the target operation activity page.
Optionally, the first area further includes an intelligent component, and the intelligent component is configured to interface multiple service scenarios.
Optionally, before the displaying of the set-up activity interface of the visual low-code platform in response to the page creation operation of the first user, the method further includes: responding to a creating permission obtaining request of the first user, distributing permission of the first user for creating an activity page, and displaying a configuration interface of the visual low-code platform; responding to the page adding operation of the first user on the configuration interface, and displaying a page basic information creating interface; and responding to the page basic information input operation of the first user to obtain the basic information of the page.
In a second aspect, an embodiment of the present application further provides a device for quickly building an operation activity page, where the device is applied to a visual low-code platform built based on a rich text editor, and the device includes:
the page access module is used for responding to page creation operation of a first user and displaying a set-up activity interface of the visual low-code platform, and the set-up activity interface comprises a first area, a second area and a third area;
the first area is a component display area and comprises a static component and a dynamic component, the static component is a common component inserted based on a rich text editor, and the dynamic component is a custom component added based on a web ide module; the second area is a page editing area and comprises a toolbar and an editing area, and the toolbar comprises common plug-ins inserted based on a rich text editor; the third area is a page modification area;
the page construction module is used for responding to component selection and movement operation of the first user, displaying a target component of the first area in a first target position of the second area, and/or displaying a target plug-in of the second area in a second target position of the second area to obtain a pre-constructed operation activity page;
and the page configuration module is used for responding to the page configuration adjustment operation of the first user and modifying the configuration of the pre-built operation activity page to obtain a target operation activity page.
In a third aspect, an embodiment of the present application further provides an electronic device, where the electronic device includes a memory and a processor, the memory stores a computer program, and when the processor runs the computer program, the processor executes the steps in any implementation manner of the operation activity page quick building method.
In a fourth aspect, an embodiment of the present application further provides a readable storage medium, where a computer program is stored in the readable storage medium, and when the computer program is executed by a processor, the computer program executes the steps in any implementation manner of the operation activity page quick construction method.
In summary, the application provides a method, a device and an electronic device for quickly building an operation activity page, a content type page is built through a rich text editor, strong text editing, text typesetting, content loading, rendering and output capabilities are supported, selectable static components and selectable dynamic components are combined, page expressive force is enhanced, and page building cost is greatly simplified; meanwhile, the template using mode is supported, and the pasting historical activities can be directly copied to realize quick multiplexing; in addition, after the target operation activity page is built, the page publishing address and the two-dimensional code can be generated, page operation data can be checked, and operation and use experience is further optimized.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are required to be used in the embodiments will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present application and therefore should not be considered as limiting the scope, and for those skilled in the art, other related drawings can be obtained from the drawings without inventive effort.
Fig. 1 is a schematic flowchart of a method for quickly building an operation activity page according to an embodiment of the present application;
fig. 2 is a schematic flow chart of another method for quickly building an operation activity page according to the embodiment of the present application;
fig. 3 is a schematic structural diagram of a rich text editor-based visualization low-code platform according to an embodiment of the present application;
fig. 4 is a schematic configuration diagram of a construction page of a visual low-code platform based on a rich text editor provided in the embodiment of the present application;
fig. 5 is a schematic structural diagram of a device for quickly building an operation activity page according to an embodiment of the present application;
fig. 6 is a schematic structural diagram of an electronic device for quickly building an operation activity page according to an embodiment of the present application.
An icon: 300-visual low code platform; 310-rich text editor module; 320-a rendering module; 330-text typesetting module; 340-rights system management module; 350-a platform docking module; 400-building an activity page; 500-a page quick construction device; 510-a page access module; 520-a page building module; 530-page configuration module; 600-an electronic device; 610-a memory; 620-a processor; 630-bus.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application. In the description of the present application, the terms "first," "second," "third," "fourth," and the like are used merely to distinguish one description from another, and are not intended to indicate or imply relative importance. It should be apparent that the embodiments described below are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments of the present application without any creative effort belong to the protection scope of the embodiments of the present application.
Referring to fig. 1, fig. 1 is a schematic flow chart of a method for quickly building an operation activity page according to an embodiment of the present application, including the following steps:
s11, responding to page creation operation of the first user, and displaying a construction activity interface of the visual low-code platform.
Wherein the first user refers to an operator using the visual low-code platform; the set up activity interface comprises a first area, a second area and a third area; the first area is a component display area and comprises a static component and a dynamic component, the static component is a common component inserted based on a rich text editor, and the dynamic component is a custom component added based on a web ide module; the second area is a page editing area and comprises a toolbar and an editing area, and the toolbar comprises common plug-ins inserted based on a rich text editor; the third area is a page modification area.
Optionally, before the displaying of the set-up activity interface of the visual low-code platform in response to the page creation operation of the first user, the method further includes: acquiring a target custom component, and adding the target custom component to the first area;
and the target self-defined component is generated by a second user through code writing, debugging and running of the web ide module of the visual low-code platform based on the service requirement of the first user. The second user may be a developer of the visual low-code platform.
Notably, code writing, debugging and running of the user-defined component are performed through the web ide module of the visual low-code platform, loading and rendering of the dynamic cloud component are achieved, and research and development efficiency of the newly added component is improved. Meanwhile, the dynamic component can be circularly reused, and after the dynamic component is used for the first time, the dynamic component can be converted into a static component for other users of the service line or other users of the task line to use.
In some implementations, the static components can be divided into style composition class components, interaction components, member components, content components, user components, e-commerce components, etc. according to the service types, wherein the style composition class components include but are not limited to: a Banner map, anchor points, navigation bars, meta, carousel map, custom hotspot components, scrolling gallery, lottie animation, etc., the interactive components include but are not limited to: drawing, collecting cards, tasks and the like.
In some implementations, common inserts for the toolbar include, but are not limited to: inserting code, inserting formulas, inserting links, inserting references, inserting video, copying and pasting restored content, inserting pictures, inserting key styles, inserting annotations, and the like. The toolbar further includes common editing tools including, but not limited to: font slant, font bolding, paragraph left alignment, paragraph center alignment, paragraph right alignment, etc.
It should be noted that the components in the first area and the plug-ins in the second area are inserted based on a rich text editor, and support plugging, and migration, and can be used facing a community and a third party, and only one NPM Package (Node Package Manager) is needed to access a new function or a new custom component type.
In some embodiments, S11 further comprises before:
s110, responding to the creation permission obtaining request of the first user, distributing the permission of the first user for creating the activity page, and displaying the configuration interface of the visual low-code platform.
And S120, responding to the page adding operation of the first user on the configuration interface, and displaying a page basic information creating interface.
S130, responding to the page basic information input operation of the first user, and obtaining the basic information of the page.
Wherein the basic information includes: basic information of the page and sharing information of the shared page; the basic information comprises a page title, whether the station is displayed to jump to the app or not, and the like; the sharing information refers to the related information displayed by the sharing terminal on the sharing page, and includes but is not limited to sharing titles, sharing contents, sharing pictures and the like. In some embodiments, the sharing title may be the same as or different from the page title.
S12, responding to the component selection and the movement operation of the first user, displaying the target component of the first area at the first target position of the second area, and/or displaying the target plug-in of the second area at the second target position of the second area, so as to obtain a pre-built operation activity page.
The target component is determined by the component selection operation of the first user, and can be a component of a first area or an insert of a toolbar of a second area; the first target position and the second target position are determined by the component moving operation of the first user and are generally positioned in the editing area of the second area.
In some embodiments, the method further comprises: and responding to the text editing operation of the first user, and displaying the text content edited by the first user. The text editing operation of the first user refers to that the first user inputs text content in the editing area of the second area, or the first user edits the text content in the editing area of the second area by using a common editing tool of a toolbar.
S13, responding to the page configuration adjustment operation of the first user, and modifying the configuration of the pre-built operation activity page to obtain a target operation activity page.
The target operation activity page may satisfy various business requirements, including but not limited to: a merchandise purchase page, an event entry page, an authoring incentive page, etc. The page configuration adjustment operation of the first user is to modify at least one of configuration information such as background, global, sharing, code, assembly and the like of the pre-built operation activity page; in some embodiments, the modifying the background information of the page may be modifying a background picture, a background color, and the like of the pre-built operation activity page; the global information of the page modification can be global adjustment aiming at the pre-built operation activity page; the modifying of the shared information of the page may be modifying the shared information of the shared page; modifying the code information of the pre-built operation activity page can be modifying the corresponding code of a certain assembly, thereby adjusting the shape, the color and the like of the assembly; the component information of the modification page may be information such as an ID corresponding to a modification of a certain component.
According to the operation activity page building method, code compiling, debugging and running of the user-defined component are carried out at the cloud end through the web ide module, and loading and rendering of the dynamic cloud component are achieved; the rich text editor is used for building the content type page, strong text editing, text typesetting, content loading, rendering and outputting capabilities are supported, selectable static components and selectable dynamic components are combined, page expressive force is enhanced, and page building cost is greatly simplified.
Referring to fig. 2, fig. 2 is a schematic flow chart of another method for quickly building an operation activity page according to an embodiment of the present application, including the following steps:
s21, responding to the page creation operation of the first user, and displaying a construction activity interface of the visual low-code platform.
The construction activity interface further comprises a fourth area, and the fourth area is located on the upper right side of the construction activity interface and is located right above the third area.
Specifically, the fourth area includes save, preview, use template function boxes. The saving function box is used for saving the target operation activity page, the previewing function box is used for previewing the target operation activity page and generating a two-dimensional code and/or an address of the target operation activity page, and the using template function box is used for browsing and using a history template.
S22, responding to the operation of clicking the template function box by the first user, displaying all historical templates, and responding to the template selection operation of the first user, and determining a target template.
The historical template may be a template in a template library provided by the visualization low-code platform, or may be an operation activity page created based on the visualization low-code platform history.
Specifically, S22 includes the steps of:
s221, responding to the operation that the first user clicks the template using function box, and displaying all historical templates;
s222, responding to the template selection operation of the first user, and determining a target template;
s223, responding to the copy and paste operation of the first user, and displaying the target template in the editing area of the second area; wherein the target template is determined by a template selection operation of the first user.
S23, responding to the page configuration adjustment operation of the first user, and modifying the configuration of the target template to obtain a target operation activity page.
S23 is similar to S13 and will not be described herein.
In some embodiments, after S23, the method for quickly building an operation activity page further includes:
and S24, responding to the operation that the first user clicks the saving function box, and saving the target operation activity page of the second area.
And S25, responding to the operation of clicking the preview function box by the first user, and displaying the target operation activity page and the two-dimensional code and/or the address of the target operation activity page in the editing area of the second area.
Before the target operation activity page is delivered, the two-dimension code and/or the address are/is used for previewing the target operation activity page and checking whether the target operation activity page meets the expected requirement or not; and after the target operation activity page is delivered, the two-dimension code/or the address is used for sharing the target operation activity page. In some embodiments, the two-dimensional code and/or the address of the target operation activity page may be displayed below the fourth area, and no special requirement is made here for a specific display position.
It is noted that, if the target operation activity page is not online, the two-dimensional code needs to be scanned or the address needs to be clicked in an office environment; if the target operation activity page is on-line, the target operation activity page can be accessed by using an office environment or an external network.
And S26, responding to the operation data viewing operation of the first user, and displaying the operation data of the target operation activity page on a sugar panel of the visual low-code platform.
Specifically, in response to a viewing permission obtaining request of the first user, assigning a permission of the first user for viewing the super panel; and responding to the operation data viewing operation of the first user, and displaying the operation data of the target operation activity page on the megar panel.
And the operation data is the data which is counted in real time by the visual low-code platform after the target operation activity page is delivered online. The operation data comprises: the exposure data of the target operation activity page, the sharing data of the target operation activity page, the exposure data of each component in the target operation activity page and the click data of each component in the target operation activity page.
In some embodiments, the visual low-code platform further provides a "report" button to facilitate the first user to view the operational data directly at the configuration interface. Specifically, in response to a viewing permission obtaining request of the first user, the permission of the first user for viewing the report is distributed; and responding to the operation data viewing operation of the first user, and displaying the operation data of the target operation activity page.
And S27, responding to the data downloading request of the first user, and downloading the target operation data.
The target operation data is at least one of exposure data of the target operation activity page, sharing data of the target operation activity page, exposure data of each component in the target operation activity page and click data of each component in the target operation activity page.
The operation activity page rapid building method, the operation activity page rapid building device and the electronic equipment support the template using mode, and can directly copy and paste historical activities based on the rich text editor to realize rapid reuse. In addition, after the target operation activity page is delivered online, the page operation data is supported to be checked and downloaded, the exposure data of a certain component in the page can be specified, operators can analyze the exposure effect of each component of the target operation activity page better, and the operation and use experience is further improved.
Referring to fig. 3, fig. 3 is a schematic structural diagram of a rich text editor-based visualization low-code platform according to an embodiment of the present application, where the visualization low-code platform includes a rich text editor module 310, a rendering module 320, a text composition module 330, a rights system management module 340, and a platform docking module 350.
The rich text editor module 310 is used for building a bottom framework of the rich text editor, registering and instantiating various components and custom components so as to support inputting various rich texts, loading various components and plug-ins, and interfacing various data sources;
the underlying framework is an infrastructure for constructing rich text content and rich text editors, and includes but is not limited to at least one of various editor frameworks such as draft.
Js may be selected as the underlying framework, converted to structured data compatible with old format HTML strings by the DraftToHTML function, stored in the database for back-end return to the user-side page, rendering, etc. If the underlying frame is prosemiror. Js, slate. Js, quill. Js, etc., the tool function drefttohtml that converts the immutable data structure into structured data is replaced with the corresponding tool function prosemiror ToHtml, slateToHtml, quillToHtml, etc.
In some embodiments, the rich text editor module 310 is further configured to build a plug-in framework based on the underlying framework of the rich text editor, so that the functions of the rich text editor are independent of each other and are easy to plug in and pull out. Furthermore, the differences of the data interfaces are processed uniformly by using the node.js to interface various components and plug-ins, so that pluggable and portable componentization and plug-in design are realized.
The rendering module 320 is configured to render the content input in the editing area of the second area, and display the content at the C-terminal.
Specifically, structured data, plain text data, configuration data, and the like, which are obtained by analyzing the content input in the editing area of the second area by the rich text editor module 310, are obtained, where the structured data refers to data obtained by using at least one of a conversion invariant structure in a tool function draftToHtml, a prosemirator ToHtml, a slateToHtml, and a quillToHtml, the plain text data refers to pure data corresponding to the immutable data obtained by using a conversion function convertToraw, and the configuration data refers to shared information of a shared page; rendering is performed by the rendering module 320, and displaying is performed at the C-terminal.
A text typesetting module 330, configured to perform normalized processing on text content in the target operation activity page;
the text typesetting module 330 is constructed on the basis of a rich text editor, has strong text processing capability, and can automatically realize functions of punctuation extrusion, unified typesetting and the like. In some embodiments, the normalizing process performed on the text content in the target operation activity page may be to check and modify a professional term, or to check and modify a punctuation mark, a space, or the like, or to adjust a hangup indentation, a first line indentation, or the like.
A rights system management module 340 for assigning rights to the visual low-code platform, including but not limited to: access rights, creation rights, viewing rights, etc.
Specifically, a database model of the authority management system is designed and established by combining node.JS capability and RBAC (Role-Based policies Access Control) idea, so that the visual low-code platform has standardized and flexible authority application and use flow.
In some embodiments, all the permissions may be packaged and combined, and when the first user applies for a permission, at least one of an access permission, a creation permission, a viewing permission, and the like is directly assigned; in other embodiments, all the permissions may also be managed in a batch distribution manner, for example, in response to an access permission acquisition request of the first user, the permission of the first user to access the visual low-code platform is distributed; responding to a creating permission obtaining request of the first user, and distributing permission of the first user for creating an activity page; and responding to the viewing authority acquisition request of the first user, and allocating the authority of the first user for viewing the sugar panel and/or the authority for viewing the report.
Notably, after the visual low-code platform assigns the first user right, an operator can access the platform or create an activity; in some embodiments, the permission of the first user to create the activity page is assigned, and only the operation activity page newly created by the first user is viewed and edited, and the activities of other users only have viewing permission and do not have editing permission. If the first user needs to edit the activities of other users, the first user can contact the activity creator to add a 'cooperative management' permission, and the visual low-code platform responds to an acquisition request of the cooperative management permission and distributes the permission of the first user for editing the activity.
And the platform docking module 350 is used for docking the existing system to realize high-efficiency linkage among multiple platforms.
Specifically, the visual low-code platform can complete data processing through node.js capability on a BFF (Back For connected) layer, and realizes unified interface formats, so that the existing system can be conveniently docked, for example, the activities of carrying out lottery drawing on a lottery drawing platform and a resource management platform, the efficient linkage among multiple platforms is realized, and the platformization capability is improved.
In some embodiments, the visual low-code platform may further provide a design middle platform, the design middle platform is used for designers to submit components, the design flow of the components can be opened through the design middle platform, the design specifications of the components are restricted, and unified design management and control are achieved; specifically, different enterprises have different requirements on typesetting of each component, information such as component shape, background color and the like, and component design is standardized according to different requirements of each enterprise, so that unified design management and control of the components are realized. If the enterprise client served by the visual low-code platform has a system or a design platform, the design platform of the enterprise client can be docked by utilizing the platformization capacity of the visual low-code platform, so that unified design management and control are realized.
In other embodiments, the visualization low-code platform further comprises: the system comprises a web ide module, a page sharing module and a page operation data counting module. The web ide module is used for code writing, debugging and running of the user-defined component at the cloud end; the page sharing module is used for generating a two-dimensional code and/or an address of the target operation activity page; the page operation data counting module is used for counting the operation data of the target operation activity page after the page is delivered online, and providing a super panel and a report function for viewing and downloading the operation data of the target operation activity page, so that the first user can analyze the operation data better.
The visual low-code platform based on the rich text editor supports the input of various rich texts, the loading of various components and plug-ins and the butt joint of various data sources by combining the rich text editor technology, enhances the text typesetting capability, supports the rendering of natural service self-defined blocks, and provides better performance. In addition, the use flow is normalized through the authority system management module, efficient linkage among multiple platforms is achieved through the platform docking module, dynamic cloud component loading and rendering are achieved through the web ide module, the research and development efficiency of newly-added components is improved, and operation and use experience is improved through the page sharing module and the page operation data statistics module.
Referring to fig. 4, fig. 4 is a schematic page composition diagram of a set-up activity page of a visual low-code platform based on a rich text editor provided in the embodiment of the present application, where the set-up activity page 400 includes: a first region, a second region, a third region, and a fourth region.
The first area is a component display area, and the components of the first area comprise static components and dynamic components; the second area is a page editing area and comprises a toolbar and an editing area; the third area is a page modification area and is used for modifying configuration information of a page, wherein the configuration information comprises but is not limited to background, global, sharing, code, components and the like; the fourth area comprises a save, preview and use template function box.
In some embodiments, the components of the first zone further comprise an intelligence component for interfacing with a plurality of business scenarios. The method for quickly building the operation activity page further comprises the following steps: responding to the selection operation of the first user on the intelligent assembly, displaying the corresponding intelligent assembly in the editing area of the second area, and displaying the related operation prompt of the intelligent assembly, such as title input, picture uploading, video uploading and the like.
Specifically, the visualized low-code platform can directly butt joint with the front-end intelligent assembly by carrying out unified standardized processing on data, so that the development cost of the page assembly is further reduced. Wherein the unified normalization process comprises: serialization format conversion, protocol conversion, data aggregation and clipping, and node. Js calling RPC (Remote Procedure Call), wherein the node. Js is a JavaScript operation environment based on a Chrome V8 engine.
In some embodiments, the second region further comprises a navigation bar for quickly understanding the component composition of the target operations activity page.
The activity page built on the visual low-code platform based on the rich text editor supports the input of various rich texts, the loading of various components and plug-ins and the butt joint of various data sources. By combining the rich text editor technology, various static components, dynamic components and intelligent components are displayed in the first area, so that operation personnel can operate more easily when building an operation activity page, the effect of what you see is what you get is better realized, and the building efficiency of the operation activity page is greatly improved.
Referring to fig. 5, fig. 5 is a schematic structural diagram of an operation activity page rapid-building device provided in an embodiment of the present application, where the page rapid-building device 500 includes:
the page access module 510 is configured to respond to a page creation operation of a first user, and display a construction activity interface of the visual low-code platform, where the construction activity interface includes a first area, a second area, and a third area;
the first area is an assembly display area and comprises a static assembly and a dynamic assembly, the static assembly is a common assembly inserted based on a rich text editor, and the dynamic assembly is a custom assembly added based on a web ide module; the second area is a page editing area and comprises a toolbar and an editing area, and the toolbar comprises common plug-ins inserted based on a rich text editor; the third area is a page modification area;
the page building module 520 is configured to, in response to the component selection and the moving operation of the first user, display the target component of the first area in the first target position of the second area, and/or display the target plugin of the second area in the second target position of the second area, so as to obtain a pre-built operation activity page;
a page configuration module 530, configured to modify the configuration of the pre-built operation activity page to obtain a target operation activity page in response to a page configuration adjustment operation of the first user.
For a detailed description of the operation activity page quick construction device, please refer to the description of the related method steps in the above embodiment.
Referring to fig. 6, fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure, where the electronic device 600 includes: the memory 610 and the processor 620 are connected through the bus 630, the memory 610 stores a computer program, and when the processor 620 reads and runs the computer program, the electronic device 600 can execute all or part of the process of the method in the embodiment to realize quick construction of the operation activity page.
It should be understood that the electronic device may be a Personal Computer (PC), a tablet Computer, a smart phone, or other electronic device having a logical computing function.
The embodiment of the application also provides a readable storage medium, wherein a computer program is stored in the readable storage medium, and when the computer program is read and operated by a processor, the steps in the operation activity page rapid construction method are executed.
The above-mentioned embodiments are only specific embodiments of the present application, and are used for illustrating the technical solutions of the present application, but not limiting the same, and the scope of the present application is not limited thereto, and although the present application is described in detail with reference to the foregoing embodiments, those skilled in the art should understand that: any person skilled in the art can modify or easily conceive the technical solutions described in the foregoing embodiments or equivalent substitutes for some technical features within the technical scope disclosed in the present application; such modifications, changes or substitutions do not depart from the spirit and scope of the present invention, and they should be construed as being included in the present invention. Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.
Claims (10)
1. A quick operation activity page building method is applied to a visual low-code platform built based on a rich text editor, and comprises the following steps:
responding to page creation operation of a first user, and displaying a construction activity interface of the visual low-code platform, wherein the construction activity interface comprises a first area, a second area and a third area;
the first area is an assembly display area and comprises a static assembly and a dynamic assembly, the static assembly is a common assembly inserted based on a rich text editor, and the dynamic assembly is a custom assembly added based on a web ide module; the second area is a page editing area and comprises a toolbar and an editing area, and the toolbar comprises common plug-ins inserted based on a rich text editor; the third area is a page modification area;
responding to the component selection and movement operation of the first user, displaying a target component of the first area at a first target position of the second area, and/or displaying a target plug-in of the second area at a second target position of the second area to obtain a pre-built operation activity page;
and responding to the page configuration adjustment operation of the first user, and modifying the configuration of the pre-built operation activity page to obtain a target operation activity page.
2. The method according to claim 1, wherein before the presenting the set-up activity interface of the visual low-code platform in response to the page creation operation of the first user, the method further comprises:
acquiring a target self-defining component, and adding the target self-defining component to the first area;
and the target self-defined component is generated by a second user through code writing, debugging and running of the web ide module of the visual low-code platform based on the service requirement of the first user.
3. The method of claim 1, wherein the build activity interface further comprises a fourth area comprising save, preview, use template function boxes; the method further comprises the following steps:
responding to the operation of clicking the template function box by the first user, and displaying all historical templates;
responding to the template selection operation of the first user, and determining a target template;
responding to the copy-paste operation of the first user, and displaying the target template in an editing area of the second area;
and responding to the page configuration adjustment operation of the first user, and modifying the configuration of the target template to obtain a target operation activity page.
4. The method of claim 3, further comprising:
responding to the operation that the first user clicks a saving function box, and saving a target operation activity page of the second area;
and responding to the operation that the first user clicks the preview function box, and displaying the target operation activity page and the two-dimensional code and/or the address of the target operation activity page in the editing area of the second area.
5. The method of claim 1, further comprising:
responding to operation data viewing operation of the first user, and displaying operation data of the target operation activity page on a sugar panel of the visual low-code platform;
wherein the operational data comprises: the exposure data of the target operation activity page, the sharing data of the target operation activity page, the exposure data of each component in the target operation activity page and the click data of each component in the target operation activity page.
6. The method of claim 1, wherein the first area further comprises an intelligent component for interfacing with a plurality of business scenarios.
7. The method according to claim 1, wherein before the presenting the set-up activity interface of the visual low-code platform in response to the page creation operation of the first user, the method further comprises:
responding to a creating permission obtaining request of the first user, distributing permission of the first user for creating an activity page, and displaying a configuration interface of the visual low-code platform;
responding to the page adding operation of the first user on the configuration interface, and displaying a page basic information creating interface;
and responding to the page basic information input operation of the first user to obtain the basic information of the page.
8. The device for rapidly building the operation activity page is applied to a visual low-code platform built based on a rich text editor, and comprises the following components:
the page access module is used for responding to page creation operation of a first user and displaying a set-up activity interface of the visual low-code platform, and the set-up activity interface comprises a first area, a second area and a third area;
the first area is a component display area and comprises a static component and a dynamic component, the static component is a common component inserted based on a rich text editor, and the dynamic component is a custom component added based on a web ide module; the second area is a page editing area and comprises a toolbar and an editing area, and the toolbar comprises common plug-ins inserted based on a rich text editor; the third area is a page modification area;
the page building module is used for responding to component selection and movement operation of the first user, displaying the target component of the first area at a first target position of the second area, and/or displaying the target plug-in of the second area at a second target position of the second area to obtain a pre-built operation activity page;
and the page configuration module is used for responding to the page configuration adjustment operation of the first user and modifying the configuration of the pre-established operation activity page to obtain a target operation activity page.
9. An electronic device, comprising a memory and a processor, wherein the memory stores a computer program, and the processor executes the operation activity page quick building method according to any one of claims 1 to 7 when running the computer program.
10. A readable storage medium, characterized in that it stores a computer program which, when run on a processor, executes the method for quick construction of an operations activity page according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211290763.5A CN115357239A (en) | 2022-10-21 | 2022-10-21 | Method and device for quickly building operation activity page and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211290763.5A CN115357239A (en) | 2022-10-21 | 2022-10-21 | Method and device for quickly building operation activity page and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115357239A true CN115357239A (en) | 2022-11-18 |
Family
ID=84008332
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211290763.5A Pending CN115357239A (en) | 2022-10-21 | 2022-10-21 | Method and device for quickly building operation activity page and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115357239A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115729534A (en) * | 2022-11-21 | 2023-03-03 | 中电金信软件有限公司 | Method for creating and displaying low-code page, device, equipment and medium |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090013246A1 (en) * | 2007-04-27 | 2009-01-08 | Bea Systems, Inc. | Web based application constructor using extensibility points for page components, page layouts/templates, security roles, shells, and associating data spaces with templates |
| CN110032420A (en) * | 2019-04-18 | 2019-07-19 | 合肥天毅网络传媒有限公司 | A kind of front end webpage design system and method |
| CN113419728A (en) * | 2021-06-22 | 2021-09-21 | 康键信息技术（深圳）有限公司 | Marketing page building method, marketing page building device, marketing page building equipment and storage medium |
| CN113849165A (en) * | 2021-09-28 | 2021-12-28 | 航天科工网络信息发展有限公司 | Customizable low-code front-end development framework and method based on visual dragging |
| CN114036439A (en) * | 2021-11-16 | 2022-02-11 | 深圳壹账通智能科技有限公司 | Website building method, device, medium and electronic equipment |
| CN114036438A (en) * | 2021-11-11 | 2022-02-11 | 深圳乐信软件技术有限公司 | Page construction method, device, equipment and storage medium |
| CN114489610A (en) * | 2022-02-15 | 2022-05-13 | 北京智达互动科技有限公司 | Page visualization dynamic component configuration method and system |
-
2022
- 2022-10-21 CN CN202211290763.5A patent/CN115357239A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090013246A1 (en) * | 2007-04-27 | 2009-01-08 | Bea Systems, Inc. | Web based application constructor using extensibility points for page components, page layouts/templates, security roles, shells, and associating data spaces with templates |
| CN110032420A (en) * | 2019-04-18 | 2019-07-19 | 合肥天毅网络传媒有限公司 | A kind of front end webpage design system and method |
| CN113419728A (en) * | 2021-06-22 | 2021-09-21 | 康键信息技术（深圳）有限公司 | Marketing page building method, marketing page building device, marketing page building equipment and storage medium |
| CN113849165A (en) * | 2021-09-28 | 2021-12-28 | 航天科工网络信息发展有限公司 | Customizable low-code front-end development framework and method based on visual dragging |
| CN114036438A (en) * | 2021-11-11 | 2022-02-11 | 深圳乐信软件技术有限公司 | Page construction method, device, equipment and storage medium |
| CN114036439A (en) * | 2021-11-16 | 2022-02-11 | 深圳壹账通智能科技有限公司 | Website building method, device, medium and electronic equipment |
| CN114489610A (en) * | 2022-02-15 | 2022-05-13 | 北京智达互动科技有限公司 | Page visualization dynamic component configuration method and system |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115729534A (en) * | 2022-11-21 | 2023-03-03 | 中电金信软件有限公司 | Method for creating and displaying low-code page, device, equipment and medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11188614B2 (en) | System and method for automatic suggestion for dynamic site compilation within a cloud-based content hub environment | |
| US10650082B2 (en) | Collaborative virtual markup | |
| CN109918607B (en) | Page construction method and device, medium and computing equipment | |
| US20060143561A1 (en) | System and method for author-driven template switching in the development and modification of web pages | |
| US6993713B2 (en) | Web content management software utilizing a workspace aware JSP servlet | |
| CN113032708A (en) | Code-free Web development system | |
| CN112528207B (en) | Activity page generation method and device and electronic equipment | |
| US11727083B2 (en) | System and method for automatic selection for dynamic site compilation within a cloud-based content hub environment | |
| Anderson et al. | Pro business applications with silverlight 4 | |
| CN115357239A (en) | Method and device for quickly building operation activity page and electronic equipment | |
| CN112182465A (en) | Page display method, first terminal, server and system | |
| CN115202729A (en) | Container service-based mirror image generation method, device, equipment and medium | |
| US20080010591A1 (en) | Web forms creation and reporting tool | |
| CN112882703B (en) | Online design method and device for user-defined chart plug-in | |
| CN111612501B (en) | Information generation method and device based on strategy multiplexing and electronic equipment | |
| CN103970773A (en) | Page updating method and device for web page | |
| US7730105B2 (en) | Time sharing managing apparatus, document creating apparatus, document reading apparatus, time sharing managing method, document creating method, and document reading method | |
| CN113296759A (en) | User interface processing method, user interface processing system, user interface processing device, and storage medium | |
| US20080263444A1 (en) | Document Processing Device and Document Processing Method | |
| WO2021051032A1 (en) | System and method for automatic suggestion and automatic selection for dynamic site compilation within a cloud-based content hub environment | |
| Biswas | Beginning React and Firebase | |
| Frank | Enhancing object-oriented modeling with concepts to integrate electronic documents | |
| WO2000073893A2 (en) | Apparatus and method for re-using and tracking digital assets | |
| Çatal | Content management system | |
| Brand et al. | Designing and Planning with TYPO3 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20221118 |