Orange light interactive reading framework and working method thereof

Abstract

The invention discloses an orange light interactive reading framework and a working method thereof, and relates to the technical field of computers. The method comprises a view layer, an architecture layer, a service layer, a persistence layer, a communication layer and a security processing layer, the view layer is provided with a component library comprising an interface element component and a custom component; the architecture layer comprises a bottom layer library and a basic library; the view layer controls data communication, rendering and updating among the components by calling an interface of the architecture layer; the business layer comprises a functional component, a data storage library, engineering setting, global search and skin theme switching; the persistent layer comprises a binary file, static resources of the content distribution network and server data; the communication layer communicates with the service layer through a component; and the security processing layer ensures application and data security through various encryption and verification means. According to the method, an abstract programming concept can be converted into visual learning experience through an innovative interactive reading structure, and the programming learning efficiency and the knowledge absorption rate of a user are effectively improved.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and particularly to an Orange Light interactive reading architecture and its working method. Background Art

[0002] Programming education is a key way to cultivate innovative talents in the digital age. Its core lies in stimulating students' computational thinking ability and cultivating the ability to solve problems systematically through immersive learning experiences such as programming game enlightenment and visual graphic programming. Traditional programming education models are often limited to the one-way indoctrination of teachers and the passive reception of book knowledge. This learning method divorced from practice not only reduces the learning effect, but also suppresses students' creativity and learning enthusiasm. In response to this problem, the present invention innovatively proposes a logic block architecture and its working method, which transforms abstract programming concepts into concrete block modules, enabling learners to naturally master programming thinking through hands-on practice. This innovative teaching aid is not only a simple and easy-to-use creativity tool, but also an intelligent platform that guides students to explore, experiment and innovate. Through this edutainment method, learners can gradually master the basic knowledge of programming, cultivate logical thinking ability, and ultimately achieve the transformation from passive reception to active creation while building their own unique world. Summary of the Invention

[0003] The present invention provides an Orange Light interactive reading architecture, including: a view layer, an architecture layer, a business layer, a persistence layer, a communication layer, and a security processing layer;

[0004] A component library is set in the view layer. The component library includes interface element components and custom components; it is used to display the interface to the user and receive user input;

[0005] The architecture layer includes a bottom library and a basic library; the view layer controls data communication and rendering update between each component by calling the interfaces of the architecture layer;

[0006] The business layer includes functional components, a data storage library, project settings, global search, and skin theme switching; the business layer and the architecture layer control data communication and rendering update between each component by constructing a user interface framework; it is used to implement operations of user input;

[0007] The persistence layer includes binary files, content delivery network static resources, and server data; it is used to save the project data binary file of the project event locally when the project event production is completed, upload the binary file and resource file of the project event to the object storage service when the project event is published, and access through the content delivery network resource file. Its functions such as publishing, uploading, and accessing respectively use server data as data transmission;

[0008] Data is communicated between the communication layer and the service layer through components, and data synchronization and update between multiple windows are achieved through the main process of the front-end development framework and multiple rendering processes; the communication protocol is communicated between the communication layer and the material library through processes.

[0009] The security processing layer includes self-developed encryption algorithms, cross-site scripting attacks, token encryption, and code signing; it performs XSS verification on the form content of engineering events, size and format verification on file uploads, cloud-sensitive content filtering on pictures, code signing on program execution files, token verification on server requests, encryption processing on engineering data bin files, decryption of the engine, and self-developed symmetric encryption on module data code.

[0010] An Orange Light interactive reading architecture as described above, wherein the underlying library includes a cross-platform desktop application development framework, a computer programming language, and a virtual machine, which are used to provide basic function support, ensure the stability of the application system, achieve cross-platform compatibility, support extension and maintenance, and improve development efficiency; the basic library includes data driving, message management, and plug-in management, which are used to implement underlying resource management.

[0011] An Orange Light interactive reading architecture as described above, wherein the functional components include a workbench component, a material library component, a preview and test component, an advanced user interface component, an event system component, a user system component, a floating component, and a variable component; the data storage library includes a numerical library, a string library, and a second-week numerical library; the project settings are used for users to perform initialization settings; the global search is used to search for specific events in all events; the skin theme switch is used to switch the appearance of the program.

