Three-dimensional structure interactive learning platform

Abstract

The invention relates to the technical field of interactive learning, and discloses a three-dimensional structure interactive learning platform, which comprises an erection module, an interaction module, a learning module and a storage module, the erection module adopts a front-end development framework to construct a view layer of a user interface, develops a single-page application establishment platform front end based on the view layer, and adopts a rear-end development framework to construct a Java Web application establishment platform rear end; the interaction module establishes connection with the client by adopting a network architecture model and performs data transmission, and verifies a login certificate through the platform front end and the platform rear end based on a verification standard; the learning module judges whether to change the current learning mode according to a comparison result, obtains chapter content in a database according to a system learning mode in the learning mode, and independently amplifies and checks a compound structure after a compound name is selected; according to the system and the method, the learning modes are switched according to different habits, and the system and the method have the characteristic of good interactive learning.

Description

Technical Field

[0001] The present invention relates to the technical field of interactive learning, and in particular to a three-dimensional structure interactive learning platform. Background Art

[0002] At present, students in schools are good at using the Internet to study courses, and are no longer constrained by traditional book and picture learning. The learning characteristics of organic chemistry courses are to first master the structure of organic compounds, and then determine the properties based on the structure, so as to understand the relevant properties of organic compounds. Therefore, mastering the structure of organic compounds is very important for learning organic chemistry. However, on the existing network platform, there is a lack of electronic learning materials related to the three-dimensional structure of organic compounds, and the materials are scattered and difficult to form a unified learning platform, which is not suitable for students' daily use. The learning platform needs to be compatible with mobile phones and PCs, and targeted models are needed to assist their learning according to the learning habits of different students, and effectively display the three-dimensional structure of compounds. At present, traditional learning platforms cannot meet existing learning needs.

[0003] Therefore, how to provide a three-dimensional structure interactive learning platform is a technical problem that technicians in this field urgently need to solve. Summary of the invention

[0004] In view of this, the present invention proposes a three-dimensional structure interactive learning platform, which aims to solve the problems that the interactive learning platform is not compatible with mobile phones and PCs, has no targeted modes to assist students with their learning habits, and cannot well display the three-dimensional structure of compounds.

[0005] The present invention proposes a three-dimensional structure interactive learning platform, comprising:

[0006] Setting up module, interaction module, learning module and storage module;

[0007] The erection module is configured to use a front-end development framework to construct a view layer of the user interface, develop a single-page application based on the view layer to establish a platform front end, and use a back-end development framework to construct a Java Web application to establish a platform back end;

[0008] The interaction module is configured to generate a QR code through a coding technology, and to establish a connection with a client and perform data transmission using a network architecture model, and to verify login credentials through the platform front end and the platform back end based on verification standards;

[0009] The learning module is configured to provide a learning mode and, after the login is completed, obtain historical learning mode data according to the login credentials, and compare it with the current learning mode, and determine whether to change the current learning mode according to the comparison result. When it is determined that the current learning mode is to be changed, the mode data in the learning mode is compared with the historical learning mode data one by one, and the current learning mode is re-determined according to the similarity threshold, the learning mode is switched based on the platform front end, and the three-dimensional structure in the database established by big data technology is obtained;

[0010] The learning module obtains chapter contents in the database according to the system learning mode in the learning mode, and zooms in on the compound structure separately after selecting the compound name;

[0011] The storage module is configured to store the learning progress of the system learning mode.

[0012] Furthermore, when a view layer of a user interface is constructed using a front-end development framework, and a single-page application is developed based on the view layer to establish a platform front end, the process includes:

[0013] The front-end development framework is a Vue framework, which builds a UI interface for platform interaction and splits the UI interface into multiple reusable modules. The Vue framework and the UI interface are bound together, and when data changes occur, the UI interface is automatically updated.

[0014] Furthermore, when using the back-end development framework to build a Java Web application to establish a platform back-end, it includes:

[0015] The backend development framework is a Java Spring Boot framework, which provides out-of-the-box configuration and builds the Java Web application.

[0016] Furthermore, when the QR code is generated by encoding technology, it includes:

[0017] Determine the type of information to be stored, the information type includes a platform network address URL and a platform identifier, convert the information type into binary data based on UTF-8 character encoding technology, convert the binary data into a matrix and generate a QR code, and the QR code is used to provide a public entrance.

