Design And Implementation Of A K12 Online Classroom System Based On Vue Framework

In recent years,the Internet has become more and more popular,the quality education of the people has become higher and higher,and there are more and more training schools and educational institutions.Information and intelligent classroom teaching based on big data analysis and cloud dynamic application has become the demand of most educational institutions.Through the intervention of Internet technology,the classroom can establish convenient and efficient technical contact,knowledge contact and emotional contact between teachers and students,and effectively realize the interaction between teachers and students,students and students,as well as between students and platforms and teaching resources.With the help of online teaching resources and information technology to promote classroom teaching,good teaching results can be achieved.According to the development process of software W model,the online classroom system first analyzes the requirements of the system,describes the functional requirements and non functional requirements,and gives the system use case diagram.Then it introduces the design part of the system,including system architecture,specific functional modules,database fields and interface table.In the specific system design,the object-oriented design method is adopted,and the front and back end separated architecture is used as a whole.Combined with the specific functions of the online classroom system,it can be divided into the presentation layer where the browser is located,the business logic layer where the node middle layer is located and the data control layer based on the golang server.In terms of system technology selection,Kapp framework is used in the front-end to connect the front-end browser and node middle layer.In the front-end browser to complete the task of view display and data monitoring,the Vue framework supporting single page application is selected.In the node middle layer,some browser view data will be processed,so that the middle layer can share the pressure of server processing data and optimize the interaction experience of the front end.The back end uses Dubbo distributed framework to build the data control layer.The system function module is designed in detail through the business flow chart.The system implementation part shows the whole system implementation process through the screenshot and part ofthe function pseudo code through the interface.Finally,test cases are designed to test the functional and non-functional requirements of the system to verify whether the system functions meet the expectations.The system provides teachers with basic teaching services,including identity authentication,curriculum preparation,class teaching,etc.;and provides students with an autonomous learning environment,including joining the class,autonomous learning courses,etc.At present,this system has been used in some schools.As an auxiliary teaching tool,teachers can pay more attention to explaining students’ difficult problems in the classroom,and students can learn independently according to their own schedule after class.As a whole,it strengthens the relationship between teachers and students,which has an obvious effect on improving teaching quality...