The Design And Implementation Of The Front-end Of SuperID Teaching Support System Based On React

With the rapid development of Internet technology,using teaching support system to improve teaching quality and educational competitiveness has become a common trend in university.However,functions of most teaching support system are relatively limited.They can only support some daily teaching activities,such as homework assignment,the uploading and downloading of teaching materials and homework.For the more complex functions such as course activity management,course resource management,and teacher-student interaction,most systems are still unable to perfectly meet.Against this background,SIMU Technology developed a new teaching support system designed by affair management model.The system is based on seprate front and rear ends.The front-end is divided into five modules:course management module,course activity module,chat module,group module and knowledge module.The course management module consists of three submodules,which are course information management,course staff management and course references management.The group module also consists of three submodules,which are group staff management,group activities management and group references management.The front end of SuperlD Teaching Support System is designed by MVC pattern.Data is supported by WebSocket and the back end based on Micro-Service.The front end is a single-page-application based on React.It has a fast speed of page loading and is composed of a set of powerful components.With the help of React,the front end uses Redux to manage page states and uses React-Router to manage page routes.It also uses a lot of components provided by Ant-Design.The front end is built by Babel and Webpack and is deployed by Docker on a public cloud server.The front end of SuperlD Teaching Support System based on React has a good speed in responding and a strong ability of page interaction.It is quite stable and can provide high level usability.