The Design And Implementation Of Front-End Component Framework Facing To Customized Advertisement

Along with the constant development of network technology, Web environment had stepped into Web 2.0 from Web 1.0. Webpage had also evolved from simple static pages into more complicated Web applications. Different from the original webpage that only needs using simple HTML, JavaScript and CSS, a complicated Web Application is nearly identical to a traditional C/S application. Project complexity has given rise to code complexity. As HTML,CSS and JavaScript files grow larger, project iterations become more difficult. Severe code couplings have also caused reuse difficulties.To cope with the increase in project complexity, Server and Client applications based on C/S have proposed a series of solutions. These solutions are of guiding significance to the font-end that becomes more complicated. The front-end framework described in this thesis draws inspirations from traditional technical solutions and constructs front-end components based on MVP. The front-end framework converts HTML standard files into HTML templates, CSS into CSS module and JavaScript into JS module. Because of this, code can be written and reused efficiently. Finally, the framework is aggregated by dint of automated testing and build. A component-based development is implemented by the methods above.The component-based front-end framework described herein is a concrete implementation of an advertising business’ front-end framework. It is designed by Baidu CAE and used by font-end developers. It corresponds to many characteristics of advertising business. These characteristics include many highly similar styles, few data interactions and the use of one style for multiple advertisements. The component-based solution selected by this framework and the solution used by most font-end developers at current stage can be traced to the same origin. According to the feedbacks on the project’s practical use, this solution can address the plight of developing advertising business’styles.In this thesis, I will discuss designs, requirements and an overall architecture of the framework based on component. Besides, I will discuss implementations of main modules in the framework.