【技术实现步骤摘要】
本申请涉及计算机，具体涉及计算机软件，尤其涉及一种前端代码生成方法和装置。
技术介绍
1、随着互联网技术的发展，前端智能化成为必然趋势。构建将ui(user interface，用户界面)稿自动转化为代码的平台，不仅能提高前端开发的效率，而且能够解放前端生产力，降低人工成本。但如何智能、高效、保质保真地将ui图稿一键生成可维护的ui视图代码，其中，精确还原页面布局尤为重要。
2、现有的布局推导算法局限不仅推导过程逻辑复杂，推导效率差，代码可读性差，而且在样式推导过程使用外边距maigin实现相对定位，对于布局样式没有较好的推导方式。在实际的应用场景中，页面中元素的布局结构复杂，层层嵌套，导致现有的页面布局推导方法生层的页面还原度低。并且不够规范的视觉设计稿，直接影响页面布局推导的结果，所以需要提前制定ui设计规则，或强制性增加布局等，但这些限制性条件导致布局推导方法通用性能差，不能自适应复杂的应用场景。
技术实现思路
1、本申请实施例提供了一种前端代码生成方法、装置、设备以及存
【技术保护点】
1.一种前端代码生成方法，所述方法包括：
2.根据权利要求1所述的方法，其中，所述属性信息包括：视图元素的绝对定位信息、高度和宽度，以及所述基于所述各视图元素的属性信息，确定出对应于同一父视图元素的子视图元素，包括：
3.根据权利要求1所述的方法，其中，所述属性信息包括：视图元素的绝对定位信息中的纵坐标和高度，以及所述行相关性信息通过以下方式得到：
4.根据权利要求1所述的方法，其中，所述属性信息包括：视图元素的绝对定位信息中的横坐标和宽度，所述列相关性信息通过以下方式得到：
5.根据权利要求1-4任一所述的方法，其中，...
【技术特征摘要】
1.一种前端代码生成方法，所述方法包括：
2.根据权利要求1所述的方法，其中，所述属性信息包括：视图元素的绝对定位信息、高度和宽度，以及所述基于所述各视图元素的属性信息，确定出对应于同一父视图元素的子视图元素，包括：
3.根据权利要求1所述的方法，其中，所述属性信息包括：视图元素的绝对定位信息中的纵坐标和高度，以及所述行相关性信息通过以下方式得到：
4.根据权利要求1所述的方法，其中，所述属性信息包括：视图元素的绝对定位信息中的横坐标和宽度，所述列相关性信息通过以下方式得到：
5.根据权利要求1-4任一所述的方法，其中，所述基于所述dom树生成所述目标ui视图界面对应的完整的前端代码，包括：
6.根据权利要求1-4任一所述的方法，其中，所述基于所述dom树生成所述目标ui视图界面对应的完整的前端代码包括：
...
【专利技术属性】
技术研发人员：霍颖惠，杨艳春，魏珊珊，董英姿，王浩，胡景贺，颜伟鹏，
申请(专利权)人：北京沃东天骏信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。