[发明专利]一种基于React组件的前端页面配置方法及系统

摘要

本发明涉及一种基于React组件的前端页面配置方法及系统，通过引入React组件化思想完成页面的组装构建。同时以针对页面组件元素进行扩展优化的方式，来解决由于对页面整体的更新迭代造成的结构复杂度不断提升的问题。本发明通过对组件素材嵌套拼接及配置的形式实现了页面的构建，以一种便捷的方式简化开发流程，提升开发效率，在既能满足页面需求的前提下，又能减轻后期扩展、迭代及维护的工作量。

主权项

1.一种基于React组件的前端页面配置方法及系统，其特征主要包括：步骤1：采用前端React技术框架搭建系统界面，主要包括：类型选择页、设计构造页、效果预览页、组件素材上传页。步骤2：通过React技术提供的JSX语法规则构建组件模型，在构建的同时可依据特定的需求进行个性化定制。步骤3：将构建完成的组件模型文件通过“组件素材上传页”上传至服务器端的数据存储模块。步骤4：通过“类型选择页”选择所要构建的页面类型，并选取所需的相关页面组件素材。步骤5：在“设计构造页”中完成对视图页面的嵌套拼接，形成页面的整体骨架。步骤6：布局结构和组件素材放置完成后，需要对编辑区的组件进行参数配置。步骤7：通过“效果预览页”可对编辑完成的页面进行实时预览，并提供页面下载接口。