[0018] Further, when the network architecture model is used to establish a connection with the client and perform data transmission, the login credentials are verified through the platform front end and the platform back end based on the verification standard, including:

[0019] The network architecture model is a BS architecture, and the BS architecture establishes a server side. The BS architecture stores all business logic and connection data on the server side. The server side is responsible for receiving client requests and processing business logic. The client and the server side exchange data through the HTTP protocol. After the client sends a request, the server side responds to the request and generates return data. The client includes a mobile browser or a PC browser.

[0020] The verification standard is the JWT open standard. When logging in through the QR code, the platform backend verifies the login credentials. After the verification is passed, the platform backend generates the JWT open standard and returns it to the platform frontend. The JWT open standard signs the Header and payload according to the header algorithm. The platform frontend stores the JWT open standard in LocalStorage or Cookie, and sends the JWT open standard as the Authorization header in the login request to the platform backend, and the platform backend verifies the signature.

[0021] Further, after providing the learning mode and completing the login, obtaining the historical learning mode data according to the login credentials, and comparing it with the current learning mode, and judging whether to change the current learning mode according to the comparison result, including:

[0022] The learning modes include a plane learning mode, a sphere learning mode, a spiral learning mode, a grid learning mode and a system learning mode;

[0023] The historical learning mode data is the historical learning mode of the last time you exited the platform;

[0024] If the current learning mode is inconsistent with the historical learning mode, it is determined to change the current learning mode;

[0025] If the current learning mode is consistent with the historical learning mode, it is determined that the current learning mode will not be changed.

[0026] Further, when it is determined that the current learning mode is to be changed, the mode data in the learning mode is compared with the historical learning mode data one by one, and the current learning mode is re-determined according to the similarity threshold, including:

[0027] The pattern data in the learning pattern are compared with the historical learning pattern data one by one to obtain the learning similarity, which is obtained by the following formula:

[0028]

[0029] Among them, S represents learning similarity, Q represents historical learning mode, and Q i Represents the normalized result of any pattern data in the learning pattern;

[0030] Set a learning similarity threshold S1. When S is not equal to S1, remove the normalized result of any mode data in the currently selected learning mode, and continue to obtain the learning similarity until S is equal to S1.

[0031] When S is equal to S1, a normalized result of a pattern data determined in the current learning pattern is used as the current learning pattern.

[0032] Furthermore, when the learning mode is switched based on the platform front end and the three-dimensional structure in the database established by the big data technology is obtained, it includes:

[0033] Switching the plane learning mode, the sphere learning mode, the spiral learning mode, the grid learning mode and the system learning mode by clicking on the UI interface;

[0034] Through HTML, CSS animation, JS component library and JS code, corresponding layout and animation effects are adopted for the plane learning mode, the sphere learning mode, the spiral learning mode and the grid learning mode;

[0035] When you click on a compound name in any of the plane learning mode, the spherical learning mode, the spiral learning mode and the grid learning mode, an iframe embedded page will pop up to display the gif three-dimensional structure of the compound name, and the gif three-dimensional structure is obtained from a database established based on big data technology.

[0036] Further, when the chapter content in the database is obtained according to the system learning mode in the learning mode, and the compound structure is magnified and viewed separately after the compound name is selected, it includes:

[0037] When the system is switched to the learning mode, the corresponding chapter content is obtained based on the database. When any chapter of the chapter content is clicked and any compound name is selected, the mask and CSS language are used to enlarge and view the selected compound separately.

[0038] Furthermore, when storing the learning progress of the system learning mode, it includes:

[0039] Record the chapter clicked on the chapter content and store the selection record of the selected compound name, determine the learning progress according to the ratio of the clicked chapter of the chapter content to all the chapters of all the chapter contents, and store the learning progress.

