The Design And Implementation Of Online Programming Platform Based On Web

With the rapid development of Internet information technology,programming education has gradually become an essential part of eduction in China.In recent years,online programming education platforms in major colleges and universities have continued to emerge.The online compilation and operation technology used in these platforms can greatly reduce the workload of teachers and give students timely and accurate feedback.However,these online programming platforms do not have much association with course teaching and student management.They pay much attention to the correction of submitted code but lose sight of the procedural behavior information in student programming process.Therefore,with web development and compilation technology,it is of great significance to design an online programming platform which can collect programming behavior information and is closely connected with class management and student management.Based on the above requirements,this article designs and implements a web-based online programming platform,which is closely integrated with college programming experiment courses and can actively collect important student behavior information during the coding process.Its main contents include:(1)Code Mirror-based online code editor provides users with editing input,code prompts,auto-completion and other related functions.By monitoring browser keyboard events and editor content update events,it collects procedural behavior information in the process of student programming.(2)The Reactbased online programming management platform,which using component development mode,using Sass preprocessor to adjust page styles,using Webpack module packager to complete automated construction,provides teachers with functions such as course management,inviting students,experiment opening management,and experiment correction.Students can view their own score rankings of experiments and teachers’ feedback messages.(3)The platform server based on Nodejs processes request routing and execute service logic through Nginx server and Node.js.This platform uses Docker to create an online code compilation and runtime environment,mapping the code file address under the server’s temporary folder to the execution path of the Docker container,the code submitted by the user is compiled and run.Each user code runs independently of each other,making the server more secure and reliable when running the code file.The online programming platform designed and implemented in this paper is closely related to programming education,with complete functions and good performance.At present,the platform system has completed pre-tests and is ready for formal online service.It is planned to be officially used in the autumn semester C language programming and Java language programming courses to provide platform support for programming experimental courses.