[发明专利]前端页面的生成方法及相关装置

说明书

本申请的实施例提供了一种前端页面的生成方法及相关装置，该方法包括：根据获取到的实体信息，创建实体信息对应的实体；根据配置的元素，将所述元素添加至所述实体中，所述元素属于所述实体；根据所述实体和获取到的与所述实体对应的实体关系信息，对树形结构进行配置，以使所述树形结构中的树节点与所述实体相对应，且所述树形结构中各树节点的连接关系与所述实体关系信息相对应；根据获取到的所述元素的内容，将所述元素的内容对应添加至所述树形结构中所述元素所属实体所对应的树节点上，得到树状配置数据；基于所述树状配置数据生成前端页面。本申请实施例的技术方案能够大大降低前端项目的开发成本，并可以显著提高前端项目的开发效率。

技术领域

本申请涉页面开发技术领域，具体而言，涉及一种前端页面的生成方法及相关装置。

背景技术

当前，在进行前端项目的开发时，一方面需要前端开发人员实现前端页面，另一方面则需要后端研发人员实现管理后台，此外还需要前端开发人员和后端开发人员进行接口联调，这样才能实现前端页面通过接口拉取后台数据进行展示。因此，需要多位开发人员消耗大量的时间实现才能完成项目开发，实现成本较高且效率低下。

发明内容

本申请的实施例提供了一种前端页面的生成方法及相关装置，进而至少在一定程度上可以降低前端项目的开发成本并能显著提高前端项目的开发效率。

本申请的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本申请的实践而习得。

根据本申请实施例的一个方面，提供了一种前端页面的生成方法，所述方法包括：根据获取到的实体信息，创建所述实体信息对应的实体；根据配置的元素，将所述元素添加至所述实体中，所述元素属于所述实体；根据所述实体和获取到的与所述实体对应的实体关系信息，对树形结构进行配置，以使所述树形结构中的树节点与所述实体相对应，且所述树形结构中各树节点的连接关系与所述实体关系信息相对应；根据获取到的所述元素的内容，将所述元素的内容对应添加至所述树形结构中所述元素所属实体所对应的树节点上，得到树状配置数据；基于所述树状配置数据生成前端页面。

根据本申请实施例的一个方面，提供了一种前端页面的生成装置，所述装置包括：创建单元，用于根据获取到的实体信息，创建所述实体信息对应的实体；第一添加单元，用于根据配置的元素，将所述元素添加至所述实体中，所述元素属于所述实体；配置单元，用于根据所述实体和获取到的与所述实体对应的实体关系信息，对树形结构进行配置，以使所述树形结构中的树节点与所述实体相对应，且所述树形结构中各树节点的连接关系与所述实体关系信息相对应；第二添加单元，用于根据获取到的所述元素的内容，将所述元素的内容对应添加至所述树形结构中所述元素所属实体所对应的树节点上，得到树状配置数据；生成单元，用于基于所述树状配置数据生成前端页面。

在本申请的一些实施例中，基于前述方案，所述生成单元配置为：获取从前端皮肤库中选择的目标皮肤，所述前端皮肤库中包括多个皮肤；在所述目标皮肤中加载所述树状配置数据，得到所述前端页面。

在本申请的一些实施例中，基于前述方案，在获取从前端皮肤库中选择的目标皮肤之前，所述生成单元还用于：从所述前端皮肤库中确定出与所述树状配置数据相匹配的皮肤，作为推荐皮肤；推送包括所述推荐皮肤的皮肤列表；所述生成单元配置为：获取从所述皮肤列表中选择的目标皮肤。

在本申请的一些实施例中，基于前述方案，所述生成单元配置为：从所述前端皮肤库中确定出与所述树形结构的宽度和深度相匹配的皮肤，作为候选推荐皮肤；从所述候选推荐皮肤中确定出与所述实体中的元素相匹配的皮肤，作为推荐皮肤。

在本申请的一些实施例中，基于前述方案，在基于所述树状配置数据生成前端页面之前，所述第二添加单元还用于：将所述树状配置数据保存至树配置系统中；所述生成单元配置为：根据从所述树配置系统中获得的所述树状配置数据生成前端页面。