Design And Application Of Front-end Development Framework Based On Angular JS

Users' activities based on the Internet are not satisfied with simple page browsing,but require more functions and interactions,resulting in more and more functions of the website and higher complexity.In the implementation of website functions,the components of many functions have gradually moved from the back end to the front end,resulting in more and more front-end functions and more and more complex.In the process of developing a large number of front-end functions,many common parts are found,and the codes are similar.In order to realize the reuse of these similar functions and avoid the repeated development,some frameworks are also needed to extract commonality to improve the development efficiency,so the study of the front-end framework is crucial.Nowadays,there are many excellent front-end frameworks emerging at home and abroad.These frameworks implement functional layering and facilitate functional modification.However,there are still some similar logics that need to be repeatedly developed in conjunction with actual business requirements.In addition,users have higher and higher requirements for data processing capabilities,timely response and interaction capabilities,and data security mechanisms.In front-end implementations,they also need to consider adapting to this requirement.In view of these problems,this thesiss has carried on the front-end frame research.First of all,the overall design of the framework,learning from the back-end data-driven ideas,using AngularJS data binding,dependency injection mechanism,provides a good data processing and interactive capabilities.Then select the MVVM development model,the front end is divided into Model,View,ViewModel three layers,detailed design of the page display rules,custom tag library,custom instructions,data common operations,data verification and other aspects,improve the data security,specification The interaction between levels.Design front-end components,standardize view switching,interaction rules with servers,support reuse of front-end business components,and modular development.The framework can realize the front-end development requirements of the management information system,has good data processing capabilities,facilitates later maintenance and upgrades,and separates front and rear ends,improving development efficiency.The front-end framework designed in this thesis is applied in the actual logistics and distribution system.Combining with the similar parts of customer information management and customer-defined product management,the front-end framework proposed in this thesis extracts the commonalities between modules,Multiplexing and ViewModel layer reuse,to avoid a large number of redundant redundant code.Improve the logic and intuition of the code,improve the development efficiency,and then also shows the effectiveness of the front-end framework.Finally,compared with other mainstream front-end solutions,illustrates the advantages of this framework in front-end development.