The Design And Implementation Of Website Builder System For Mobile Marketing

With the development of the Mobile Internet,mobile marketing is being valued by more and more companies.The HTML5 site,because of its low cost and high performance,is often used as a tool for delivering personalized marketing information and establishing communication between the enterprise and the marketing audience in the mobile marketing process.With the growth of marketing demand,more and more development and testing resources need to be invested,which brings a greater burden on the company.The website builder can reduce the costs of development and testing in the mobile marketing process.However,after examining the existing systems,it is found that the traditional website builder is not suitable for building marketing sites with large style differences of pages.Platforms such as Sohu Kuaizhan and Tencent Fengling are complex in configuration and do not support third-party templates and React components which are currently widely used.Therefore,this thesis designs and implements a mobile marketing website builder which supports React technology stack and has high flexibility and scalability,to reduce the cost of mobile marketing and helping to accumulate marketing technology experience.The system provides services for developers and corporate operators.Developers can use the tools provided by the system to maintain the code and version of the resource easily.Operators can use the resources such as templates and components published by developers to build HTML5 marketing websites without the participation of the developers or with less participation.All versions of the sites will also be retained as marketing experience.Compared with the site publishing process of traditional systems,this system repackages related resources to reduce the number and volume of files,speed up page loading,and improve user experience.After the marketing campaign,related development resources and sites will be retained and accumulated as marketing experience.The system is divided into three parts:the command line tool,the frontend,and the backend.The command line tool,mainly JavaScript scripts based on Node.js runtime,can help resource development.The frontend provides the visual management of resources and sites,and provides WYSIWYG site editing services.It is implemented by the React and DVA framework based on Flux architecture.The backend provides services to the command line tool and the frontend.It adopts a Three-Tier architecture and is implemented by Node.js-based enterprise-level Web framework named Egg.js.The entire system uses a JavaScript technology stack that keeps all modules consistent on the model.Moreover,common logic can be shared by npm modules,effectively reducing development and maintenance costs.At the same time,to ensure the reliability of Node.js services,the backend uses a clustered deployment solution.At present,the system has been put into use in the company.Together with data,traffic,offline business and other platforms,the system provides support for the company's entire marketing business.