The Research On Design And Application Of Front-end Framework Based On HTML5

With the advent of the Web3.0 era,information systems have been able to fully support the daily operation and management of enterprises and e-commerce activities.At present,people's requirements for information systems are constantly improving,and the complexity of information system engineering construction is increasing,which leads to the proliferation of front-end code,the redundancy and coupling of front-end program code,and the difficulty of system maintenance.The emergence of HTML5 technology can better solve some problems in the front-end development process,for this reason,based on HTML5 design and implement a set of clear structure,can be maintained,high reusability of the front-end framework,so that information system development can be standardized and orderly under the guidance of the framework norms,And can effectively reduce the coupling of front-end program code,solve code redundancy,system maintenance difficulties and other issues,information system engineering construction and improve the operation and maintenance of the system has a very important practical significance and application value.The idea of MVC(Model-View-Controller)Development mode and modular component is applied to the design of front-end frame,and the front-end frame is realized by combining the existing front-end technology such as HTML5,Less preprocessor and Ajax.In the specific framework design,mainly from the e-commerce business as the background,on the basis of a detailed analysis of the needs of the e-commerce business,designed and implemented a DVL(DataModel-ViewGraph-Logic)front-end framework for small and medium-sized e-commerce.The DVL front-end framework divides the front end into data model layer,view layer and logical layer,in which the data model layer implements the encapsulation of data and basic data operation,the view layer adds the dynamic generation page of template rendering technology,and the logical layer connects the view layer and the data model layer,providing the interface to deal with complex business logic.The three-tier structure reduces the coupling degree of the front-end code,and when the page requirements or business logic requirements change,modifying the code of the corresponding layer does not need to consider other layers of modification,which increases the maintainability of the code.At the same time,according to the demand characteristics of e-commerce business,the reusable functions are extracted,and the common components and business components are constructed respectively,and the list components,form components,user rights components,state management components and UI components in the general components are designed in detail.Combining common components allows you to quickly build functional modules that meet e-commerce activities,reducing the repetitive development of the same similar code and improving the efficiency of development.The application of the established DVL front-end framework to Z Enterprise e-commerce website development has greatly improved the development efficiency in the development,and proved the effectiveness of the DVL front-end framework.The DVL front-end frame proposed in this paper is not only suitable for the front-end design of e-commerce services,but also can be applied to other types of information system engineering construction,to achieve high cohesion between the functional modules in the system,low coupling,enhance the reuse of modules,and improve development efficiency and development quality.