[0040] Compared with the prior art, the beneficial effects of the present invention are: by separating the front-end development framework and the back-end development framework, the fluency of the platform user interface is improved, the operation process is simplified, the front-end development framework optimizes the interactive experience of students, and the back-end development framework ensures that the platform runs stably and efficiently, realizes the efficient interaction of data and interface, adopts the two-dimensional code generation technology, simplifies the login process, and can quickly enter the platform by scanning the two-dimensional code, thereby improving the convenience, is applicable to PC and mobile terminals, and improves the efficiency of login. When the learning mode changes and exits the platform, when logging in again, the platform can compare the historical learning mode and the mode data in the learning mode one by one to determine his current learning mode, and the intelligent change strategy can maintain different learning habits, and when switching is needed, it can be switched in time through the platform front end, so as to meet its own learning rhythm, improve the interactivity and pertinence of the platform, and thus improve the learning efficiency. The database established by big data technology dynamically obtains the three-dimensional structure, so that in the learning process, not only can the textual knowledge be obtained, but also the three-dimensional structure can be visualized for deep understanding and intuitive grasp of the content, thereby improving the learning effect. The learning progress of the system learning mode is recorded and stored in detail to ensure that no learning steps are missed and to keep it in an efficient learning state. BRIEF DESCRIPTION OF THE DRAWINGS

[0041] Various other advantages and benefits will become apparent to those of ordinary skill in the art by reading the detailed description of the preferred embodiments below. The accompanying drawings are only for the purpose of illustrating the preferred embodiments and are not to be considered as limiting the present invention. Moreover, the same reference symbols are used throughout the accompanying drawings to represent the same components. In the accompanying drawings:

[0042] Figure 1 A functional block diagram of a three-dimensional structure interactive learning platform provided in an embodiment of the present invention. DETAILED DESCRIPTION

[0043] Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although exemplary embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be limited by the embodiments described herein. On the contrary, these embodiments are provided in order to enable a more thorough understanding of the present disclosure and to fully convey the scope of the present disclosure to those skilled in the art. It should be noted that, in the absence of conflict, the embodiments of the present invention and the features described in the embodiments can be combined with each other. The present invention will be described in detail below with reference to the accompanying drawings and in combination with the embodiments.

[0044] In some embodiments of the present application, see Figure 1 As shown, a three-dimensional structure interactive learning platform includes:

[0045] Setting up module, interaction module, learning module and storage module;

[0046] The erection module is configured to use the front-end development framework to build the view layer of the user interface, develop a single-page application based on the view layer to establish the platform front end, and use the back-end development framework to build a Java Web application to establish the platform back end;

[0047] The interaction module is configured to generate a QR code through encoding technology, and to establish a connection with the client and perform data transmission using a network architecture model, and to verify login credentials through the platform front end and the platform back end based on the verification standard;

[0048] The learning module is configured to provide a learning mode and, after login is completed, obtain historical learning mode data according to the login credentials, and compare it with the current learning mode, and determine whether to change the current learning mode according to the comparison result. When it is determined that the current learning mode is to be changed, the mode data in the learning mode is compared with the historical learning mode data one by one, and the current learning mode is re-determined according to the similarity threshold, the learning mode is switched based on the platform front end, and the three-dimensional structure in the database established by big data technology is obtained;

[0049] The learning module obtains chapter contents in the database according to the system learning mode in the learning mode, and zooms in on the compound structure separately after selecting the compound name;

[0050] The storage module is configured to store the learning progress of the system learning mode.

[0051] Specifically, the building module is the basic module of the three-dimensional structure interactive learning platform, which is responsible for establishing the platform front-end and the platform back-end. The front-end development framework is used to build the view layer of the user interface, which can provide a simple, smooth and intuitive platform interactive interface, so that there is no need to frequently refresh the page during the login operation, which improves the response speed of the platform. The back-end development framework is used to build Java Web applications. Java Web applications are cross-platform and can run on any operating system that supports Java. In addition, the architecture of Java Web applications adopts a layered structure, which is convenient for the division of labor and maintenance of data. In addition, the object-oriented characteristics of Java Web applications help to expand the code, which not only ensures the data processing capability and scalability of the platform back-end, but also supports the high concurrent access requirements of the platform, and improves the ability to process and transmit data in a timely manner. The interaction module is another basic module of the platform, which undertakes the task of information interaction between the platform and the client. The interaction module generates a QR code through encoding technology, and connects to the platform through the client scanning the QR code, thereby realizing data transmission. The platform's login verification mechanism based on verification standards ensures the security and stability of login, and verifies the login credentials through the collaborative work of the platform front-end and the platform back-end, thereby ensuring the exclusivity and security of learning using the platform. The learning module is the core module of the platform, which is responsible for providing learning modes and loading historical learning mode data according to login credentials. By comparing the current learning mode with the historical learning mode data, the platform can intelligently determine whether the current learning mode needs to be dynamically changed. The current learning mode is dynamically changed according to the historical learning mode and preferences, which improves the personalization and customization of learning. When it is determined that the learning mode needs to be changed, the platform will compare the current learning mode with the historical learning mode data one by one, and re-determine the learning mode according to the similarity threshold, ensuring the accurate change of the learning mode, thereby maintaining the learning mode that students are accustomed to, which is conducive to improving learning efficiency. The learning module also uses big data technology and combines the three-dimensional structure data stored in the database to provide rich and intuitive learning content. When choosing to view the name of a compound, the platform can accurately display the three-dimensional structure of the compound and provide a zoom-in function to facilitate detailed understanding from multiple angles. The display of the three-dimensional structure enables students to intuitively understand the relationship between molecular structure and properties, effectively improving learning interest and depth of understanding. The storage module is responsible for saving the learning progress of the system learning mode, providing data support for subsequent learning, thereby improving learning efficiency.