[0012] An Orange Light interactive reading architecture as described above, wherein the workbench component includes a menu, a function bar, a blade menu, a preview, local materials, a plot tree, a plot list, and a status bar; the menu is the menu entry; the function bar is the function entry; the blade menu is the entry for all engineering events; the preview is to display the user reading status of the plot of the currently selected engineering event in real time; the local materials are the built-in materials of the present invention, and users can drag the materials in the local materials to the preview for fast and efficient creation; the plot tree is used to display all the chapters of the plot of the current engineering event, and is a collapsible tree structure; the plot list is used to display all the specific events of the chapters of the plot of the currently selected engineering event; the status bar is used to display the total number of words and size of the plot of the engineering event, as well as the number of words of the plot of the currently selected engineering event and the latest save time.

[0013] An Orange Light interactive reading architecture as described above, wherein the material library component is used to save the materials required for processing engineering event creation; specifically including a classification menu sub-component, a material list sub-component, and a material processing sub-component; wherein, the classification menu sub-component is used to classify the saved materials, the material list sub-component is used to display the names of each material, and the material processing sub-component is used for users to freely combine and create materials.

[0014] An Orange Light interactive reading architecture as described above, wherein the preview and test component is used to preview and test the engineering events completed by users.

[0015] An Orange Light interactive reading architecture as described above, wherein the advanced user interface component includes an advanced user interface list and an advanced user interface event area; the advanced user interface list is used to display all the advanced user interfaces included in the current engineering event, which includes functions such as quick new creation, and individual import and export of advanced user interfaces.

[0016] An Orange Light interactive reading architecture as described above, wherein the event system component includes picture events, sound events, message events, logic events, and special effect events, and is used for users to create engineering events.

[0017] An Orange Light interactive reading architecture as described above, wherein the user system component includes a login component, a message management component, and an activity component, and is used for users to operate this program through personal account operations and accurately save the engineering events of users.

[0018] An Orange Light interactive reading architecture as described above, wherein the floating component is used to display the set of all function components that are always resident on the screen. Function operations are executed through the function components in the floating component. The floating component can be selectively displayed or hidden according to user needs, and users can freely edit the function components within the floating component according to their needs.

[0019] An Orange Light interactive reading architecture as described above, wherein the variable component is used to record and control the running state. Variables can be operated through various events. The program saves the operation content of users in memory variables, and saves the engineering events to the local when users complete the creation of engineering events.

[0020] The present invention also provides an Orange Light interactive reading working method, including:

[0021] Step S1: Start the program for interface rendering and initialization and parse the engineering data structure;

[0022] Step S2: Load resources and perform process communication on the parsed project and store the data instances in the project into VueStore;

[0023] Step S3: Edit data interaction for the data in VueStore through program functions;

[0024] Step S4: Preview the interface of the completed project and save and publish the project;

[0025] An Orange Light interactive reading working method as described above, wherein starting the program for interface rendering and initialization and parsing the project data structure includes the following sub-steps:

[0026] Step S11: Start the program, parse the project path through the passed-in parameters, and automatically open the most recently started project;

[0027] Step S12: Render the interface of the opened project through the rendering workbench interface, initialize the vue framework, and load the workbench layout;

[0028] Step S13: Parse the project data structure of the project with the interface rendering and initialization completed.

[0029] An Orange Light interactive reading working method as described above, wherein after the parsing is completed, the project performs resource loading and process communication and stores the data instances in the project into VueStore, including the following sub-steps:

[0030] Step S21: Load CDN and server resources for the project with the parsing completed through https requests, obtain network images, resources, and business data, and return them to the project;

[0031] Step S22: Perform communication between different processes on the data in the project through the IPC process communication provided by Electron;

[0032] Step S23: Generate data instances using the Orange Light interactive reading architecture, and store the chapter list data and the currently selected chapter data in the project into VueStore.

[0033] An Orange Light interactive reading working method as described above, wherein editing data interaction for the data in VueStore through program functions includes the following sub-steps:

[0034] Step S31: Edit data interaction for the data in VueStore through the event system component;

[0035] Step S32: Edit data interaction for the data in VueStore through the project settings component;

[0036] Step S33: Edit data interaction for the data in VueStore through the floating component;

[0037] Step S34: Edit data interaction with the data in VueStore through advanced UI components.

[0038] An Orange Light interactive reading working method as described above, wherein

[0039] Performing interface preview display and saving and publishing the project after editing includes the following sub-steps:

[0040] Step S41: Perform interface preview display on the edited project;

[0041] Step S42: Save the project after the preview display is completed;

