一种基于UI标注解析生成官网的方法技术

本发明专利技术公开一种基于UI标注解析生成官网的方法，涉及人力资源行业领域。该基于UI标注解析生成官网的方法，包括标注管理和页面管理；上传UI标注，通过解析ui标注，html文件获取页面布局生成完整的html页面；通过对可视化页面的模块编辑，修改背景颜色，修改文案，景替换背景图片，进行dom节点编辑，预览。该基于UI标注解析生成官网的方法，创建出一套通过系统解析ui标注html页面自动化官网生成系统，代替了开发通过ui绘制原型从0到1进行开发的过程，切支持二次修改样式，布局等，让官网以及升级优化变得快捷简单，产品经理可以跨过ui及开发人员通过可视化界面对组件进行拖拉拽就能轻松对官网进行优化升级，节省ui、开发、测试以及运维的资源。维的资源。维的资源。

【技术实现步骤摘要】
一种基于UI标注解析生成官网的方法


[0001]本专利技术涉及人力资源行业
，具体为一种基于UI标注解析生成官网的方法。

技术介绍

[0002]目前不管大公司还是小公司都会有属于自己的官网页面，官网可以用于树立企业品牌形象、提升企业荣誉、品牌推广功能、产品展示、传播企业文化、发布资讯、扩张销售渠道等。但是官网的从0到1需要耗费包括产品、ui、前端等人力资源去完成，并且完成周期少则一个月，多不上限。虽说有可以网上的官网库可以快速生成官网系统，但生成的系统一般都是写死的样式或模块，如果进行定制化官网设计还需要消耗人力去完成。

技术实现思路

