基于MVVM的前端框架MTCG的设计与实现

《基于MVVM的前端框架MTCG的设计与实现》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、太摩次蔘⑩—ＴＩＡＮＪＩＮＵＮＩＶＥＲＳＩＴＹ中国第－所现代大ｆＦＯＵＮＤＥＤＩＮ１８９５全日制工程硕士学位论文领域：计算机技术工程于晶晶作者姓名：｜许林英副教授指导教师：肖诗伟高级工程师企业导师：天津大学研究生院２０１６年１１月基于MVVM的前端框架MTCG的设计与实现DesignandImplementationofFront-EndArchitectureMTCGBasedonMVVM工程领域：计算机技术工程作者姓名：于晶晶指导教师：许林英副教授企业导师：肖诗伟高级工程师天津大学计算机

2、科学与技术学院二零一六年十一月摘要随着Web前端技术的发展，用户的需求不断的增加，使得前端代码开发出现了代码规模扩大、维护困难、代码重用率低、代码重复率高、代码扩展性差等问题，创建合理、简化开发的前端框架越来越值得开发者重视。本论文使用MVVM设计模式，结合HTML5、JavaScript等相关前端开发技术，基于面向对象和模块化的开发思想，设计实现了基于MVVM的前端框架MTCG。基于MVVM的前端框架以模块化开发为主要思路，将不同层次的逻辑分离，减少了各模块之间耦合度，实现了代码的模块整合，提高了代码的可重用性以及可维护性。前端框架MTCG的研究

3、过程主要包括：首先，对前端框架进行业务需求分析，并对MTCG前端框架各模块在设计与实现中可能会遇到的问题以及框架的性能优化问题进行分析；其次，基于MVVM的分层思想以及面向对象的编程思想对前端框架MTCG各层各模块进行详细的设计与实现。前端框架MTCG由模型、视图、视图模型三个模块组成，对各个模块需要实现的功能进行详细的设计，对各个类中需要的属性和方法进行了代码实现，并对该前端框架进行性能优化的设计与实现。该前端框架利用前端缓存机制减少HTTP请求次数，提高页面的渲染速度，并利用GZIP压缩技术，提高了框架中文件加载的速度，进而提高了页面的加载速度

4、。最后，将本文实现的MTCG框架、jQuery框架进行性能测试对比，并将该前端框架应用于地质水文数值模拟系统。通过框架性能测试可以得出本文实现的前端框架MTCG在性能优化后页面加载速度得到了较大提高。MTCG前端框架提高了代码的各模块的利用率，解决了文件中代码组织混乱等问题，为前端框架的设计与研发提出了新的解决方案。关键词：前端框架，MVVM，MTCG，缓存，GZIPIABSTRACTWiththedevelopmentofWebfront-endtechnology,thedemandofusersisincreasingconstantly,w

5、hichleadstotheproblemsofcodescaleexpansion,difficultyinmaintenance,lowcodereuserate,highcoderepetitionrateandpoorcodeexpansibility.Front-endframeworkismoreandmoreworthyofthedeveloperattention.Inthispaper,MVVMdesignpatterns,combinedwithHTML5,JavaScriptandotherrelatedfront-endde

6、velopmenttechnology,basedontheobject-orientedandmodulardevelopmentidea,thefront-endframeMTCGbasedonMVVMisdesignedandimplemented.Withthemodularizationdevelopmentasthemainidea,theMVVM-basedfront-endframeworkseparatesthelogicofdifferentlevels,reducesthecouplingbetweenmodules,real

7、izesthemoduleintegrationofthecode,andimprovesthecodereusabilityandmaintainability.Theresearchprocessofthefront-endframeworkMTCGmainlyincludes:Firstly,itanalyzestheservicerequirementsofthefront-endframe,andanalyzestheproblemsthatmaybeencounteredinthedesignandimplementationofthe

8、MTCGfront-endframeworkandtheperformanceoptimizationoftheframe