A REST-style Mobile Page Visualization Building Platform Based On Node.JS

Internet technology,as now,has gradually penetrated into all aspects of people’s lives.Online shopping that are closely related to people’s lives have also shown stronger trend under the promotion of Internet giants.Mobile-shopping has become a major part of online shopping,and its proportion is still growing rapidly.How to quickly respond to the huge demand for mobile-side development brought by the rapidly increasing mobile-side shopping demand has become a subject of great research value.By comparing the mobile-side page with the PC-side page,it is found that the page has a unique but relatively uniform style in design and layout due to the limitation of the device’s screen dimensions.In general,mobile web pages can be modularly partitioned in the vertical direction.Taking advantage of this feature of mobile web pages,this paper design a method,based on Vue component of custom organization,of mobile-end page construction.it allows the user to visualize operation and dynamically generate mobile web pages,the method will improve the efficiency of page construction and reusability of the component.This paper builds a node.js-based rest-style mobile page visualization building platform,programmers need to develop Vue components which conform to certain specifications,then use it to perform a series of action on the component,then render the component and pack the static file that the browser can load the rendering directly,which provides the ability of visual operation.With the rendered static file,the platform can provide users with the ability to visualize operations,and the user can combine components on a simulated mobile-side screen and form a variety of preview pages.The platform builds the corresponding page according to the user’s visualization operation.To sum up,the main work of this article is:(1)Firstly,having some research on the technology and theory which the platform depends on,it provides theoretical support for the subsequent platform development.(2)The overall structure of the platform Design,which includes the visual construction process and each function module in it,the RESTful API,the database and a series of optimization on the platform.(3)The platform implementation.This paper realizes the front-end interface structure,layout and interaction of the system and the function of each module in the backend,and solves some key technical problems in the system design,such as component dependency problem solving,CPU intensive task distribution and etc.(4)System optimization.It is divided into two parts: the front-end and back-end optimization of the system.The corresponding optimization principle is introduced,and the optimization function is realized,which mainly includes compression optimization,cache optimization at front-end and back-end,The optimization of dispatching tasks with multi-core CPU,code segmentation optimization for single page application and etc.