[0042] Step S43: Publish the project after the saving is completed.

[0043] The beneficial effects achieved by the present invention are as follows: Through the innovative interactive reading structure, the abstract programming concepts are transformed into an intuitive and visual learning experience, effectively improving the user's programming learning efficiency and knowledge absorption rate. BRIEF DESCRIPTION OF THE DRAWINGS

[0044] In order to more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the following will briefly introduce the drawings required for use in the description of the embodiments or the prior art. Obviously, the drawings described below are only some embodiments recorded in the present invention. For those of ordinary skill in the art, other drawings can also be obtained based on these drawings.

[0045] Figure 1 It is a schematic diagram of an Orange Light interactive reading architecture provided by Embodiment 1 of the present application;

[0046] Figure 2 It is a schematic diagram of the view layer of an Orange Light interactive reading architecture provided by Embodiment 1 of the present application;

[0047] Figure 3 It is a schematic diagram of the architecture layer of an Orange Light interactive reading architecture provided by Embodiment 1 of the present application;

[0048] Figure 4 It is a schematic diagram of the business layer of an Orange Light interactive reading architecture provided by Embodiment 1 of the present application;

[0049] Figure 5 It is a schematic diagram of the persistence layer of an Orange Light interactive reading architecture provided by Embodiment 1 of the present application;

[0050] Figure 6 It is a schematic diagram of the communication layer of an Orange Light interactive reading architecture provided by Embodiment 1 of the present application;

[0051] Figure 7It is a schematic diagram of the security processing layer of an orange light interactive reading architecture provided in Embodiment 1 of this application;

[0052] Figure 8 It is a flowchart of an orange light interactive reading working method provided in Embodiment 2 of this application. Specific implementation manners

[0053] Next, in combination with the accompanying drawings in the embodiments of the present invention, the technical solutions in the embodiments of the present invention will be clearly and completely described. Obviously, the described embodiments are some, but not all, of the embodiments of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative efforts shall fall within the protection scope of the present invention.

[0054] Embodiment 1

[0055] As Figure 1 shown, an orange light interactive reading architecture provided in Embodiment 1 of the present invention includes a view layer, an architecture layer, a business layer, a persistence layer, a communication layer, and a security processing layer. Among them:

[0056] (1) View layer

[0057] As Figure 2 shown, a component library is set in the view layer, and the component library includes element-ui (interface element components) and custom components. The view layer is used to display the interface to the user and receive user input.

[0058] (2) Architecture layer

[0059] As Figure 3 shown, the architecture layer includes a bottom layer library and a basic library. The view layer controls data communication and rendering update between each component by calling the interfaces of the architecture layer.

[0060] The bottom layer library includes electron (a cross-platform desktop application development framework), TypeScript (a computer programming language), and vm (a virtual machine); among them, electron is based on Chromium (an open-source project) and Node.js, and develops desktop applications across Windows, macOS, and Linux using HTML, CSS, and JavaScript, and enhances interaction by calling the system bottom layer functions through Node.js; TypeScript introduces a static type system for JS, improves code quality and maintainability, and is compatible with the JS ecosystem. VM isolates and executes JS code to ensure secure execution, supports dynamic parsing and execution of JS code at runtime, and ensures stable application performance. It is used to provide basic function support, ensure the stability of the application system, achieve cross-platform compatibility, support extension and maintenance, and improve development efficiency.

[0061] The basic library includes data driving, message management, and plugin management, which are used to implement underlying resource management. Among them, data driving is used to achieve separation of data and views, data binding, and reactive programming. Message management is used to implement communication between components, decouple data modules, implement asynchronous operations and event handling, and manage the application state, thus ensuring the consistency of the application state. Plugin management includes PackTools (plugin packaging tool), DevIntegrate (development integration management), ExtensionsUpd (plugin update), and ExtensionsInf (plugin information). PackTools is used to integrate, compress, encrypt, etc. the files such as the code and resources of the plugin to make it a standard plugin package that can be published and installed. DevIntegrate is used to integrate the plugin development process with the development environment. ExtensionsUpd is responsible for detecting whether there is an available updated version of the plugin and performing the update operation. ExtensionsInf is used to store and manage various meta-information of the plugin, such as plugin name, version number, author, description, function introduction, dependency relationship, etc.

[0062] (III) Business layer

