web页面实现方法、装置、电子设备及存储介质制造方法及图纸

技术编号:30755059 阅读:23 留言:0更新日期:2021-11-10 12:08
本发明专利技术公开了一种web页面实现方法、装置、电子设备及存储介质,该方法包括:在图形化编程平台上展示初始web页面,初始web页面包括显示界面和控件池;响应于web页面编辑指令,确定目标控件,目标控件属于控件池;根据目标控件的编辑指令,对显示界面进行渲染,生成渲染结果;根据渲染结果生成目标web页面,展示目标web页面。本发明专利技术实施例可实现将web页面转化为图形化编程平台可运行的编程语言后,实现在浏览器环境对web页面进行编辑,操作方法简单,而且对目标控件进行编辑的形式,操作可视化,开发成本低,开发效率高,为初学者学习web页面开发提供方便。发提供方便。发提供方便。

【技术实现步骤摘要】
web页面实现方法、装置、电子设备及存储介质


[0001]本专利技术涉及计算机
,尤其涉及一种web页面实现方法、装置、电子设备及存储介质。

技术介绍

[0002]web页面是使用HTML(hyper text markup language,超文本标记语言)语言建立的。任何一种web浏览器的计算机都能解释HTML语言,web浏览器把HTML语言翻译成为多媒体web文件的可视化表现,包括预先设计背景主题样式、页面标题、动画、页面标题等等。
[0003]HTML标记在浏览器中是不可见的,但是页面上的文本和图像是可见的。任何在web页面中见到的图片、声音或动画元素都是相互独立的文件。这些文件的名称,以及有关如何打开该文件,如何下载该文件和应把该文件放到web页面什么地方的信息,都由HTML标记提供。
[0004]web页面通常由HTML、JAVASCRIPT、CSS(Cascading Style Sheets,层叠样式表)等几部分进行支持。现有技术中的web页面的实现方式通过对HTML,JAVASCRIPT,CSS的后台程序本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种web页面实现方法,其特征在于,应用于图形化编程平台,所述图形化编程平台运行于浏览器环境,所述方法包括:在图形化编程平台上展示初始web页面,所述初始web页面包括显示界面和控件池;响应于web页面编辑指令,确定目标控件,所述目标控件属于所述控件池;根据所述目标控件的编辑指令,对所述显示界面进行渲染,生成渲染结果;根据渲染结果生成目标web页面,展示所述目标web页面。2.根据权利要求1所述的方法,其特征在于,所述在图形化编程平台上展示初始web页面前,所述方法还包括:预先将初始web页面中的显示界面参数与控件池参数定义为预设数据结构的数据,其中所述控件池设置在所述显示界面上。3.根据权利要求2所述的方法,其特征在于,所述显示界面参数包括项目标识、项目名称、界面标识,所述控件池为所述显示界面各个控件组成的控件列表;所述预先将初始web页面中的显示界面参数与控件池参数定义为预设数据结构的数据,包括:预先将所述显示界面的项目标识、项目名称、界面标识转化为第一JSON数据;预先将所述显示界面的控件列表转化为第二JSON数据;根据第一JSON数据和第二JSON数据的组合,生成初始web页面对应的目标JSON数据,存储所述目标JSON数据。4.根据权利要求1

3中任一项所述的方法,其特征在于,所述在图形化编程平台上展示初始web页面,包括:响应于web页面初始化指令,获取所述初始web页面的显示界面;根据显示界面获取对应的控件池;根据所述界面和所述控件池中对目标JSON数据进行渲染,生成所述初始web页面;展示所述初始web页面。5.根据权利要求4所述的方法,其特征在于,所述根据所述界面和所述控件池中对目标JSON数据进行渲染,生成初始web页面,包括:循环处理控件池中的每一个控件,根据所述每一个控件动态生成一个无属性的数据容器;将所述控件的属性赋值给无属性的数据容器,生成目标数据容器;根...

【专利技术属性】
技术研发人员:孙悦李天驰李其军
申请(专利权)人:深圳点猫科技有限公司
类型:发明
国别省市:

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

1