资源描述：
《基于mvp的前端框架casfront的设计与实现》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。
1、天津大学硕士学位论文基于MVP的前端框架CASFront的设计与实现DesignandImplementationofFront-EndArchitectureCASFrontBasedonMVP领域：软件工程作者姓名：郭佳宁指导教师：许林英副教授企业导师：肖诗伟高级工程师天津大学软件学院二零一五年十二月摘要随着互联网Web2.0时代的到来，富媒体元素的使用增加了用户在网页前端的交互式体验。前端开发出现了代码规模扩大、组织维护困难、代码重用性低、扩展性差等问题。建立合理的前端开发框架，并遵循开发标准和规则越来越重要。本文借鉴MV
2、P的后端开发模式，依托JavaScript、JQuery、DOM、Ajax、HTML5、JSON等前端技术，采用理论和实践相结合的方式，编码实现了基于MVP模式的前端框架CASFront。本文构建的前端框架使得前端开发遵循模块式的开发方式，分离了不同类型的逻辑，减少依赖关系，实现前端代码的解耦、复用、降低了应用扩展和维护的复杂度，具体研究过程如下：首先，对传统前端开发过程和目前基于MVC的前端框架中存在的问题进行分析，通过MVP与MVC的对比，提出MVP在前端开发中的优越性。然后对MVP各层在设计实现中可能遇到的问题和页面性能优
3、化策略进行分析。其次，按照分层架构的思想对前端框架CASFront各部分进行了设计和实现。前端框架由模型类、集合类、呈现器类、视图类四部分组成，对各个类需要完成的功能进行了分析和设计，并对类中涉及的属性和方法进行了编码实现。本框架中的创新点是：优化Ajax请求调度方式，提出请求优先级队列及基于等待时间延长优先级提升的策略，减少用户请求的等待时间，防止用户请求时间过长无法得到响应。最后，将本文前端框架CASFront、目前流行框架及采取页面优化策略改进后的CASFront框架进行测试比对。并将此前端框架应用于水文数值模拟系统，描述
4、了整个框架的流程和可行性。通过框架测试可看出本文实现的前端框架CASFront在页面性能优化后页面加载数据速度得到了较大的提高。本文为前端框架的设计与开发提出了新的解决方案，实现了前端代码的解耦、复用、解决了目前前端开发中遇到的问题。关键词：MVP，前端框架，CASFront，模块化设计IABSTRACTWiththeInternetenteringintotheWeb2.0time,avarietyofrichmediacontentsmaketheexperienceofusersforwebapplication.Asac
5、onsequence,thefront-enddevelopmentcodesemergehugescale,complexityoforganizationandmaintenance,lowcodereusability,andpoorexpandability.Todevelopareasonablefront-enddevelopmentframework,andfollowingthedevelopmentofstandardsandspecificationswillbecomeincreasinglyimporta
6、nt.Inthispaper,forreferenceoftheMVPPatterninback-endarchitecture,relyingonthefront-endtechnologyofJavaScript,JQuery,DOM,Ajax,HTML5andJSON,combiningtheoryandpractice,weimplementthefront-endframeworkCASFrontonthebasisofMVPPattern.Thefront-endframeworkestablishedinthepa
7、permakesthefront-enddevelopmentfollowthemodulardevelopmentapproach,andseparatedifferenttypesoflogic.Consequently,theframeworkdecreasestheinterdependentrelationshipandachievesdecouplingandreuseofthefront-endcodes,andthenlowersthecomplexityofextensionandmaintenanceinap
8、plications,andthespecificresearchprocessisasfollows:Firstly,weattemptstobaseontraditionalandcurrentdevelopmentproblemsencounteredin