[0063] As Figure 4 shown, the business layer includes functional components, data repositories, project settings, global search, and skin theme switching. The business layer and the architecture layer control data communication and rendering updates between various components through the vue framework (user interface construction framework) to implement operations on user inputs.

[0064] The functional components include a workbench component, a material library component, a preview and test component, an advanced UI (user interface) component, an event system component, a user system component, a floating component, and a variable component. Each component is independent of each other and works in cooperation.

[0065] The workbench component includes a menu, a function bar, a blade menu, a preview, local materials, a plot tree, a plot list, and a status bar. Among them, the menu is the menu entry; the function bar is the function entry; the blade menu is the entry for all project events; the preview is to display the reading status of the plot of the currently selected project event in real time; the local materials are the built-in materials of the present invention, and users can drag the materials in the local materials to the preview for fast and efficient creation; the plot tree is used to display all the chapters of the plot of the current project event and is a collapsible tree structure; the plot list is used to display all the specific events of the chapters of the plot of the currently selected project event; the status bar is used to display the total number of words and size of the plot of the project event, as well as the number of words of the plot of the currently selected project event and the latest save time.

[0066] The material library component is used to save the materials required for processing engineering event creation. Specifically, it includes a classification menu sub-component, a material list sub-component, and a material processing sub-component. Among them, the classification menu sub-component is used to classify the saved materials, the material list sub-component is used to display the names of each material, and the material processing sub-component is used for users to freely combine and create materials. The material processing sub-component adds a paper doll system, that is, a plugin of the material processing sub-component. Through the paper doll system, the expressions, accessories, clothing, etc. of the materials can be modified, further enhancing the expressiveness of the materials and making the characters created by users more detailed.

[0067] The preview and test component is used to preview and test the engineering events completed by users, so that users can further improve the engineering events created by users according to the preview and test results.

[0068] The advanced UI component includes an advanced UI list and an advanced UI event area. The advanced UI list is used to display all the advanced UIs included in the current engineering event, which includes a quick new function and a separate import / export advanced UI function. Among them, the separate import / export advanced UI function facilitates template sharing by users and collaborative development by collaborators. The advanced UI event area is used to display the editing events of the currently selected advanced UI.

[0069] Specifically, the specific execution process of the editing events of the advanced UI includes an interface generation event and an interface initialization event. Among them, the interface generation event is used to process the values generated when creating engineering events, and the interface initialization event is used to draw the advanced UI interface in the engineering event. The advanced UI interface is drawn by adding drawing components, where the drawing components include elements such as pictures, strings, buttons, values, value bars, etc. for drawing the UI interface.

[0070] The event system component is used for users to create engineering events, including picture events, sound events, message events, logic events, and special effect events. Users can freely create engineering events in the event component through various event functions, workbench components, material library components, preview and test components, and advanced UI components.

[0071] The user system component includes a login component, a message management component, and an activity component, which are used for users to operate this program through their personal accounts and accurately save the engineering events of users.

[0072] The floating component is used to display the set of all function components that are always resident on the screen. Function operations are performed through the function components in the floating component. The floating component can be selectively displayed or hidden according to user needs. Users can freely edit the function components in the floating component as needed. Among them, the function components include pictures, strings, buttons, values, value bars, etc.

[0073] The variable component is used to record the control running status. Variables can be operated through various events. The program saves the user's operation content in memory variables and saves the project events to the local when the user completes the creation of project events.

[0074] The data repository is used to store various data generated by project events, including the numerical library, string library, and second-round numerical library. Project settings are for users to perform initialization settings. Global search is used to search for specific events among all events. Skin theme switching is used to switch the appearance of the program.

[0075] (IV) Persistence layer

[0076] As Figure 5 shown, the persistence layer includes bin (binary) files, CDN (Content Delivery Network) static resources, and server data https. The persistence layer is used to save the bin file of the project data of the project event locally when the production of the project event is completed, and upload the bin file and resource file of the project event to oss (Object Storage Service) when the project event is published, and access through the CDN resource file. Its functions such as publishing, uploading, and accessing use https as the data transmission.

[0077] (V) Communication layer

[0078] As Figure 6 shown, the communication layer communicates with the business layer through components, including vuex, vue component communication, and vue event bus communication. Data synchronization and update between multiple windows are achieved through the Electron (front-end development framework) main process and multiple rendering processes. The communication layer communicates with the material library through IPC (Inter-Process Communication Protocol).

[0079] (VI) Security processing layer