[0052] It is understandable that the development model with separate platform front-end and platform back-end simplifies the platform maintenance and update process, and can provide efficient response and operational smoothness in practical applications. The use of QR codes improves the convenience of device connection between the platform and the client, and the verification of login credentials effectively prevents illegal intrusion and ensures the security and data privacy of the platform. The platform will compare and change the historical learning mode data and the current learning mode to ensure that the current learning mode is in line with students' habits and actual needs, thereby improving learning interest and efficiency. Based on big data technology, the chemical three-dimensional structure of various compound names is clearly displayed, which is convenient for students to intuitively understand the chemical structure and chemical principles, and improves the interactivity and efficiency of learning.

[0053] In some embodiments of the present application, when a view layer of a user interface is constructed using a front-end development framework, and a single-page application is developed based on the view layer to establish a platform front end, the process includes:

[0054] The front-end development framework is the Vue framework. The Vue framework builds the UI interface for platform interaction and splits the UI interface into multiple reusable modules. The Vue framework and the UI interface are bound together. When the data changes, the UI interface is automatically updated.

[0055] In some embodiments of the present application, when a backend development framework is used to build a Java Web application to establish a platform backend, the following steps are included:

[0056] The backend development framework is the Java Spring Boot framework, which provides out-of-the-box configuration and builds Java Web applications.

[0057] Specifically, the Vue framework is used to build the UI interface for platform interaction, that is, the user interface. Vue is a progressive JavaScript framework. The Vue framework splits the UI interface into multiple reusable modules, such as buttons, forms, and data displays. Clicking a button can switch the learning mode, which improves the flexibility and maintainability of platform development. By binding the UI interface to the Vue framework, when the data changes, the Vue framework will automatically update the UI interface, which improves the platform's instant synchronization of data and the efficiency of automatic refresh of the UI interface. The Java Spring Boot framework aims to simplify the development process of Java applications. It provides out-of-the-box configuration, reduces the cumbersome configuration of the platform, and enables the platform to be quickly started and deployed. The Java Spring Boot framework can be seamlessly integrated with various databases, cache systems, and third-party services to adapt to application requirements of different scales and complexities, thereby improving the compatibility and adaptability of the platform. The Vue framework and the Java Spring Boot framework are used to achieve efficient dynamic data updates and real-time responses, ensuring the stability and response speed of the platform.

[0058] In some embodiments of the present application, when a two-dimensional code is generated by encoding technology, it includes:

[0059] Determine the type of information to be stored, which includes the platform network address URL and platform identifier. Convert the information type into binary data based on UTF-8 character encoding technology. Convert the binary data into a matrix and generate a QR code. The QR code is used to provide a public entrance.

[0060] In some embodiments of the present application, when a network architecture model is used to establish a connection with a client and perform data transmission, and a login credential is verified through a platform front end and a platform back end based on a verification standard, the following steps are included:

[0061] The network architecture model is BS architecture. BS architecture establishes the server side. BS architecture stores all business logic and connection data on the server side. The server side is responsible for receiving client requests and processing business logic. The client and server exchange data through the HTTP protocol. After the client sends a request, the server responds to the request and generates return data. The client includes a mobile browser or a PC browser.

[0062] The verification standard is the JWT open standard. When logging in through the QR code, the platform backend verifies the login credentials. After the verification is passed, the platform backend generates a JWT open standard and returns it to the platform frontend. The JWT open standard signs the Header and payload according to the header algorithm. The platform frontend stores the JWT open standard in LocalStorage or Cookie, and sends the JWT open standard as the Authorization header in the login request to the platform backend, and the platform backend verifies the signature.

