面向定制化广告的前端组件化框架设计与实现

发布时间：2017-04-08 10:20

  本文关键词：面向定制化广告的前端组件化框架设计与实现，，由笔耕文化传播整理发布。

【摘要】：随着网络技术的不断发展,Web环境从Web1.0跨入Web2.0时代。网页从简单的展示静态页面转变为向用户提供复杂的Web应用。与原始的网页只需要提供简单的HTML、JavaScript和CSS不同,复杂的Web应用与传统的C/S应用已经相差无几。项目的复杂度带来代码的复杂度。越来越庞大的HTML文档、CSS和JavaScript意味着代码耦合严重,这导致了代码难以复用,最终也使得项目的迭代变得非常困难。为了应对项目复杂度的日益提升,C/S架构的后台和客户端曾提出了一系列解决方案,这些方案对于日益复杂的前端产生了指导意义。论文描述的前端框架正是借鉴了传统的技术解决思路,应用了MVP思想构建前端组件。它通过将HTML标准文档转变为HTML模板,CSS通过CSS预处理器编译,JS转变为模块化组织构建,使得代码可以高效编写和复用。最后通过自动化测试与自动化构建聚合成框架。通过上述方式实现了组件化开发,提高了开发效率。论文所描述的组件化前端框架来自于百度定制化广告技术部,是前端团队当前正在使用的组件化框架。它是对定制化广告业务前端需求的具体实现。它应对了广告业务的诸多特性：样式繁多但是相似度高、数据交互很少、一个样式可能会被多个广告使用。该框架所选取的组件化方案与现阶段前端开发主流的组件化方案是一脉相承。经过项目的实际使用反馈,它很好地解决了广告业务样式开发的困境。在论文中,将讨论组件化前端框架的设计理念,需求以及总体架构。并在此基础上详细描述组件化框架的各个模块的实现细节。
【关键词】：MVP模式 组件化 自动化测试 自动化构建
【学位授予单位】：南京大学
【学位级别】：硕士
【学位授予年份】：2016
【分类号】：TP311.52
【目录】：

• 摘要5-6
• Abstract6-13
• 第一章 引言13-18
• 1.1 项目背景13-14
• 1.2 国内前端框架的发展概况14-16
• 1.3 论文主要研究的工作16-17
• 1.5 论文的组织结构17-18
• 第二章 技术综述18-25
• 2.1 MV~*模式18-20
• 2.1.1 MVC模式18-19
• 2.1.2 MVP模式19
• 2.1.3 MVVM模式19-20
• 2.2 前端组件化相关技术20-23
• 2.2.1 HTML模板语言20-21
• 2.2.2 CSS预处理器21-22
• 2.2.3 JS模块化22-23
• 2.3 自动化构建23-24
• 2.3.1 Gulp构建工具23-24
• 2.3.2 NodeJS构建平台24
• 2.4 本章小结24-25
• 第三章 Lego前端框架的分析与设计25-47
• 3.1 项目总体规划25-29
• 3.2 系统需求分析29-36
• 3.2.1 功能性需求30-35
• 3.2.2 非功能性需求35-36
• 3.3 系统总体设计与模块设计36-46
• 3.3.1 总体结构36-37
• 3.3.2 组件化模块37-41
• 3.3.3 资源加载模块41-43
• 3.3.4 自动化测试和代码规范模块43-45
• 3.3.5 自动化构建与性能优化45-46
• 3.4 本章小结46-47
• 第四章 Lego前端框架的实现47-61
• 4.1 组件化的实现47-56
• 4.1.1 基础组件的实现48-52
• 4.1.2 组件容器Material的实现52-55
• 4.1.3 组件插件的实现55-56
• 4.2 资源加载的实现56-58
• 4.3 自动化测试的实现58-60
• 4.4 本章小结60-61
• 第五章 总结与展望61-63
• 5.1 总结61
• 5.2 进一步工作展望61-63
• 参考文献63-65
• 致谢65-67

【相似文献】

中国期刊全文数据库 前10条

1 杨正武;;企业管理信息系统组件化信息资源分析与设计[J];商业时代;2009年23期

2 刘秋生,孙卫红;组件技术在军事地理信息系统中的应用[J];无线电通信技术;2001年01期

3 马天蔚;;以组件应万需[J];每周电脑报;2001年68期

4 张春城;薛恒新;杨建华;;企业信息化中的企业业务组件建模分析[J];中外科技信息;2003年10期

5 侯成义,司书宾,孙树栋;基于组件的组件库管理系统[J];计算机工程与应用;2003年30期