[0080] As Figure 7 shown, the security processing layer is used to protect data. The security processing layer includes self-developed encryption algorithms, xss (Cross-Site Scripting), token (token) encryption, and code signing; it performs xss verification on the form content of project events, size and format verification on file uploads, filters sensitive content in the cloud for pictures, performs code signing on program execution files, performs token verification on requests to the server, encrypts the bin file of project data, decrypts the engine, and performs self-developed symmetric encryption on module data code.

[0081] Embodiment 2

[0082] As Figure 8 shown, Embodiment 2 of the present application provides a method for working on Orange Light interactive reading, including:

[0083] Step S1: Start the program for interface rendering and initialization and parse the project data structure;

[0084] Further, starting the program for interface rendering and initialization and parsing the project data structure includes the following sub-steps:

[0085] Step S11: Start the program, parse the project path through the passed-in parameters, and automatically open the most recently started project;

[0086] Specifically, this step is the starting point of the entire interactive reading process. By accurately parsing the parameters, it ensures quick positioning to the corresponding project, laying the foundation for subsequent operations.

[0087] Step S12: Render the interface of the opened project through the rendering workbench interface, initialize the vue framework, and load the workbench layout;

[0088] Specifically, through this initialization operation, the front-end interface foundation for interactive reading operations is built, enabling subsequent data display and interaction to be presented on a suitable carrier.

[0089] Step S13: Parse the project data structure for the project with interface rendering and initialization completed;

[0090] Specifically, parse the binary data to read the project bin file through the fs library of node to achieve the parsing of the project data structure, deeply explore the data information in the project, and provide guarantee for subsequent functional modules to operate based on accurate data.

[0091] Step S2: Load resources and perform process communication for the parsed project and store the data instances in the project into VueStore;

[0092] Further, loading resources and performing process communication for the parsed project and storing the data instances in the project into VueStore includes the following sub-steps:

[0093] Step S21: Load CDN and server resources for the parsed project through https requests, obtain network images, resources, and business data, and return them to the project;

[0094] Specifically, ensure that various external resources required during the interactive reading process can be called in a timely and accurate manner to enrich the reading experience content.

[0095] Step S22: Perform communication between different processes for the data in the project through the IPC process communication provided by Electron;

[0096] Specifically, effective communication between different processes is the key to ensuring the coordinated operation of each functional module. This step ensures that data can be accurately and efficiently transmitted between different processes.

[0097] Step S23: Generate data instances using the Orange Interactive Reading Framework, and store the chapter list data and the currently selected chapter data in the project into VueStore;

[0098] Specifically, establish an ordered data storage mechanism to facilitate the subsequent quick call and modification of chapter-related data.

[0099] Step S3: Edit data interaction for the data in VueStore through program functions;

[0100] Furthermore, editing data interaction for the data in VueStore through program functions includes the following sub-steps:

[0101] Step S31: Edit data interaction for the data in VueStore through the event system component;

[0102] Specifically, when editing a specific project event, open the event system component pop-up window. The workbench transfers the data to the event system component through the ipc mechanism of electron and stores it in the VueStore in the event system component. Subsequently, bind the data and UI through Vue. After modifying the project event data, map the modified data to VueStore, and then return it to the workbench through the ipc mechanism of electron and save the data; realizing the two-way accurate interaction of data between the workbench and the event system component during the event editing process, ensuring the accuracy and real-time nature of project event editing.

[0103] Step S32: Edit data interaction for the data in VueStore through the project settings component;

[0104] Specifically, when editing the setting data, open the project settings component pop-up window. The workbench transfers the data to the project settings component through the ipc mechanism of electron and stores it in the VueStore in the project settings component. Bind the data and UI through Vue, map it to VueStore after modifying the setting data, return it to the workbench through the ipc of electron, and save the data. Similar to event editing, ensure that the editing of setting data can accurately interact and be saved among relevant modules.

[0105] Step S33: Edit data interaction for the data in VueStore through the floating component;

[0106] Specifically, when editing the data of the floating component, open the floating component pop-up window. The workbench transfers the data to the floating component through the ipc mechanism of electron, stores it in the VueStore of the floating component, binds the data and UI through Vue, maps the modified floating component data to the VueStore after modification, returns it to the workbench through the ipc of electron, and saves the data. Ensure the smoothness of the editing of the data related to the floating component and the accurate transmission and storage of the data.

[0107] Step S34: Edit data interaction for the data in VueStore through advanced UI components;