[0063] Specifically, first determine the type of information to be stored, which includes the network address URL of the platform and the identifier of the platform. Then, based on the UTF-8 character encoding technology, convert the information type into binary data, and convert the binary data into a QR code matrix to generate a QR code image. The QR code corresponds to the network address URL of the platform as the public entrance of the platform. The platform can be entered by scanning the QR code without manually entering a complex URL. The network architecture adopted by the platform is the BS architecture (Browser-Server). Under the BS architecture, all business logic and data storage are concentrated on the server side. The server side is responsible for processing requests from the client and executing business logic. The client and the server side communicate through the HTTP protocol to ensure the smoothness and stability of data exchange. The client sends a request through a browser (including a mobile browser and a PC browser), and the server side responds to the request and returns the corresponding data, thereby exchanging data. When scanning the QR code to log in to the platform, the login credentials will be verified. The verification standard used is the JWT (JSON Web Token) open standard. When scanning the QR code to log in, the platform backend will verify the provided login credentials. After the verification is passed, the platform backend generates a JWT and returns it to the platform frontend. The generated JWT contains the student's identity information and validity period. Its header and payload are signed by an algorithm to ensure the integrity and security of the data. The platform front end stores the JWT in LocalStorage or Cookie, and sends the JWT to the platform back end through the Authorization header in subsequent requests. The platform back end verifies the legitimacy of the request by verifying the signature of the JWT, thereby ensuring the security of the login platform.

[0064] It is understandable that by using JWT as the verification standard, the security of login credentials is ensured through encrypted signatures. The platform front end can run in mobile browsers and PC browsers to adapt to the access requirements of different devices, thereby improving the compatibility and flexibility of the platform. In addition, data is exchanged between the client and the server through the HTTP protocol, ensuring the reliability and efficiency of information transmission.

[0065] In some embodiments of the present application, when a learning mode is provided and login is completed, historical learning mode data is obtained according to the login credentials, and compared with the current learning mode, and whether to change the current learning mode is determined according to the comparison result, including:

[0066] The learning modes include plane learning mode, sphere learning mode, spiral learning mode, grid learning mode and system learning mode;

[0067] The historical learning mode data is the historical learning mode of the last time you exited the platform;

[0068] If the current learning mode is inconsistent with the historical learning mode, it is determined to change the current learning mode;

[0069] If the current learning mode is consistent with the historical learning mode, it is determined that the current learning mode will not be changed.

[0070] In some embodiments of the present application, when it is determined that the current learning mode is to be changed, the mode data in the learning mode is compared with the historical learning mode data one by one, and the current learning mode is re-determined according to the similarity threshold, including:

[0071] The pattern data in the learning pattern are compared with the historical learning pattern data one by one to obtain the learning similarity, which is obtained by the following formula:

[0072]

[0073] Among them, S represents learning similarity, Q represents historical learning mode, and Q i Represents the normalized result of any pattern data in the learning pattern;

[0074] Set a learning similarity threshold S1. When S is not equal to S1, remove the normalized result of any mode data in the currently selected learning mode, and continue to obtain the learning similarity until S is equal to S1.

[0075] When S is equal to S1, a normalized result of a pattern data determined in the current learning pattern is used as the current learning pattern.

[0076] Specifically, the learning modes include plane learning mode, spherical learning mode, spiral learning mode, grid learning mode and system learning mode. The use of different learning modes can provide flexible learning options to meet different learning habits and needs. The setting of different modes not only enhances the interactivity of the learning platform, but also improves the depth and breadth of understanding of knowledge. The plane learning mode is concise and efficient, suitable for traditional learning. The spherical learning mode enhances the immersion and multi-angle understanding of knowledge. The spiral mode learning provides gradual guidance and concept deepening. The grid learning mode provides a flexible and personalized learning experience. The system learning mode provides systematic learning according to the textbook chapters. The plane learning mode, spherical learning mode, spiral learning mode, grid learning mode and system learning mode enhance the interactivity of the platform, thereby promoting learning efficiency.

