Design And Research Of Bilingual Listening And Reading Platform Based On MVVM Model

The popularity of the mobile Internet has promoted the vigorous development of the digital reading industry.The number of online readers has increased year by year,and users have begun to pursue high-quality content and a good reading experience.In recent years,people’s demand for audio books has grown rapidly.Since the COVID-19 pandemic,online learning is a teaching mode that teachers and students have experienced.It is difficult for ordinary reading platforms to meet the requirements of students’ English reading and listening,and it is difficult for teachers to grasp the specific learning situation of students.In order to provide students and teachers with an English learning platform that combines reading and listening,self-study and teacher guidance,this paper designs and implements a bilingual listening and reading platform system.This paper designs a systematic software framework based on the learning and research of HTML5,CSS3,TypeScript and Vue.js framework based on MVVM pattern.From the user’s point of view,each module of the system is designed,mainly including reading and listening module,user module,course module and activity module.The Verlet integral algorithm is used to simulate the movement traj ectory of the book page,and the mass spring system is used for constraint correction,simulating the effect of real flipping books,which is used for the display of picture books.This article uses Vue.js technology to build a system,uses TypeScript to complete the complex interactive effects of the page,designs and completes a globally playable audio player,a 3D flip book effect picture book reader with good visual effects,and rich and interesting questions.Online activities and perfect learning records and class management system.The thesis has completed the planning and design of the bilingual listening and reading system and the technical realization of all the details.The system test results show that the platform has perfect functions and excellent running stability.Students and teachers can register and log in with different identities,use the platform to find and browse resources to read Chinese and English books,play supporting listening audios,and automatically turn books with the progress of audio playback for some resources,learn video courses,and participate in interesting extracurricular activities.Students can view their learning time and growth trajectory,teachers can recommend books,assign tasks,and manage class learning data.The platform covers the main learning scenarios of the bilingual learning platform,has excellent performance,and has been widely recognized by users after its launch.