Font Size: a A A

Design And Implementation Of Online Education System Based On MVVM Design Pattern

Posted on:2022-05-09Degree:MasterType:Thesis
Country:ChinaCandidate:Z W LiuFull Text:PDF
GTID:2507306338469554Subject:Software engineering
Abstract/Summary:PDF Full Text Request
The Internet technology continues to develop,which makes people’s lives better and better,such as online education that attracts the attention of parents and students.Online education uses computers and Internet to carry out teaching activities that is more flexible,more free,more diverse than traditional offline education.Because of COVID-19,online education becomes normal in China,which stimulates online education market to create and develop.More and more people start to think how to excavate its potential value,which helps education market become more diverse,more creative and more robust.This thesis will combine the leading-edge technology and the popular business model to offer an idea for practical application in education market.This thesis used waterfall model of software engineering.First of all,analyzing system requirements,defining the system roles and business logic,using UML use case diagram to explain the system functional requirements and proposing non-functional requirements to ensure the actual operation of the system.Second,designing the system overall architecture,studying the principle and methods of realization as well as the mechanism of relative frame,reading the low-level source code,adopting front-end and back-end separation development model to divide system into View layer,ViewModel layer and Model layer,besides,selecting the specific technologies and defining the responsibility,work for each layer.After that,designing system deployment plan,based on actual condition to complete the system network architecture.Third,using UML entity relation diagram to abstract the system,completing the database design.So far,the system can be divided into independent functional modules and the system boundary is clear.The internal detailed design of each module will be illustrated by UML sequence diagram and class diagram,which will clarify the used classes and the relations between them,moreover,define the related parameters and methods in each function’s workflow.This will clarify ideas for subsequent coding work.At last,developing end to end testing to verify whether the achievement satisfies design standard,whether the modules collaborate well and whether the functions meet the requirements.Based on the test results and actual operation,the system is robust and working well.The achievement meets the expected functional,non-functional requirements,so that it can be put into use.
Keywords/Search Tags:MVVM Design Pattern, Vue.js Framework, Front-end and Back-end Separation, Online Education
PDF Full Text Request
Related items