[0077] It can be understood that by introducing historical learning models as reference benchmarks, the accuracy and automation of changes to the current learning model are improved. By comparing the current learning model with the historical learning model, the interference and errors of human judgment are reduced, the reliability of changes is improved, and learning habits and actual needs are maintained, avoiding manual changes when logging into the platform, thereby improving learning efficiency. The similarity threshold is preferably 1. The learning model that matches the historical learning model is found through the learning similarity threshold, which improves the platform's automation level and the accuracy of changes.

[0078] In some embodiments of the present application, when the learning mode is switched based on the platform front end and the three-dimensional structure in the database established by the big data technology is obtained, it includes:

[0079] Click on the UI interface to switch between plane learning mode, sphere learning mode, spiral learning mode, grid learning mode and system learning mode;

[0080] Through HTML, CSS animation, JS component library and JS code, corresponding layout and animation effects are adopted for the plane learning mode, sphere learning mode, spiral learning mode and grid learning mode;

[0081] When you click on a compound name in any of the plane learning modes, sphere learning modes, spiral learning modes, and grid learning modes, an iframe embedded page will pop up to display the gif three-dimensional structure of the compound name. The gif three-dimensional structure is obtained from a database established based on big data technology.

[0082] In some embodiments of the present application, when the chapter content in the database is obtained according to the system learning mode in the learning mode, and the compound structure is magnified and viewed separately after the compound name is selected, it includes:

[0083] When switching to the system learning mode, the corresponding chapter content is obtained based on the database. When clicking any chapter in the chapter content and selecting any compound name, the mask and CSS language are used to enlarge and view any selected compound separately.

[0084] Specifically, the corresponding layout and animation effects are realized for the plane learning mode, sphere learning mode, spiral learning mode and grid learning mode through HTML, CSS animation, JS component library and JS code, thereby enhancing the interactivity and visual appeal of the platform. The animation effect increases the fun of learning and improves the attention of learning, thereby maintaining the interest of learning and avoiding the boring and tedious learning caused by a single learning interface. The database built with big data technology stores the three-dimensional structure information of the compound. During the learning process, clicking on the compound name will pop up an iframe embedded page to display the gif three-dimensional structure of the compound name. Through simple clicks, detailed information of chemical molecules can be obtained, and the three-dimensional structure of chemical molecules can be intuitively understood, which improves the interactivity and learning efficiency of the platform and helps to deeply understand the structure and properties of chemical substances. The system learning mode provides a complete structure of the chapter content. When clicking on any chapter of the chapter content and selecting any compound name, the platform uses CSS language and masking technology to enlarge the compound separately, clearly showing the detailed structure of the compound. Through this way of magnification and viewing, the details of chemical molecules can be accurately grasped. Especially when facing complex structures, this interactive viewing method helps to understand the three-dimensional form of chemical substances.

[0085] It is understandable that the platform's learning mode allows students to focus on learning content and flexibly choose learning methods, so that they can quickly master knowledge and improve learning efficiency. Through the display of GIF three-dimensional structures and the magnified view of compound structures, they can intuitively understand and remember the three-dimensional forms of chemical molecules, enhancing the depth of understanding. The rich animation effects attract students' attention, thereby stimulating their interest in learning, making the learning process no longer boring, and increasing participation and interest. They can also choose a learning mode that suits them according to their needs and interests, meet different learning needs, and improve the interactivity of the platform.

[0086] In some embodiments of the present application, when storing the learning progress of the system learning mode, it includes:

[0087] Record the chapter of the clicked chapter content and store the selection record of the selected compound name, determine the learning progress according to the ratio of the chapter of the clicked chapter content to all the chapters of all the chapter contents, and store the learning progress.

[0088] Specifically, by recording the content of the clicked chapters and the name of the selected compound, it is possible to accurately track the progress of each student in the learning process, and calculate the learning progress based on the ratio between the clicked chapters and the total number of chapters, thereby ensuring the accuracy of the learning progress. It can reflect in real time the content that students have mastered in the learning process to avoid missing knowledge points. In addition, students can preview before class and review and consolidate after class anytime and anywhere. Accurate learning progress can help focus on content that has not yet been mastered, avoid over-reviewing the parts that have been mastered, and thus adjust learning strategies in a targeted manner.