[0003](一)解决的技术问题
[0004]针对现有技术的不足，本专利技术公开了一种基于UI标注解析生成官网的方法，以解决上述
技术介绍
中提出的问题。
[0005](二)技术方案
[0006]为实现以上目的，本专利技术通过以下技术方案予以实现：一种基于UI标注解析生成官网的方法，包括标注管理和页面管理；
[0007]标注管理：上传UI标注，通过解析ui标注，html文件获取页面布局生成完整的html页面；
[0008]页面管理：通过对可视化页面的模块编辑，修改背景颜色，修改文案，景替换背景图片，进行dom节点编辑，预览。
[0009]优选的，通过上传UI标注，读取标注html文件并解析获取页面模块，图片，文字进行构建生成完整可二次编辑的html页面。
[0010]优选的，所述生成可编辑页面后，可直接导出项目代码，也可对页面二次编辑，进行背景颜色、文案、模块位置、宽高等进行修改。
[0011]优选的，通过系统解析ui标注html页面生成可使用的项目代码，定稿后可导出项目代码。
[0012]本专利技术公开了一种基于UI标注解析生成官网的方法，其具备的有益效果如下：
[0013]该基于UI标注解析生成官网的方法，节省用人成本，利用官网自动生成系统，直接在系统中上传UI标注，通过解析ui标注html文件生成页面，不再需要专业开发人员从0搭建项目，节省了人力成本；定制化强，在生成页面的同时，支持对生成页面进行二次编辑，包括样式，文案，模块更改；最终得到产品满意的产品；操作简单(可视化操作)，通过系统解析ui标注html页面，生成可编辑html页面，实时可视化界面，对生成页面进行优化更改，不需要了解专业的前端知识即可完成整个页面；实时性，可以在可视区域的布局实时性看到页面布局效果；节省时间，通过系统解析ui标注html页面生成可使用的项目代码，节省了开发人
员从0到1的开发时间。
[0014]该基于UI标注解析生成官网的方法，通过对ui页面标注html代码进行解析提取，生成可编辑的可视化html页面，可以进行页面的二次编辑，最终可以直接导出项目代码，直接部署于测试环境/开发环境，可以对降低专业开发人员的人力成本。
[0015]创建出一套通过系统解析ui标注html页面自动化官网生成系统，代替了开发通过ui绘制原型从0到1进行开发的过程，切支持二次修改样式，布局等，让官网以及升级优化变得快捷简单，产品经理可以跨过ui及开发人员通过可视化界面对组件进行拖拉拽就能轻松对官网进行优化升级，节省ui、开发、测试以及运维的资源。
附图说明
[0016]图1为本专利技术操作系统流程图；
[0017]图2为本专利技术自动化官网生成系统示意图；
[0018]图3为本专利技术UI标注管理流程图；
[0019]图4为本专利技术项目代码生成流程图。
具体实施方式
[0020]尽管已经示出和描述了本专利技术的实施例，对于本领域的普通技术人员而言，可以理解在不脱离本专利技术的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型，本专利技术的范围由所附权利要求及其等同物限定。
[0021]结合说明书附图1
‑
4，一种基于UI标注解析生成官网的方法，包括标注管理和页面管理；
[0022]标注管理：上传UI标注，通过解析ui标注，html文件获取页面布局生成完整的html页面；
[0023]多目标分类模块，用于根据待标注图像的高层特征，利用深度学习技术计算图像库中各标签在标注待标注图像时的概率；
[0024]标签个数预测模块，用于根据待标注图像的高层特征，利用深度学习技术预测待标注图像所需的标签个数；
[0025]用于根据多目标分类模块所计算的标签概率和标签个数预测模块所预测的标签个数，利用概率最高的前N个标签对待标注图像进行标注，根据UI设计师的图像智能切图标注，无需手动切图标注，本专利技术在不影响UI设计师的设计，就可以完整而清晰地的将PS设计图中的每个元素的尺寸、位置、颜色、间距、字号等样式信息自动同步到系统平台，工程师可随时查看。
[0026]页面管理：通过对可视化页面的模块编辑，修改背景颜色，修改文案，景替换背景图片，进行dom节点编辑，预览，通过识别页面中由按预设条件对页面拆分后的若干模块进行转换形成的相互关联的智能对象，来基于所述智能对象对所述页面进行管理，在对一个页面中的智能对象进行维护管理时，可同时自动对其他页面中与该智能对象相关联的其他所有智能对象进行批量地维护管理，无需人工逐页地进行维护管理。
[0027]通过上传UI标注，读取标注html文件并解析获取页面模块，图片，文字进行构建生成完整可二次编辑的html页面。
[0028]所述生成可编辑页面后，可直接导出项目代码，也可对页面二次编辑，进行背景颜色、文案、模块位置、宽高等进行修改。
[0029]通过系统解析ui标注html页面生成可使用的项目代码，定稿后可导出项目代码；
[0030]工作原理：
[0031]利用官网自动生成系统，直接在系统中上传UI标注；
[0032]通过解析ui标注html文件生成页面，不再需要专业开发人员从0搭建项目，节省了人力成本；定制化强；
[0033]在生成页面的同时，支持对生成页面进行二次编辑，包括样式，文案，模块更改；
[0034]最终得到产品满意的产品；操作简单(可视化操作)，通过系统解析ui标注html页面，生成可编辑html页面，实时可视化界面，对生成页面进行优化更改，不需要了解专业的前端知识即可完成整个页面；
[0035]实时性，可以在可视区域的布局实时性看到页面布局效果；节省时间，通过系统解析ui标注html页面生成可使用的项目代码，节省了开发人员从0到1的开发时间。
[0036]读取用户当前定制的UI界面对应的预设配置文件，通过对预设配置文件进行解析获得UI界面中各个控件的配置信息，然后根据各个控件的配置信息对UI界面中各个控件进行显示或者隐藏，因此，针对于用户不同的UI界面定制，研发工程师不需要执行对UI界面对应的代码程序进行修改、增加、删除等操作，只需根据用户的定制修改对应配置文件中控件的配置信息。
[0037]以上显示和描述了本专利技术的基本原理和主本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于UI标注解析生成官网的方法，包括标注管理和页面管理；标注管理：上传UI标注，通过解析ui标注，html文件获取页面布局生成完整的html页面；页面管理：通过对可视化页面的模块编辑，修改背景颜色，修改文案，景替换背景图片，进行dom节点编辑，预览。2.根据权利要求1所述的一种基于UI标注解析生成官网的方法，其特征在于：通过上传UI标注，读取标注html文件并解析获取页面模块，图...

【专利技术属性】
技术研发人员：仪强，郭满忠，赵亚楠，
申请(专利权)人：聘聘云上海智能科技有限公司，
类型：发明
国别省市：