随着当代企业和互联网的不断发展,互联网渐渐成为了企业发展的重要土壤。而随着企业数字化趋势愈演愈烈,丰富多变的个性化商城应用被企业所需要。因而快速开发出丰富多变、个性化的商城应用,就成为了目前企业应对快速变化的市场的重要诉求。企业商城应用往往需要支持商品展示、金额计算、付款购买、注册抽奖等功能,实现它则需要进行多种框架和技术的组合,技术难度大、复杂性高且代码庞杂。在面临敏捷快速的开发场景时,可迁移度几乎为零,需要技术人员重复开发,成本骤然增大。适应能力低、开发繁琐、代码量大、技术门槛高成为掣肘企业互联网化的一个重要因素。如何以高效、快速、低代码量、低门槛、强拓展性的方式来设计、生产、部署个性化互联网商城应用成为了核心问题。因此,本论文基于可视化、组件化、流水线模式的思想,以微信中的企业购物商城网页应用为切入点,研究、设计并实现了一套微商城可视化构建平台,采用可视化拖拽编辑的操作方式,自动化构建商城应用,以解决以往企业商城上云开发中开发量过高的问题。本论文的研究工作包括以下三个方面:一是可视化业务组件的研究与实现,二是可视化编辑器的研究与实现,三是自动化编排流水线的研究与实现。本论文基于React组件化理念、Flex浮动布局等思想、方案和技术,先详细介绍了可视化编辑器的组件设计,然后阐述了自定义语法模型。之后详细介绍了可视化编辑器,解释了画布拖拽、组件的属性和事件设置、组件和全局数据的联动、组件间通信交互等功能的具体设计。最后,详细介绍了自动化编排流水线的设计,解释了如何从中间态的结构化产物中转换成一个可以运行的前端应用产物。本论文最终实现了一套完整的微商城可视化生成平台,支持用户可视化编辑页面并生成前端应用,对平台生成应用的功能进行了测试,测试结果验证了本文所提方案的可行性和有效性。本论文提出的方法和取得的成果,对可视化微商城构建平台的研发具有一定的参考价值。