可视化页面开发的方法、装置、设备以及存储介质制造方法及图纸

本申请实施例提供了一种可视化页面开发的方法、装置、设备以及存储介质，涉及计算机视觉技术。具体实现方案为：启动预设开发工具；根据通过预设开发工具的可视化操作界面输入的页面开发信息，生成页面代码；页面开发信息包括：项目创建信息、页面配置信息、页面内容信息以及编译信息。本申请实施例中页面代码生成的各环节均采用相同的开发工具，提高了页面开发效率。

【技术实现步骤摘要】
可视化页面开发的方法、装置、设备以及存储介质
本申请实施例涉及计算机技术，尤其涉及一种计算机视觉技术。
技术介绍
随着智能终端的迅速发展，用户之间可以通过智能终端的页面分享功能来实现信息的快速传递，因此，页面开发具有重要的意义。目前页面开发过程包括页面代码的生成，页面代码的生成过程基本包括创建项目、创建页面以及配置页面、页面生成、编译等环节，但是上述各环节是独立进行的，使得页面代码的生成效率不高，进而页面开发效率不高。
技术实现思路
本申请提供了一种用于可视化页面开发的方法、装置、设备以及存储介质，本申请中的页面开发过程中页面代码生成的各环节均采用相同的开发工具，提高了页面开发效率。根据第一方面，提供了一种可视化页面开发的方法。一种可视化页面开发方法，包括：启动预设开发工具；根据通过所述预设开发工具的可视化操作界面输入的页面开发信息，生成页面代码；所述页面开发信息包括：项目创建信息、页面配置信息、页面内容信息以及编译信息。目前页面的开发过程中的页面代码的生成包括的创建项目、创建页面、页面配置、页面内容本文档来自技高网...

【技术保护点】
1.一种可视化页面开发方法，其特征在于，包括：/n启动预设开发工具；/n根据通过所述预设开发工具的可视化操作界面输入的页面开发信息，生成页面代码；所述页面开发信息包括：项目创建信息、页面配置信息、页面内容信息以及编译信息。/n

【技术特征摘要】
1.一种可视化页面开发方法，其特征在于，包括：
启动预设开发工具；
根据通过所述预设开发工具的可视化操作界面输入的页面开发信息，生成页面代码；所述页面开发信息包括：项目创建信息、页面配置信息、页面内容信息以及编译信息。


2.根据权利要求1所述的方法，其特征在于，所述预设开发工具的可视化操作界面：项目创建界面、页面配置界面、页面内容界面和编译界面；所述生成页面代码，包括：
根据通过项目创建界面输入的所述项目创建信息，生成页面框架代码；
根据通过页面配置界面输入的所述页面配置信息，生成页面配置代码；
根据通过页面内容界面输入的所述页面内容信息，生成页面内容代码；
根据通过编译界面输入的编译信息获取编译命令，并根据所述编译命令编译所述页面框架代码、页面配置代码和页面内容代码，得到所述页面代码。


3.根据权利要求1或2所述的方法，其特征在于，所述启动预设开发工具，包括：
通过第一服务启动所述预设开发工具。


4.根据权利要求3所述的方法，其特征在于，所述项目创建信息包括：项目名称；在所述获取页面框架代码之前还包括：
通过所述第一服务显示项目创建界面、获取通过所述项目创建界面输入的新项目的项目名称和触发的项目创建指令以及通过所述第一服务向服务器发送所述项目创建指令和所述项目名称；
接收来自服务器的项目创建命令；
根据所述项目创建信息，生成页面框架代码包括：
根据所述项目创建命令和所述项目名称通过第二服务生成所述页面框架代码。


5.根据权利要求3所述的方法，其特征在于，在所述生成页面配置代码之前，还包括：
通过所述第一服务显示所述页面配置界面、获取通过所述页面配置界面输入的所述页面配置信息和触发的所述页面配置代码生成指令以及通过所述第一服务向服务器发送所述页面配置信息和页面配置代码生成指令；
接收来自服务器的页面配置代码生成命令；
根据所述页面配置信息，获取页面配置代码，包括：根据页面配置代码生成命令和所述页面配置信息通过第二服务生成所述页面配置代码。


6.根据权利要求5所述的方法，其特征在于，在所述通过所述第一服务显示所述页面配置界面之前，还包括：
通过所述第一服务显示所述页面创建界面；
获取通过所述页面创建界面触发的页面配置指令；
所述通过所述第一服务显示所述页面配置界面，包括：根据所述页面配置指令通过所述第一服务在所述页面创建界面上显示页面的配置项，得到所述页面配置界面。


