Design And Implementation Of Frontend Frame Based On Angularjs And The Code Automatic Generating System Of Backend

Along with the advent of Internet era, the demand of Web site system is growing, but most software developers still code manually, which is inefficiency and causes a lot of redundant coding. The repetition coding reduces developers’productivity and even lead to problems like project delay. Today’s Web system is enormous in size, its logic is more and more complex, in order to be convenient for development and maintenance, front-end and back-end are requested to be separated, which makes the logic of front-end more and more complex. As the result, an automatic code generator and a front-end framework are urgently needed to resolve these problems.By analyzing and comparing several popular Web front-end frameworks and the automatic code generator technology, this paper uses AngularJS to design the basic framework of front-end. At the same time, this paper introduces the KAJA framework with RESTful interface style based on SpringMVC. The detailed design of the automatic code generator system uses the KAJA as prototype, which includes the design of configuration file, the design of template files and the design of metadata and so on. While designing and realizing the front-end framework, this paper uses AngularJS to summarize and encapsulate the common logical functions. In the last phase, the automatic code generator is tested and analyzed. Then the front-end framework and the KAJA framework which is automatically generated by the generator are used in a practical project, which is also tested and analyzed.Based on real system development and testing results, cooperating with the front-end framework, the KAJA framework generated by the proposed automatic code generator is able to improve the development productivity based on real system development and testing results. Developers only need to input basic information of database and project into the configuration file, then the basic framework will be generated automatically, and the generated KAJA framework enables developers no to write basic operations like adding, deleting and querying in three layers of MVC. Front-end developers could realize functions like adding, deleting, altering, paging and advanced querying by calling encapsulated instructions or services in front-end framework, as the result, developers could focus on the design and overall arrangement of web pages, which significantly enhance developers’ productivity and the quality of web pages.