Design And Implementation Of Cross-Terminal Shopping Mall System Based On Web Components

Mall system is the most widely used Web system,under the conditions of the current multi-terminal devices coexist,support for multi-terminal operation has become an essential function of Mall system.The traditional cross-terminal implementation mainly adopts a stand-alone solution,customize a separate web interface for each device,not only increases the workload of the development process,but also requires that multiple independent sites be changed at the same time for each change and not conducive to the maintenance and application of the late expansion.The new cross-terminal Web design supports browsing access to multiple end devices through a single system.First of all,we need to consider the issue of reusability between pages,and the componentized page design based on Web Components thinking is a feasible way.Second,the cross-terminal design needs to adapt the layout of the page and HD display through adaptive multi-screen adaptation;Finally,we also need to consider the limitations of the hardware performance of mobile devices such as mobile phones,We need to optimize the performance of the Web.In this paper,according to analysis the functional requirements of the mall system and cross-terminal requirements,we conducted a total mall system design.Among them,functional requirements around the Mall system design business processes,cross-terminal requirements around Web components,multi-screen self-adaptive,performance optimization Carried out the design and implementation.In terms of performance optimization,a new virtual DOM tree updating algorithm is proposed based on virtual DOM idea and H5 Web worker function,and an efficient page updating mechanism is designed to speed up the response of the page.Finally,the test and performance analysis of the system are carried out from two aspects:the mall system function and the website performance.The experimental results show that this system reduces the amount of system development and improves the response speed of the page under the premise of multi-terminal access.