6 段继华,刘卫;组件化技术在程序设计中的应用[J];无线电通信技术;2003年01期

7 史磊;沈为群;宋子善;;基于组件的空战战效评估仿真平台研究[J];计算机工程;2006年05期

8 孙祥鹏;杜滟;;水利基建财务管理信息系统的组件化技术特点[J];人民珠江;2006年04期

9 杨正武;;动态组件的依赖关系分析与研究[J];软件导刊;2009年05期

10 杨正武;;行业组件框架下的企业管理信息系统创新思路[J];商业时代;2010年13期

中国重要会议论文全文数据库 前7条

1 李兴玮;潘晓;曾迎生;;组件技术在制导武器系统仿真建模中的应用研究[A];2007系统仿真技术及其应用学术会议论文集[C];2007年

2 王浩;高蓓;恽江峰;严洪森;;基于组件的供应管理系统的研究[A];面向21世纪的生产工程——2001年“面向21世纪的生产工程”学术会议暨企业生产工程与产品创新专题研讨会论文集[C];2001年

3 李汉;李忠俊;;浅谈基于组件的业务建模[A];2008'中国信息技术与应用学术论坛论文集（二）[C];2008年

4 吴明;黄东;;.NET下ERP系统的组件化开发[A];全国自动化新技术学术交流会会议论文集（一）[C];2005年

5 谢方;岳增坤;;仿真通用计算引擎与组件动态加载技术研究[A];中国造船工程学会电子技术学术委员会——2012年水下复杂战场环境目标识别与对抗及仿真技术学术交流论文集[C];2012年

6 曹卫星;朱艳;戴廷波;潘洁;胡继超;庄恒扬;;基于过程的组件化小麦生长模拟系统[A];’2003中国作物学会学术年会文集[C];2003年

7 陈亮;崔仁涛;谢小敏;;基于软总线的组件通信技术在用电现场管理系统中的应用[A];2007中国电机工程学会电力系统自动化专委会供用电管理自动化学科组（分专委会）二届三次会议论文集[C];2007年

中国重要报纸全文数据库 前10条

1 Tamim Saleh;组件化：银行重构新思维[N];金融时报;2006年

2 林燕峰;简单是美 和谐是金[N];计算机世界;2000年

3 本报记者 龚杰;组件技术“加速”软件应用[N];计算机世界;2002年

4 ;金思维：组件化突破行业屏障[N];中国计算机报;2003年

5 肖健 作者系上海博科资讯股份有限公司副总裁;中小企业管理别迷信舶来品[N];中国企业报;2005年

6 何进伟;管理软件：面临“三化”[N];中国计算机报;2003年

7 本报记者 徐莉;SOA统领下一个十年[N];网络世界;2004年

8 ;托普发布软件组件化开发平台[N];人民邮电;2000年

9 钟耳顺;GIS朝组件化发展[N];中国计算机报;2001年

10 ;国产组件化软件平合与TopM++Builder[N];科技日报;2000年

中国博士学位论文全文数据库 前5条

1 李松;组件化可重构嵌入式数控系统实施关键技术研究[D];华南理工大学;2015年

2 刘刚;并行离散事件仿真可视化组件建模技术研究[D];国防科学技术大学;2011年

3 戴鸿君;基于异构多核体系与组件化软件的嵌入式系统研究[D];浙江大学;2007年

4 李姗姗;空间信息分布式协同高性能计算框架的初步研究[D];中国地质大学（北京）;2009年

5 涂钰青;基于IEC61499标准的组件化模型集成数控系统形式化建模与验证的研究[D];华南理工大学;2011年

中国硕士学位论文全文数据库 前10条

1 郭颖;组件化并行仿真引擎关键技术研究[D];北京理工大学;2015年

2 牛立栋;基于.NET的SOA组件集成开发框架的研究与实现[D];西安电子科技大学;2015年

3 林晓佳;基于SOA的中间业务平台设计与实现[D];华南理工大学;2015年

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

5 张丽;本体在组件描述和检索中的应用研究[D];哈尔滨工程大学;2008年

6 陈冲;基于组件的水文集成建模环境的设计[D];兰州大学;2012年

7 李明;面向对象开发方法中可重用组件技术的研究[D];大连海事大学;2003年

8 陈光;基于推理算法无关性原则的组件管理系统[D];吉林大学;2004年

9 宋海荣;组件技术的研究及在商标审查系统中的应用[D];北京邮电大学;2013年

10 朱Z

本文编号：292672