本发明公开了一种页面可视化动态组件配置方法及系统，包括：预先构建基础组件、业务组件及页面组件；对所述基础组件、业务组件及页面组件进行拆分得到相应的组成结构，并生成对应的JSON数据；根据JSON数据将对应的组件拖拽至界面编辑区域，按照业务逻辑参考组件开发文档定义的相关事件、方法、属性要求来完成相应的配置；对完成组件配置流程的组件，开始进行相关调试工作。实现一键发布，节省审核时间，提高运营效率，同时实现代码组件化，样式可配置，数据可动态绑定，功能可随时扩展，提高研发人员效率，支持自主配置页面的内容样式和交互方式。