Design And Implementation Of A Teaching System Based On React+Spring

With the rapid development of information technology,technologies such as big data,IoTs,and AI have penetrated into all aspects of people’s lives,and they are also reform the field of education deeply.Internet + education has changed the traditional education model,the way students learning has changed from traditional offline to online learning supported by the Internet,thus creating an online teaching system.The current online teaching systems mainly include Tencent Ketang,IMooc,etc.,but these systems have some common shortcomings,such as lack of practice,simple curriculum organization,and insufficient personalization.In this paper,we propose a efficient and interactive teaching system.First,we discuss the existing research of teaching systems,the related technology and the recommendation algorithm of course.We analyze the requirements of system and define three roles of administrator,teacher and student.The teaching system consists of multiple modules,such as user management,video teaching,online programming,.etc.We also give the database relationship diagram of the teaching system and establish tables.In the video teaching module,the function of video knowledge link is emphasized.Students can jump to the explanation video of relevant knowledge points through links,so that generated the network of teaching videos.This paper proposes an improved personalized recommendation algorithm.Through the study of the course indicators and students’ learning preferences,we carry out personalized model to make accurate recommendations.We also gives the relevant flow charts and partial code of the system.The system is built using React and Spring frameworks.It uses a system model separated from the front and the back to fully decouple the interaction and business logic,thus providing good scalability and maintainability,which is more conducive to large traffic and high concurrency.The front-end of the system mainly uses HTML5,CSS3,and JavaScript language.It’s based on the React framework which provide reactive data binding and composable view components.The back-end framework is logically split into an application layer and a data layer.The system also integrates a web-based online development environment to help students quickly start the programming practice.