【技术实现步骤摘要】
导航卡尺H5页面编排方法、装置、设备及介质
[0001]本专利技术涉及软件开发领域，提供一种导航卡尺H5页面编排方法、装置、设备及介质。
技术介绍
[0002]近年来，随着互联网智慧化时代的到来，H5(Html5)页面被广泛应用于活动推广、品牌宣传、产品介绍、会议邀请、个人简历以及公司招聘等诸多场景。然而，传统H5页面开发是需要专业人员敲打命令代码深入编程才能开发出相应的页面。一方面，采用上述方式需要专业培训及编程基础才能成为专业的程序员，从学习到能开发出来，时间周期非常长；另一方面，每次编程后，都需要运行一次，多次调试、操作繁琐；即使碰到相似功能页面，也需要对页面逐个进行开发，同时，开发过程高度定制化，难以复用，因此，亟需一种无需开发程序简单设置即可完成H5页面版面方法。
技术实现思路
[0003]本专利技术提供一种导航卡尺H5页面编排方法、装置、设备及介质，其主要目的在于利用导航卡尺来确定功能组件，通过调用功能组件来编排设计Html5页面，根据所述功能组件的编排样式、页面位置与组件层级关系在画布进行Htm...
【技术保护点】
【技术特征摘要】
1.一种导航卡尺H5页面编排方法，其特征在于，所述方法包括：获取网页应用程序页面中显示的各个功能模块；根据所述功能模块的名称调用服务器内各个功能模块对应的配置信息，按照所述配置信息将各个功能模块转换为图形编程的功能组件；每个所述功能组件根据功能差异在导航卡尺中形成与该功能组件关联的标识码，且该标识码满足唯一性；利用所述导航卡尺中各个所述标识码的调用记录确定待编排网页所需的各个所述功能组件；根据所述功能组件的编排样式、页面位置与所述层级关系在画布中进行Html5页面编排设计，生成关于Html5页面内容与样式排版的页面。2.如权利要求1所述的导航卡尺H5页面编排方法，其特征在于，所述根据所述功能模块的名称调用服务器内各个功能模块对应的配置信息，按照所述配置信息将各个功能模块转换为图形编程的功能组件步骤，包括：根据网页应用程序页面各个功能模块的名称获取服务器内各个功能模块相对应的配置信息；根据所述配置信息匹配待生成的编程工具组件的组件类型，按照所述待生成的编程工具组件对应的流程控制关键字选择预设的编辑框架模型；利用预设的编辑框架模型处理所功能模块，根据所述功能模块对应的配置信息生成相应源代码文件关联存储，并以图形显示相应的功能组件；所述功能组件至少包括图表类组件、控制类组件、文本类组件、布局类组件与页面编排组件。3.如权利要求1所述的导航卡尺H5页面编排方法，其特征在于，所述每个所述功能组件根据功能差异在导航卡尺中形成与该功能组件关联的标识码，且该标识码满足唯一性步骤，包括：所述功能组件按照功能差异划分为图表类组件、控制类组件、文本类组件、布局类组件与页面编排组件；按照所述功能组件的功能差异生成唯一的标识码，所述标识码的格式包括更新时间、标题、间隔以及标签，其中，所述更新时间为该功能组件的更新时间，所述标题为该功能组件的主题类型，所述间隔为分段显示大小，所述标签为功能组件的子标题。4.如权利要求1所述的导航卡尺H5页面编排方法，其特征在于，所述根据所述功能组件的编排样式、页面位置与所述层级关系在画布中进行Html5页面编排设计，生成关于Html5页面内容与样式排版的页面的步骤，包括：当监测到携带有层级信息的功能组件时，遍历所有的同层级的功能组件或父子层级的功能组件，根据所述功能组件的层级关系确定父子层级的功能组件的树状拓扑结构以及同层级的功能组件的平行拓扑结构；获取所述拓扑结构对应的所述功能组件在画布内的页面位置，当监测到待移动的功能组件对应的拖拽操作时，将所述待移动的功能组件移动至所述拖拽操作对应的释放位置处，并根据所述待移动的功能组件对应的尺寸信息及移动后的坐标信息更新所述功能组件；确定更新后的所述拓扑结构对应的所述功能组件在画布内的页面位置，并对各个所述
功能组件所涉及的文字、图片、图形进行样式编排，生成关于Html5页面内容与样式排版的页面。5.如权利要求1所述的导航卡尺...
【专利技术属性】
技术研发人员：杨镭，裘玥，王满，夏禹，
申请(专利权)人：深圳壹账通智能科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。