[0089] In summary, the beneficial effects of the present invention are: through the separation of the front-end development framework and the back-end development framework, the fluency of the platform user interface is improved, the operation process is simplified, the front-end development framework optimizes the interactive experience of students, and the back-end development framework ensures that the platform runs stably and efficiently, and realizes efficient interaction between data and interface. The two-dimensional code generation technology is adopted to simplify the login process, and the platform can be quickly entered by scanning the two-dimensional code, thereby improving convenience. It is suitable for PC and mobile terminals, and improves the efficiency of login. When the learning mode changes and exits the platform, when logging in again, the platform can compare the mode data in the historical learning mode and the learning mode one by one to determine his current learning mode. The intelligent change strategy can maintain different learning habits, and when switching is needed, it can be switched in time through the platform front end, so as to meet its own learning rhythm, improve the interactivity and pertinence of the platform, and thus improve the efficiency of learning. The database established by big data technology dynamically obtains the three-dimensional structure, so that not only can textual knowledge be obtained in the learning process, but also a deep understanding can be made through the visualized three-dimensional structure, and the content can be intuitively grasped, thereby improving the learning effect. The learning progress of the system learning mode is recorded and stored in detail to ensure that no learning steps are missed and to keep it in an efficient learning state.

[0090] Those skilled in the art will appreciate that the embodiments of the present application may be provided as methods, systems or computer program products. Therefore, the present application may adopt the form of a complete hardware embodiment, a complete software embodiment, or an embodiment in combination with software and hardware. Moreover, the present application may adopt the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program codes.

[0091] The present application is described with reference to flowcharts and / or block diagrams of methods, devices (systems) and computer program products according to embodiments of the present application. It should be understood that each process and / or box in the flowchart and / or block diagram, as well as the combination of processes and / or boxes in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor or other programmable data processing device to generate a machine, so that the instructions executed by the processor of the computer or other programmable data processing device generate instructions for implementing the processes in the flowchart and / or block diagram. Figure 1 A process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.

[0092] These computer program instructions may also be stored in a computer-readable memory capable of directing a computer or other programmable data processing device to operate in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture comprising an instruction device, which implements the process Figure 1 A process or multiple processes and / or boxes Figure 1 A function specified in one or more boxes.

[0093] These computer program instructions can also be loaded onto a computer or other programmable data processing device so that a series of operating steps are executed on the computer or other programmable device to produce a computer-implemented process, thereby providing instructions for implementing the process. Figure 1 A process or multiple processes and / or boxes Figure 1 The steps for the functions specified in one or more boxes.

[0094] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention rather than to limit it. Although the present invention has been described in detail with reference to the above embodiments, ordinary technicians in the relevant field should understand that the specific implementation methods of the present invention can still be modified or replaced by equivalents. Any modification or equivalent replacement that does not depart from the spirit and scope of the present invention should be covered within the scope of protection of the claims of the present invention.

Claims

1. A three-dimensional structure interactive learning platform, characterized in that: include: Setting up modules, interaction modules, learning modules and storage modules; The erection module is configured to use a front-end development framework to construct a view layer of the user interface, develop a single-page application based on the view layer to establish a platform front end, and use a back-end development framework to construct a Java Web application to establish a platform back end; The interaction module is configured to generate a QR code through a coding technology, and to establish a connection with a client and perform data transmission using a network architecture model, and to verify login credentials through the platform front end and the platform back end based on verification standards; The learning module is configured to provide a learning mode and, after the login is completed, obtain historical learning mode data according to the login credentials, and compare it with the current learning mode, and determine whether to change the current learning mode according to the comparison result. When it is determined that the current learning mode is to be changed, the mode data in the learning mode is compared with the historical learning mode data one by one, and the current learning mode is re-determined according to the similarity threshold, the learning mode is switched based on the platform front end, and the three-dimensional structure in the database established by big data technology is obtained; The learning module obtains chapter contents in the database according to the system learning mode in the learning mode, and zooms in on the compound structure separately after selecting the compound name; The storage module is configured to store the learning progress of the system learning mode.

2. The three-dimensional structure interactive learning platform according to claim 1, characterized in that: When a view layer of a user interface is constructed using a front-end development framework, and a single-page application is developed based on the view layer to establish a platform front end, the following steps are included: The front-end development framework is a Vue framework, which builds a UI interface for platform interaction and splits the UI interface into multiple reusable modules. The Vue framework and the UI interface are bound together, and when data changes occur, the UI interface is automatically updated.

3. The three-dimensional structure interactive learning platform according to claim 2, characterized in that: When using the backend development framework to build a Java Web application and establish the platform backend, it includes: The backend development framework is a Java Spring Boot framework, which provides out-of-the-box configuration and builds the Java Web application.

