Research And Implementation Of Visual Generation Platform For Micro Mall

With the continuous development of contemporary enterprises and the Internet,the Internet has gradually become an important soil for enterprise development.As the digitalization trend of enterprises becomes more and more intense,rich and changeable personalized shopping mall applications are needed by enterprises.Therefore,the rapid development of rich,changeable and personalized shopping mall applications has become an important requirement for enterprises to cope with the rapidly changing market.Enterprise mall applications often need to support functions such as product display,amount calculation,payment purchase,registration for lottery,etc.,to achieve it requires a combination of multiple frameworks and technologies,which is technically difficult,complex,and complex in code.When faced with agile and rapid development scenarios,the degree of transferability is almost zero,requiring technical personnel to repeat the development,and the cost suddenly increases.Low adaptability,cumbersome development,large amount of code,and high technical threshold have become an important factor hindering the Internetization of enterprises.How to design,produce,and deploy personalized Internet mall applications in an efficient,fast,low-code,low-threshold,and highly scalable manner has become a core issue.Therefore,this thesis is based on the idea of visualization,componentization,and assembly line mode,and takes the enterprise shopping mall web application in WeChat as the entry point to research,design and implement a set of micro mall visualization construction platform,adopting the operation mode of visual drag-and-drop editing,To automate the construction of mall applications to solve the problem of excessive development in the cloud development of enterprise malls in the past.The research work of this thesis includes the following three aspects:one is the research and implementation of the visual business components,the second is the research and implementation of the visual editor,and the third is the research and implementation of the automated orchestration pipeline.This thesis is based on the React componentization concept,Flex floating layout and other ideas,solutions and technologies.First,it introduces the component design of the visual editor in detail,and then explains how to pass Simple custom syntax defines the basic components that the editor can recognize and use.After that,the visual editor is introduced in detail,and the specific design of functions such as canvas drag and drop,component properties and event settings,component and global data linkage,and communication and interaction between components are explained.Finally,it introduces the design of the automated orchestration pipeline in detail,and explains how to transform the structured product from the intermediate state into a running front-end application product.This thesis finally implements a complete set of micro-mall visualization generation platform,which supports users to visually edit pages and generate front-end applications.The functions of platform generation applications are tested.The test results verify the feasibility and effectiveness of the solution proposed in this thesis.The methods and results obtained in this thesis have certain reference value for the research and development of the visualized micro-mall construction platform.