7.根据权利要求5所述的方法，其特征在于，在所述通过所述第一服务显示所述页面创建界面之前，还包括：
通过所述第二服务向服务器发送第一信息，所述第一信息指示所述页面框架代码生成成功；
接收来自所述服务器的第二信息，所述第二信息指示新项目创建完成；
通过所述第一服务显示更新后的项目列表界面，所述更新后的项目列表界面显示有新项目的图标；
获取通过操作所述新项目的图标触发的页面创建指令；
所述通过所述第一服务显示所述页面创建界面，包括：根据所述页面创建指令，通过所述第一服务显示所述页面创建界面。


8.根据权利要求3所述的方法，其特征在于，所述页面内容信息包括至少一个页面组件的配置信息；在所述生成页面内容代码之前，还包括：
通过所述第一服务显示页面内容界面、获取通过所述页面内容界面输入的页面组件的配置信息和触发的页面内容代码生成指令以及通过所述第一服务向服务器发送所述页面内容代码生成指令和所述页面组件配置信息；
接收来自所述服务器的页面内容代码生成命令；
根据所述页面内容信息，生成页面内容代码，包括：根据所述页面内容代码生成命令和所述页面组件配置信息通过第二服务生成所述页面内容代码。


9.根据权利要求8所述的方法，其特征在于，在所述通过第一服务显示页面内容界面之前，还包括：
通过所述第一服务显示页面生成界面，所述页面生成界面包括页面组件列表；
对于所述至少一个页面组件中的任意一个第一页面组件：获取通过所述页面组件列表触发的第一页面组件设置指令；
所述通过第一服务显示页面内容界面，包括：根据所述第一页面组件设置指令通过所述第一服务在所述页面生成界面上显示所述第一页面组件的配置项，得到所述页面内容界面，所述第一页面组件的配置项用于输入所述第一页面组件的配置信息。


10.根据权利要求9所述的方法，其特征在于，在获取通过所述第一页面组件配置项输入的第一页面组件的配置信息之后，还包括：
通过所述第一服务在所述页面内容界面上显示所述第一页面组件在页面中的显示效果预览图和/或所述第一页面组件的代码。


11.根据权利要求9或10所述的方法，其特征在于，在所述通过所述第一服务显示页面生成界面之前，包括：
通过所述第二服务向服务器发送第三信息，所述第三信息指示所述页面配置代码生成成功；
接收来自服务器的第四信息，所述第四信息指示页面配置完成；
所述通过所述第一服务显示页面生成界面，包括：根据所述第四信息，通过所述第一服务显示所述页面生成界面。


12.根据权利要求3所述的方法，其特征在于，所述编译信息包括编译指令；在所述根据通过编译界面输入的编译信息获取编译命令之前，还包括：通过所述第一服务显示编译界面以及获取通过所述编译界面触发的编译指令；
所述根据通过编译界面输入的编译信息获取编译命令，包括：通过所述第一服务将编译指令发送至服务器，接收来自所述服务器的编译命令。


13.根据权利要求12所述的方法，其特征在于，在所述通过所述第一服务显示编译界面之前，还包括：
通过第二服务向服务器发送第五信息，所述第五信息指示所述页面内容代码生成成功；
接收来自服务器的第六信息，所述第六信息指示页面内容生成完成；
所述通过所述第一服务显示编译界面，包括：根据所述第六信息，通过所述第一服务显示编译界面。


14.根据权利要求1或2所述的方法，其特征在于，所述可视化操作界面包括编译界面和联调界面，在所述生成页面代码之后，还包括：
通过所述编译界面触发联调指令；
根据所述联调指令显示联调界面，在所述联调界面上显示可用测试设备选择列表；
获取通过所述可用测试设备选择列表触发的目标测试设备选择指令；
向所述目标测试设备发送所述页面代码。


15.一种可视化页面开发装置，其特征在于，包括：
启动模块，用于启动预设开发工具；
生成模块，用于根据通过所述预设开发工具的可视化操作界面输入的页面开发信息，生成页面代码；所述页面开发信息包括：项目创建信息、页面配置信息、页面内容信息以及编译信息。


16.根据权利要求15所述的装置，其特征在于，所述预设开发工具的可视化操作界面：项目创建界面、页面配置界面、页面内容界面和编译界面；所述生成模块，具体用于：
根据通过项目创建界...

【专利技术属性】
技术研发人员：张研婷，
申请(专利权)人：百度在线网络技术北京有限公司，
类型：发明
国别省市：北京;11