基于模型驱动的前端框架MBB设计与实现

发布时间：2020-05-27 06:45

【摘要】：随着互联网的快速发展,应用的复杂程度越来越高,用户体验也越来越重要。在Java Script发展初期其主要作用是实现简单的页面交互逻辑,功能简单且代码量极少。而如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端,随着web2.0时代的到来,Ajax技术得到广泛应用,各种前端框架层出不穷,前端代码日益膨胀。这给开发者带来很大的学习负担以及项目的代码维护成本,如何解决开发流程和业务逻辑严重耦合、业务代码的框架版本迁移成为了一个十分严峻的问题。论文以模型驱动开发和前端组件化为核心思想,运用React、Redux、Webpack等技术,根据业务逻辑和开发经验设计了能够覆盖大部分应用场景的UIModel、Data Model、Show Model这三种模型,设计与实现了一个基于模型驱动的前端框架。通过这个框架,业务开发人员只需要关注模型本身的配置,其他的所有工作由MBB前端框架来完成。所有的新技术融合全在框架层进行,专业的前端开发人员也只需要关注框架本身的开发。通过这种基于模型驱动的前端框架,可以极大地加快开发效率,减少开发成本,并且可以做到项目在框架之间的平滑迁移。最后使用该框架和传统的前端开发方法开发了一个通用的后台管理系统并进行仿真环境测试。MBB前端框架大幅度简化了开发人员的工作流程和开发难度,并将工作量大幅度削减,同时通过框架开发出的应用性能、可拓展性、可维护性、代码健壮性都有卓越的提升。
【图文】：

华 中 科 技 大 学 硕 士 学 位 论 文设计和开发，然后内外两个部分的项目之间要紧密联系，这样就可以保证整个项目的进度可控和整体宏观的可控性[40,41]。图 2-1 展示了一个 MDD 项目中的任务流。有的任务可能在传统项目中执行。而有部分任务是为了具体项目构建 MDD 工作时的附加任务。

图 3-1 MBB 前端框架功能需求用例图员专注维护框架的底层实现以及丰富功能与组件，辑后根据需求配置模型即可生成一套完整的应用。端框架系统架构架构架整体采用 MVC 架构模式，当切换成 Vue.js 或BB 前端框架的 View 层这一部分会转化为 MVV。其主要原因是考虑到Model层由UIModel、ShowM赖 React 进行构建的，，由于 React 的高效和快速的出色。View层具体的组件由基于各种适配React组发者继续添加自定义组件或者组件库。为了避免随
【学位授予单位】：华中科技大学
【学位级别】：硕士
【学位授予年份】：2018
【分类号】：TP311.52

【参考文献】

相关期刊论文 前10条

1 王成;李少元;郑黎晓;缑锦;曾梅琴;刘慧敏;;Web前端性能优化方案与实践[J];计算机应用与软件;2014年12期

2 王政;;Web前端开发技术以及优化研究[J];电脑知识与技术;2013年22期

3 刘秀芹;;基于Web标准的企业网站网页设计与实现[J];电脑知识与技术;2013年09期

4 刘薇;龚海华;;HTML5&CSS3在网页设计中的优势[J];金田(励志);2012年12期

5 孔靓;贾美娟;;网页制作中的CSS样式表[J];科技创新与应用;2012年24期

6 魏娜;;Web前端开发技术研究[J];现代计算机(专业版);2011年29期

7 刘欣;;浅谈ASP.NET下WEB设计提高加载速度[J];科技风;2011年12期

8 陈竞艺;;浅析Web2.0——未来的互联网[J];科技资讯;2011年10期

9 郑丽琴;;浅谈网页布局的设计[J];福建教育学院学报;2009年02期

10 甘少娟;;Web2.0的本质和应用发展[J];广东通信技术;2008年08期

相关硕士学位论文 前2条

1 李新新;在线学习平台的前端设计优化与实现[D];南京大学;2016年

2 张佳梁;面向定制化广告的前端组件化框架设计与实现[D];南京大学;2016年

本文编号：2683126