JavaScript Development Framework For Front And Rear Separation And Application In Content Management System

With the evolution of web application development model,coupling between front and back side.From the beginning of both front and back side,show mixed logic and business logic,the coupling is very high.To back-end MVC era,before and after the division of labor began to clear,but the front development still depends on the development environment,the responsibility is not clear,before and after the communication cost and maintenance costs.With the development of different terminal,more and more high to the requirement of developer,pure browser side response type already can not meet the higher requirement of the user experience,users often want to can get very good experience in different terminals,which requires developers to different terminal development different customized version.And in order to improve the efficiency of development,the separation of front and rear end demand has been seriously,the service side of pure data interface change simply cannot sensibly be put off.Good web application development model should be responsible is the back-end business logic,the front end is responsible for the display and interaction logic,makes the same back-end code to match the front end of the show,different developed multiple versions.Meanwhile Node.Js development is rapid,many attempts were separation before and after the end of the Node.Js as the middle layer is responsible for data processing and control template,these parts will be liberated from the traditional back-end,but it is still a compromise solution.Node.Js have many popular development framework,the framework of emphasis each are not identical,but most will be in the back end to control the front template,before and after the end of the coupling is still high.Based on the above background,the thesis to the Node.Js as a basis to build a set of support before and after the separation,feature-rich web development framework,the framework of the research focus in the separation and function diversity,both front and rear end frame front by routing and the controller is responsible for data processing and template,according to the framework of the back-end is through the routing rules and other function modules in the form of a middleware to forward the request and deal with,in order to reduce the coupling at the before and after,make the back-end extensible and reusable.Framework should attach great importance to the practicability of framework again at the same time,initialize the page need to be solved in the front-end files load may result in delay problems,and increase some commonly used plug-in,and then the need to many common common functions encapsulated as separate modules,for more than is called,simplify the code at the same time can improve the efficiency of development,considering the program may be deployed to different machines,but also solve the problems are caused by the session storage.Paper's main work is as follows:1.The frame front endIn AngularJS framework on the basis of the increase and realize the function of file on demand load,solve the front frame by means of dynamic loading was load cause delayed display problems;General paging module has been added,has realized the custom page displays,general page file to call and specific initialization flip,flip action triggering event,request to get the data,and other functions,the paging module can be called multiple times,and pass parameters is different,because each call for different parameters set different HTTP requests,in order to get different data.Implements the tree plugin,page editor,such as common plug-in,provide convenience for the front-end development base and rich function.2.The framework of back-endAlso Express framework on the basis of the new and implements the operation as the database interface module,database development and encapsulates the paging and mailing general function modules,such as by redis cache database to solve the problem of the session to access the machine environment and develop the session storage module,and an increase in the session storage module encapsulates the session access operation,at the same time login authentication module is developed to realize the login and registration authentication function.And that has made the back-end become scalable,gave up the backend for control template,so that when the front end of the template change will not affect the business logic to handle.3.Application Validation System-Content Management SystemIn order to verify the practicality of the development framework,the content management system is implemented on the basis of the framework,and the usability,system data storage,login verification,and so on are verified by the functions of the system's rights management and article editing.The implementation of the information display,etc.,verifies the availability of the back-end functionality of the framework.At the same time in the back-end basically unchanged circumstances to change the system to achieve front-end,verify the separation of the front and back.