[0108] Specifically, when editing the data of the advanced UI component, open the advanced UI component pop-up window. The workbench transfers the data to the advanced UI component through the ipc mechanism of electron, stores it in the VueStore of the advanced UI component, binds the data and UI through Vue, maps the modified advanced UI component data to the VueStore after modification, returns it to the workbench through the ipc of electron, and saves the data. Implement a reliable data interaction process when editing advanced UI data.

[0109] Step S4: Perform interface preview display on the edited project and save and publish the project;

[0110] Furthermore, performing interface preview display on the edited project and saving and publishing the project includes the following sub-steps:

[0111] Step S41: Perform interface preview display on the edited project;

[0112] Specifically, the preview interface shows the current reading status in real time according to the overall project data and the events selected by the user. Enable the user to timely understand the specific presentation effects of their operations and selections during the reading process, and enhance the intuitive experience of interactive reading.

[0113] Step S42: Save the project after the preview display is completed;

[0114] Specifically, when saving the project file, first update the VueStore data, transfer the VueStore data to the background process through WebWorker, and save it to the local bin file through the background process. Establish a reliable data saving mechanism to prevent data loss and ensure that the reading data edited by the user can be properly saved.

[0115] Step S43: Publish the project after the saving is completed;

[0116] Specifically, when publishing engineering files to the cloud, data is saved to the server via ajax. This facilitates users to share the interactive reading content they have edited, and at the same time, it is also convenient for other users to obtain and experience the corresponding interactive reading resources.

[0117] Corresponding to the above embodiments, an operating device for the Orange Light interactive reading architecture provided by an embodiment of the present invention includes: at least one memory and at least one processor;

[0118] The memory is used to store one or more program instructions;

[0119] The processor is used to run one or more program instructions to execute a working method of a logic block architecture.

[0120] Corresponding to the above embodiments, an embodiment of the present invention provides a computer-readable storage medium. The computer storage medium contains one or more program instructions, and the one or more program instructions are used to be executed by a processor to execute a working method of a logic block architecture.

[0121] An embodiment of the present invention discloses a computer-readable storage medium. Computer program instructions are stored in the computer-readable storage medium. When the computer program instructions run on a computer, the computer is caused to execute the above-mentioned working method of a logic block architecture.

[0122] In an embodiment of the present invention, the processor may be an integrated circuit chip with signal processing capabilities. The processor may be a general-purpose processor, a digital signal processor (DSP for short), an application specific integrated circuit (ASIC for short), a field programmable gate array (FPGA for short), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components.

[0123] It can implement or execute the various methods, steps, and logic block diagrams disclosed in the embodiments of the present invention. The general-purpose processor may be a microprocessor or the processor may also be any conventional processor, etc. The steps of the method disclosed in combination with the embodiments of the present invention can be directly embodied as being executed by a hardware decoding processor, or executed by a combination of hardware and software modules in the decoding processor. The software module may be located in a mature storage medium in the art such as random access memory, flash memory, read-only memory, programmable read-only memory, or electrically erasable programmable memory, registers, etc. The processor reads the information in the storage medium and combines its hardware to complete the steps of the above method.

[0124] The storage medium can be a memory, for example, it can be a volatile memory or a non-volatile memory, or can include both volatile and non-volatile memories.

[0125] Among them, the non-volatile memory can be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or a flash memory.

[0126] The volatile memory can be a random access memory (RAM), which is used as an external cache. By way of example but not limitation, many forms of RAM are available, such as static random access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDR SDRAM), enhanced synchronous dynamic random access memory (ESDRAM), synchlink dynamic random access memory (SLDRAM), and direct rambus random access memory (DRRAM).

[0127] The storage medium described in the embodiments of the present invention is intended to include, but not limited to, these and any other suitable types of memories.

[0128] Those skilled in the art should be able to realize that in one or more of the above examples, the functions described in the present invention can be implemented by a combination of hardware and software. When applying software, the corresponding functions can be stored in a computer-readable medium or transmitted as one or more instructions or codes on a computer-readable medium. The computer-readable medium includes computer storage media and communication media, where the communication media includes any medium that facilitates the transfer of a computer program from one place to another. The storage medium can be any available medium that can be accessed by a general or special-purpose computer.

[0129] The specific embodiments described above further elaborate on the object, technical solution, and beneficial effects of the present invention. It should be understood that the above description is only the specific embodiments of the present invention and is not used to limit the protection scope of the present invention. Any modifications, equivalent replacements, improvements, etc. made on the basis of the technical solution of the present invention shall be included within the protection scope of the present invention.

