The Research And Application Of MVC-Based Front-End Development

With the expansion of the client website and the popularity of development of complex AJAX-based page, more and more client-side scripts have been adding to the system. Front-end development is encountered with many problems such as large, difficult to organize and maintain code, low reusability, poor scalability and adaptability. The reason is that the traditional approach of Front-end development did not pay attention to design patterns, but just had simple interactive features. Hence, front-end architecture design is playing an increasingly important role in front-end development.This paper attempts to base on traditional MVC ideas and problems encountered in front-end development, by analyzing the problems faced by front-end without using structure in the traditional development mode and combining the existing front-end design patterns with traditional MVC design and modular software thinking, proposes front-end MVC architecture design pattern and its concrete implementation.The implementation of front-end MVC architecture uses front-end general-purpose technology such as AJAX, Javascript, DHTML, DOM, etc. It uses the native data format of Javascript JSON as its data format. This paper combines with the electric car operation management system’s front-end requirements, divides each module by using the front-end MVC architecture, coordinates the modules, and solves the problem of showing dynamic data in the asset management module.This paper puts forward an alternative solution for the front-end development framework, to make front-end development not only follow modular development method, but also reuse and decouple the codes from the perspective of the architecture. And the solution solves some of the problems encountered in the current front-end development.