页面代码生成方法、装置、电子设备及存储介质制造方法及图纸

技术编号:43333116 阅读:24 留言:0更新日期:2024-11-15 20:30
本申请提供一种页面代码生成方法、装置、电子设备及存储介质,该方法包括:接收前端设备提交的表征页面开发详情的表单信息,表单信息包括前端框架名称、代码存放路径、项目名、代码生成规则、原型交互图以及多个用户界面UI图,原型交互图用于指示多个UI图对应的UI页面之间的交互情况;根据前端框架名称、代码存放路径和项目名进行前端项目初始化;根据代码生成规则、原型交互图和多个UI图,生成支持事件交互功能且可进行编译构建的前端项目代码;基于多个UI图对前端项目代码进行调整,生成目标前端代码。本申请可基于自动化的代码生成,节约人力成本、提升页面开发效率,且允许代码前端开发者对其进行修改,以保证页面开发效果。

【技术实现步骤摘要】

本申请涉及计算机,尤其涉及一种页面代码生成方法、装置、电子设备及存储介质


技术介绍

1、目前,在进行页面开发时,前端技术人员获取需求文档(用于记录当前需求对应的开发时间,上线时间,当前需求所需的各种文档以及对当前需求的简要解释等)和原型文档(用于记录当前需求的具体交互以及实现方式)后,根据需求文档及原型文档开发出适配的、用户可交互的前端页面。

2、在开发过程中,需要用到各类前端框架及打包工具,且技术人员采用手动方式进行编码,此种处理方式会耗费人力,导致人力成本过高,且耗时较长、效率低,进而影响页面开发的效率。


技术实现思路

1、鉴于上述问题,本申请实施例提供一种克服上述问题或者至少部分地解决上述问题的页面代码生成方法、装置、电子设备及存储介质。

2、第一方面,本申请实施例提供了一种页面代码生成方法,应用于服务端,包括:

3、接收前端设备提交的表征页面开发详情的表单信息,所述表单信息包括前端框架名称、代码存放路径、项目名、代码生成规则、原型交互图以及多个用户界面ui图,所述本文档来自技高网...

【技术保护点】

1.一种页面代码生成方法,应用于服务端,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述接收前端设备提交的表征页面开发详情的表单信息,包括:

3.根据权利要求1所述的方法,其特征在于,所述根据所述前端框架名称、所述代码存放路径和所述项目名,进行前端项目初始化,包括:

4.根据权利要求1或3所述的方法,其特征在于,所述代码生成规则包括所述原型交互图对应的多个功能模块和所述多个功能模块对应的模块介绍,每个模块对应至少一交互事件;

5.根据权利要求4所述的方法,其特征在于,所述基于所述待检测代码生成所述前端项目代码,包括:...

【技术特征摘要】

1.一种页面代码生成方法,应用于服务端,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述接收前端设备提交的表征页面开发详情的表单信息,包括:

3.根据权利要求1所述的方法,其特征在于,所述根据所述前端框架名称、所述代码存放路径和所述项目名,进行前端项目初始化,包括:

4.根据权利要求1或3所述的方法,其特征在于,所述代码生成规则包括所述原型交互图对应的多个功能模块和所述多个功能模块对应的模块介绍,每个模块对应至少一交互事件;

5.根据权利要求4所述的方法,其特征在于,所述基于所述待检测代码生成所述前端项目代码,包括:

6.根据权利要求4所述的方法,其特征在于,在生成所述前端项目代码的过程中,还包括:

7.根据权利要求4所述的方法,其...

【专利技术属性】
技术研发人员:李馨馨刘海涛
申请(专利权)人:五八畅生活北京信息技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1