Claims

1. An Orange Light interactive reading architecture, characterized in that: include: View layer, architecture layer, business layer, persistence layer, communication layer and security processing layer; Set up a component library at the view layer, which includes interface element components and custom components; Used to display the interface to the user and receive user input; The architecture layer includes the underlying library and the basic library; The view layer controls data communication and rendering updates between components by calling the interfaces of the architecture layer; The business layer includes functional components, data repository, project settings, global search and skin theme switching; the business layer and the architecture layer control data communication and rendering updates between components by building a user interface framework; it is used to implement user input operations; the functional components include workbench components, material library components, preview test components, advanced user interface components, event system components, user system components, floating components and variable components; the data repository includes a numerical library, a string library, and a second-week numerical library; the project settings are used for users to perform initialization settings; the global search is used to search for specific events in all events; the skin theme switching is used to switch the appearance of the program; the workbench components include menus, function bars, and blade menus , preview, local material, plot tree, plot list, status bar; menu is the menu entrance; function bar is the function entrance; blade menu is the entrance to all engineering events; preview is the real-time display of the user's reading status of the plot of the currently selected engineering event; local material is the built-in material of the present invention, and the user can drag the material in this material to the preview for fast and efficient creation; the plot tree is used to display all chapters of the plot of the current engineering event, which is a foldable tree structure; the plot list is used to display all specific events of the chapters of the plot of the currently selected engineering event; the status bar is used to display the total number of words and size of the plot of the engineering event, as well as the number of words in the plot of the currently selected engineering event, and the latest save time. The persistence layer includes binary files, static resources of the content distribution network, and server data. It is used to save the engineering data binary files of the engineering event locally when the engineering event is created and saved, and upload the binary files and resource files of the engineering event to the object storage service when the engineering event is published, and access them through the content distribution network resource files. Its publishing, uploading, accessing and other functions use server data as data transmission. The communication layer and the business layer communicate through components, and synchronize data updates between multiple windows through the main process of the front-end development framework and multiple rendering processes; the communication layer and the material library communicate through the communication protocol through processes; The security processing layer includes self-developed encryption algorithms, cross-site scripting attacks, token encryption, and code signing; it performs XSS verification on the form content of engineering events, size and format verification on uploaded files, cloud-based sensitive content filtering on images, code signing on program execution files, token verification on server requests, encryption of engineering data bin files, decryption of the engine, and self-developed symmetric encryption on module data codes.

2. The Orange Light interactive reading architecture as claimed in claim 1, characterized in that: The underlying library includes a cross-platform desktop application development framework, computer programming language and virtual machine, which are used to provide basic functional support, ensure the stability of the application system, achieve cross-platform compatibility, support extended maintenance and improve development efficiency; the basic library includes data-driven, message management and plug-in management, which are used to implement underlying resource management.

3. The Orange Light interactive reading architecture as claimed in claim 1, characterized in that: The material library component is used to store the materials needed for processing engineering event creation; specifically, it includes the classification menu subcomponent, the material list subcomponent, and the material processing subcomponent; The classification menu subcomponent is used to classify the saved materials, the material list subcomponent is used to display the name of each material, and the material processing subcomponent is used for users to freely combine and create materials.

4. The Orange Light interactive reading architecture as claimed in claim 1, characterized in that: The preview test component is used to preview the project events created by the test user.

5. The Orange Light interactive reading architecture as claimed in claim 1, characterized in that: The advanced user interface component includes the advanced user interface list and the advanced user interface event area; the advanced user interface list is used to display all advanced user interfaces included in the current project event, including the quick create function and the separate import and export of advanced user interface functions.

6. The Orange Light interactive reading architecture as claimed in claim 1, characterized in that: Event system components include picture events, sound events, message events, logic events and special effect events, which are used by users to create engineering events.

7. The Orange Light interactive reading architecture as claimed in claim 1, characterized in that: The user system components include login components, message management components, and activity components, which are used for users to operate this program through personal account operations and accurately save users' project events.

8. A Orange Light interactive reading working method, characterized in that: include: Start the program to render and initialize the interface and parse the project data structure; Parse the completed project to load resources and process communication and store the data instances in the project to VueStore; Edit data in VueStore through program functions; Preview the edited project interface and save and publish the project.

Images