4. The three-dimensional structure interactive learning platform according to claim 3, characterized in that: When generating a QR code through encoding technology, it includes: Determine the type of information to be stored, the information type includes a platform network address URL and a platform identifier, convert the information type into binary data based on UTF-8 character encoding technology, convert the binary data into a matrix and generate a QR code, and the QR code is used to provide a public entrance.

5. The three-dimensional structure interactive learning platform according to claim 4, characterized in that: When establishing a connection with a client and performing data transmission using a network architecture model, and verifying login credentials through the platform front end and the platform back end based on the verification standard, it includes: The network architecture model is a BS architecture, and the BS architecture establishes a server side. The BS architecture stores all business logic and connection data on the server side. The server side is responsible for receiving client requests and processing business logic. The client and the server side exchange data through the HTTP protocol. After the client sends a request, the server side responds to the request and generates return data. The client includes a mobile browser or a PC browser. The verification standard is the JWT open standard. When logging in through the QR code, the platform backend verifies the login credentials. After the verification is passed, the platform backend generates the JWT open standard and returns it to the platform frontend. The JWT open standard signs the Header and payload according to the header algorithm. The platform frontend stores the JWT open standard in LocalStorage or Cookie, and sends the JWT open standard as the Authorization header in the login request to the platform backend, and the platform backend verifies the signature.

6. The three-dimensional structure interactive learning platform according to claim 5, characterized in that: After providing a learning mode and completing login, obtaining historical learning mode data according to the login credentials, and comparing it with the current learning mode, and determining whether to change the current learning mode according to the comparison result, including: The learning modes include a plane learning mode, a sphere learning mode, a spiral learning mode, a grid learning mode and a system learning mode; The historical learning mode data is the historical learning mode of the last time you exited the platform; If the current learning mode is inconsistent with the historical learning mode, it is determined to change the current learning mode; If the current learning mode is consistent with the historical learning mode, it is determined that the current learning mode will not be changed.

7. The three-dimensional structure interactive learning platform according to claim 6, characterized in that: When it is determined that the current learning mode is to be changed, the mode data in the learning mode is compared with the historical learning mode data one by one, and the current learning mode is re-determined according to the similarity threshold, including: The pattern data in the learning pattern are compared with the historical learning pattern data one by one to obtain the learning similarity, which is obtained by the following formula: Among them, S represents learning similarity, Q represents historical learning mode, and Q i Represents the normalized result of any pattern data in the learning pattern; Set a learning similarity threshold S1. When S is not equal to S1, remove the normalized result of any mode data in the currently selected learning mode, and continue to obtain the learning similarity until S is equal to S1. When S is equal to S1, a normalized result of a pattern data determined in the current learning pattern is used as the current learning pattern.

8. The three-dimensional structure interactive learning platform according to claim 7, characterized in that: When the learning mode is switched based on the platform front end and the three-dimensional structure in the database established by the big data technology is obtained, it includes: Switching the plane learning mode, the sphere learning mode, the spiral learning mode, the grid learning mode and the system learning mode by clicking on the UI interface; Through HTML, CSS animation, JS component library and JS code, corresponding layout and animation effects are adopted for the plane learning mode, the sphere learning mode, the spiral learning mode and the grid learning mode; When you click on a compound name in any of the plane learning mode, the spherical learning mode, the spiral learning mode and the grid learning mode, an iframe embedded page will pop up to display the gif three-dimensional structure of the compound name, and the gif three-dimensional structure is obtained from a database established based on big data technology.

9. The three-dimensional structure interactive learning platform according to claim 8, characterized in that: When the chapter content in the database is obtained according to the system learning mode in the learning mode, and the compound structure is enlarged and viewed separately after the compound name is selected, it includes: When the system is switched to the learning mode, the corresponding chapter content is obtained based on the database. When any chapter of the chapter content is clicked and any compound name is selected, the mask and CSS language are used to enlarge and view the selected compound separately.

10. The three-dimensional structure interactive learning platform according to claim 9, characterized in that: When storing the learning progress of the system learning mode, it includes: Record the chapter clicked on the chapter content and store the selection record of the selected compound name, determine the learning progress according to the ratio of the clicked chapter of the chapter content to all the chapters of all the chapter contents, and store the learning progress.

Images