The Design And Implementation Of Visual Page Editing Platform

With the development of front-end technology,page development become heavier,but the traditional code development method has low efficiency and high technical threshold,which greatly restricts the efficiency of the front-end developers.This thesis focuses on the company's internal business scene,through the platform service and visual editing framework for the rapid development of regular pages,improve the efficiency and quality of page development.This project provides the visual editing,excellent UI components and platform services to solve the shortcomings of developing page with code.This thesis designed the visual editing framework,dynamic form&smart report,fast building platform to achieve simple,efficient and smart page service.The main work of each module is as follows:(1)As the low efficiency of the HTML+CSS code page development method,the visual editing module is realized in this thesis to edit the page online,and the layout of the page is raster.The user does not need to spend a lot of time in the page debugging and editing,which greatly improves the efficiency of the page development.(2)Forms and report pages often have special layout and data logic,such as the label and the layout of the content area,the data check logic,etc.the dynamic form&smart report module gives the component layout,data uplink and downlink,logical check,attribute setting and so on through the encapsulation of React + Redux technology.At the same time,by rendering the pages quickly through the rendering engine,users need to pay attention to the attribute setting and page layout of the components without paying attention to the internal details and data management logic of the components,making the page development simpler.(3)The fast building platform module uses Node.js + Egg.js + MySQL technology system,and provides the Web services such as user management,engineering management,component management and so on,and reduces the management cost of the project and personnel in the development process.At present,the visual page editing platform have access to the internal business line of the company,obtain good operation effect and user feedback,improve the efficiency and quality of the front-end development of the business line,and prove the value of the thesis on the efficiency and quality of the development of the regular page.