CN111177621B - 一种web页面开发方法、装置及*** - Google Patents
一种web页面开发方法、装置及*** Download PDFInfo
- Publication number
- CN111177621B CN111177621B CN201911340159.7A CN201911340159A CN111177621B CN 111177621 B CN111177621 B CN 111177621B CN 201911340159 A CN201911340159 A CN 201911340159A CN 111177621 B CN111177621 B CN 111177621B
- Authority
- CN
- China
- Prior art keywords
- web page
- vue
- updated
- json file
- vue component
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000011161 development Methods 0.000 title claims abstract description 141
- 238000000034 method Methods 0.000 title claims abstract description 65
- 238000009877 rendering Methods 0.000 claims abstract description 64
- 238000012986 modification Methods 0.000 claims abstract description 24
- 230000004048 modification Effects 0.000 claims abstract description 24
- 238000012790 confirmation Methods 0.000 claims description 4
- 230000008569 process Effects 0.000 abstract description 10
- 238000010586 diagram Methods 0.000 description 9
- 238000013461 design Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 4
- 230000003993 interaction Effects 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 238000004590 computer program Methods 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000012856 packing Methods 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000011022 operating instruction Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本公开关于一种web页面开发方法、装置、电子设备以及存储介质,用以至少解决相关技术中web页面开发更新过程需要大量重复的代码编写,每次修改后均需要重新编译上线,而导致web页面开发更新效率较低的问题,方法包括:根据接收到的web页面开发请求,确定待开发web页面的页面需求;根据所述页面需求,创建与所述待开发web页面对应的json文件,其中,所述json文件中各节点分别携带有对应的vue组件的唯一标识;根据所述json文件中各节点携带的vue组件的唯一标识,确定用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及一种web页面开发方法、装置及***。
背景技术
随着互联网信息技术的飞速发展,终端设备的日益普及,而越来越多针对终端设备的应用程序(Application,APP)被开发出来,极大地丰富了人们的生活,且逐渐成为人们工作和生活中不可或缺的一部分。
而同样由于APP与人们日常生活关系越来越紧密,从另外一方面也就导致用户对于APP页面展示的要求越来越高。为了可以给用户带来更好的使用体验,APP开发企业对于web页面的前端开发要求也变得越来越高。
在应用程序开发过程中,前端开发是其中必不可少的一环。其中,前端开发是指创建网页页面或应用程序等前端界面呈现给用户的过程,其主要功能是把互联网产品的界面以一种更好、更便捷地方式呈现给用户,通过例如超文本标记语言(HyperTextMarkupLanguage,HTML)、层叠样式表(Cascading Style Sheet,CCS)工具、脚本语言(JavaScript)以及其他衍生出来的各种技术、框架、解决方案等,实现互联网产品的用户界面交互。
传统的互联网产品的web页面开发过程主要包括:1、设计师绘制页面图像文件;2、人工分析该图像文件,确定页面样式布局;3、编写代码描述页面样式布局;4、将编写好的代码转换成图形处理器能够执行的页面配置信息,例如视图层代码,基于该页面配置信息可以实现在目标终端屏幕上显示与页面设计数据对应的页面。由此可见,现有的web页面开发过程,从页面设计到编写样式布局代码的过程中需要大量的人工操作,极大地降低了前端开发的效率。
此外,目前大部分APP界面往往会根据当前节日、热点事件以及当前推广活动等对APP的显示页面进行一些字体、颜色、背景图以及文字的调整,该调整后的页面可能仅仅是为了在某一个节日活动中展示一天就结束了,而为了进行这样的页面调整,往往需要页面开发人员进行编写大量重复代码,且每次修改后都需要重新进行编译上线,大量重复乏味的工作一方面会消耗开发人员的工作热情,另外一方面还极大地降低了web页面的开发更新效率。
由此可见,如何尽量减少web页面开发更新过程中大量重复的代码编写,避免每次修改后的编译上线,以尽可能地提高web页面的开发效率,成为现有技术亟待解决的问题。
发明内容
本公开提供一种web页面开发方法、装置及***,以至少解决相关技术中web页面开发更新过程需要大量重复的代码编写,每次修改后均需要重新编译上线,而导致web页面开发更新效率较低的问题。本公开的技术方案如下:
根据本公开实施例的第一方面,提供一种web页面开发方法,包括:
根据接收到的web页面开发请求,确定待开发web页面的页面需求;根据所述页面需求,创建与所述待开发web页面对应的json文件,其中,所述json文件中各节点分别携带有对应的vue组件的唯一标识;根据所述json文件中各节点携带的vue组件的唯一标识确定用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面。
在一种实施方式中,确定与所述页面需求对应的vue组件集合,并确定所述vue集合中各vue组件的唯一标识;根据所述页面需求,确定所述vue集合中各vue组件对应的样式信息以及属性信息;根据所述vue组件集合中各vue组件的唯一标识,创建所述json文件中各节点的唯一标识,并将所述vue集合中各vue组件对应的样式信息以及属性信息,写入所述json文件的对应节点中。
在一种实施方式中,根据所述json文件中各节点携带的vue组件的唯一标识,确定用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面,包括:遍历所述json文件,根据所述json文件中各个节点的唯一标识,分别确定所述json文件中各个节点对应的vue组件;将所述json文件中各个节点对应的vue组件,确定为用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面。
在一种实施方式中,利用所述vue组件集合中的各vue组件渲染生成web页面,包括:根据所述json文件中各节点所包含的样式信息以及属性信息,分别确定所述vue组件集合中各vue组件对应的样式信息以及属性信息;所述vue组件集合中的各vue组件利用所述对应的样式信息以及属性信息,渲染生成web页面。
在一种实施方式中,创建与所述待开发web页面对应的json文件,包括:根据所述待开发web页面查询参数的身份标识字段,创建与所述身份标识字段对应的json文件。
根据本公开实施例的第二方面,提供一种web页面更新方法,包括:
根据接收到的web页面更新请求,确定待更新web页面的更新需求;
根据所述更新需求,修改与所述待更新web页面对应的json文件,其中,所述json文件中各节点分别携带有对应的vue组件的唯一标识;
根据修改后的json文件中各节点携带的vue组件的唯一标识,确定用于更新所述待更新web页面的、更新后的vue组件集合,利用所述更新后的vue组件集合中的各更新后的vue组件渲染更新所述待更新web页面。
在一种实施方式中,根据所述更新需求,修改与所述待更新web页面对应的json文件,包括:根据所述待更新web页面查询参数的身份标识字段,确定与所述待更新web页面对应的json文件;确定与所述更新需求对应的、更新后的vue组件集合,并确定所述更新后的vue集合中各更新后的vue组件的唯一标识;根据所述更新需求,确定所述更新后的vue组件集合中各更新后的vue组件对应的更新后的样式信息以及更新后的属性信息;根据所述更新后的vue组件集合,修改所述json文件中各节点的唯一标识,以使得修改后所述json文件中各节点的唯一标识与所述更新后vue组件集合中各更新后的vue组件的唯一标识对应;根据所述更新后的样式信息以及所述更新后的属性信息,修改所述json文件中各节点的包含的样式信息以及属性信息。
在一种实施方式中,利用所述更新后的vue组件集合中的各更新后的vue组件渲染更新所述待更新web页面,包括:根据修改后的json文件中各节点所包含的样式信息以及属性信息,分别确定所述更新后的vue组件集合中各更新后的vue组件对应的样式信息以及属性信息;所述更新后的vue组件集合中的各更新后的vue组件利用所述对应的样式信息以及所述属性信息,渲染更新所述待更新web页面。
根据本公开实施例的第三方面,提供一种web页面开发装置,包括:
需求确定单元,被配置为执行根据接收到的web页面开发请求,确定待开发web页面的页面需求;文件创建单元,被配置为执行根据所述页面需求,创建与所述待开发web页面对应的json文件,其中,所述json文件中各节点分别携带有对应的vue组件的唯一标识;渲染单元,被配置为执行根据所述json文件中各节点携带的vue组件的唯一标识,确定用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面。
在一种实施方式中,文件创建单元具体被配置为执行:确定与所述页面需求对应的vue组件集合,并确定所述vue集合中各vue组件的唯一标识;根据所述页面需求,确定所述vue集合中各vue组件对应的样式信息以及属性信息;根据所述vue组件集合中各vue组件的唯一标识,创建所述json文件中各节点的唯一标识,并将所述vue集合中各vue组件对应的样式信息以及属性信息,写入所述json文件的对应节点中。
在一种实施方式中,渲染单元具体被配置为执行:遍历所述json文件,根据所述json文件中各个节点的唯一标识,分别确定所述json文件中各个节点对应的vue组件;将所述json文件中各个节点对应的vue组件,确定为用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面。
在一种实施方式中,渲染单元具体被配置为执行:根据所述json文件中各节点所包含的样式信息以及属性信息,分别确定所述vue组件集合中各vue组件对应的样式信息以及属性信息;所述vue组件集合中的各vue组件利用所述对应的样式信息以及属性信息,渲染生成web页面。
在一种实施方式中,稳文件创建单元具体被配置为执行:根据所述待开发web页面查询参数的身份标识字段,创建与所述身份标识字段对应的json文件。
根据本公开实施例的第四方面,提供一种web页面更新装置,包括:
更新需求确认单元,被配置为执行根据接收到的web页面更新请求,确定待更新web页面的更新需求;文件修改单元,被配置为执行根据所述更新需求,修改与所述待更新web页面对应的json文件,其中,所述json文件中各节点分别携带有对应的vue组件的唯一标识;更新单元,被配置为执行根据修改后的json文件中各节点携带的vue组件的唯一标识,确定用于更新所述待更新web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染更新所述待更新web页面。
在一种实施方式中,文件修改单元具体被配置为执行:根据所述待更新web页面查询参数的身份标识字段,确定与所述待更新web页面对应的json文件;确定与所述更新需求对应的、更新后的vue组件集合,并确定所述更新后的vue集合中各更新后的vue组件的唯一标识;根据所述更新需求,确定所述更新后的vue组件集合中各更新后的vue组件对应的更新后的样式信息以及更新后的属性信息;根据所述更新后的vue组件集合,修改所述json文件中各节点的唯一标识,以使得修改后所述json文件中各节点的唯一标识与所述更新后vue组件集合中各更新后的vue组件的唯一标识对应;根据所述更新后的样式信息以及所述更新后的属性信息,修改所述json文件中各节点的包含的样式信息以及属性信息。
在一种实施方式中,更新单元具体被配置为执行:根据修改后的json文件中各节点所包含的样式信息以及属性信息,分别确定所述更新后的vue组件集合中各更新后vue组件对应的样式信息以及属性信息;所述更新后的vue组件集合中各更新后vue组件利用所述样式信息以及所述属性信息,渲染更新所述待更新web页面。
根据本公开实施例的第五方面,提供一种web页面开发电子设备,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现上述第一方面中任一项web页面开发方法步骤。
根据本公开实施例的第六方面,提供一种web页面更新电子设备,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现上述第二方面中任一项web页面更新方法步骤。
根据本公开实施例的第七方面,提供一种存储介质,包括:
当所述存储介质中的指令由web页面开发电子设备的处理器执行时,使得所述web页面开发电子设备能够执行上述第一方面中任一项web页面开发方法步骤。
根据本公开实施例的第八方面,提供一种存储介质,包括:
当所述存储介质中的指令由web页面更新电子设备的处理器执行时,使得所述web页面更新电子设备能够执行上述第二方面中任一项web页面更新方法步骤。
根据本公开实施例的第九方面,提供一种计算机程序产品,包括:
当其在设备上运行时,使得项目打包设备执行:上述第一方面中任一项web页面开发方法步骤。
根据本公开实施例的第十方面,提供一种计算机程序产品,包括:
当其在设备上运行时,使得项目打包设备执行:上述第二方面中任一项web页面更新方法步骤。
本公开的实施例提供的技术方案至少带来以下有益效果:
采用本公开实施例提供的web页面开发方法,在接收到的web页面开发请求后,首先可以确定待开发web页面的页面需求,进而可以根据确定的页面需求,创建与待开发web页面对应的json文件,在该json文件中记录有渲染该web页面所需用到的vue组件集合中各vue组件的唯一标识,则在进行web页面开发时,只需根据该json文件确定用于渲染待开发web页面的vue组件,并利用该些vue组件,根据json文件中记录的样式信息以及属性信息渲染生成web页面,即可完成web页面开发。且当需要对已开发的web页面进行更新时,也只需要确定该web页面所对应的json文件,并按照接收到的修改需求,对该json文件中对应节点的唯一标识以及所携带的样式信息和属性信息进行修改即可,而不需要重复编写整个web页面的代码,也不需要在每次修改代码后重新进行编译上线,极大地提高web页面的开发更新效率。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种web页面开发方法的流程图。
图2是根据一示例性实施例示出的一种web页面更新方法的流程图。
图3是根据一示例性实施例示出的一种web页面开发装置的框图。
图4是根据一示例性实施例示出的一种web页面更新装置的框图。
图5是根据一示例性实施例示出的一种web页面开发电子设备的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
以下结合附图,详细说明本公开的实施例所提供的技术方案。
本公开的实施例提供了一种web页面开发方法,用以至少解决相关技术中web页面开发更新过程需要大量重复的代码编写,每次修改后均需要重新编译上线,而导致web页面开发更新效率较低的问题。
本公开的实施例提供的web页面开发方法的执行主体,可以但不限于为手机、平板电脑、个人电脑(Personal Computer,PC)、智能电视以及任何可以运行应用程序的终端设备中的至少一种。或者,该方法的执行主体也可以是安装在上述设备上的应用程序本身。此外该方法的执行主体还可以是预先构建的前端应用开发平台。
为便于描述,下文以该方法的执行主体为预先构建的前端应用开发平台为例,对本公开的实施例所提供的web页面开发方法进行介绍。可以理解,该方法的执行主体为预先构建的前端应用开发平台只是一种示例性的说明,并不应理解为对本公开实施例的限定。
图1是根据一示例性实施例示出的一种web页面开发方法的流程图,如图1所示,该web页面开发方法用于开发平台中,包括以下步骤:
在步骤S101中,根据接收到的web页面开发请求,确定待开发web页面的页面需求;
具体的说,在本实施例中执行主体为预先构建的、部署有本实施例所说的web页面独立开发流程的开发平台,这里需要说明的是,在实际应用中,该开发平台可以是传统的物理服务器(需要占用实际物理空间),也可以是虚拟云服务器,此处不做限制。
在本公开实施例中,开发平台接收到的web页面开发请求一般是由程序开发人员触发的,开发人员可以与该开发平台进行交互,以通过开发平台输入针对待开发web页面的页面需求。在本公开实施例中,开发人员具体可以通过终端设备中自带的或第三方的Web浏览器访问该开发平台,以实现与该开发平台的交互。其中,具体的页面开发请求触发方式,以及输入针对待开发web页面的页面需求的方式,本领域的技术人员可以根据需要进行自行设置,此处不做具体限制。
此外,本实施例中所说的针对待开发web页面的页面需求,可以是由需求工程师根据项目需求设计的Web前端页面的用例图、流程图、产品原型等,此处不再一一列举,对此也不做限制。
关于上述所说的用例图(User Case),具体是指由参与者(Actor)、用例(UseCase),边界以及它们之间的关系构成的用于描述***功能的视图,在用例图中展示的为外部用户(被称为参与者)所能观察到的***功能的模型图。
流程图,则是用来表示该Web前端页面在使用过程中,展示在该Web前端页面中各个功能组件关联、用户操作的一个实现流程。
产品原型,在实际应用中可以概括的说是整个前端应用产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原型开发的设计阶段,简单的来说是将前端页面的模块、元素、人机交互的形式,利用线框描述的方法,将产品脱离皮肤状态下更加具体跟生动的进行表达,通过产品原型就可以知道需要合成的前端应用所能实现的功能、前端应用需要包含的前端页面的数量及各页面的样式、风格、属性参数等。
在步骤S102中,根据通过执行步骤101所确定的页面需求,创建与待开发web页面对应的json文件;
其中,在一种实施方式中,开发平台创建的、与待开发web页面对应的json文件的唯一标识,可以是根据待开发web页面查询参数(Query参数)的id字段确定的。进而便于后续在对该web页面更新时,可以根据该web页面查询参数的id字段,快速地确定出与该web页面对应的json文件。
在本公开实施例中,通过创建与待开发web页面对应的json文件,以便于通过该json文件记录该待开发web页面的需求信息,进而后续可以通过该json文件确定渲染该web页面所需要的组件以及相关参数,同时也便于后续在对该web页面进行更新时,可以根据该json文件快捷地实现页面修改。为了达到上述目标,在创建与待开发web页面对应的json文件,需要根据web页面的开发需求,确定待开发web页面的相关信息,并记录在该json文件中。
在一种实施方式中,创建与待开发web页面对应的json文件具体可以包括:确定与所述页面需求对应的vue组件集合,并确定所述vue集合中各vue组件的唯一标识;根据所述页面需求,确定所述vue集合中各vue组件对应的样式信息以及属性信息;根据所述vue组件集合中各vue组件的唯一标识,创建所述json文件中各节点的唯一标识,并将所述vue集合中各vue组件对应的样式信息以及属性信息,写入所述json文件的对应节点中。
其中,Vue是一套用于构建用户界面的渐进式JavaScript开发框架,Vue的核心库只关注视图层,具有以数据驱动视图变化的特性。不同的vue组件可以展示不同格式的数据内容,在web页面中实现不同的功能,例如,根据开发需求待开发web页面中包含图像展示区域、视频展示区域、音频展示区域以及文字展示区域四个部分,则该待开发web页面中图像展示区域由“图像vue组件”来渲染实现,视频展示区域由“视频vue组件”来渲染实现,音频展示区域由“音频vue组件”来渲染实现,以此类推。由此可见,当通过执行步骤S101,开发平台接收到携带有页面需求的页面开发请求后,即可根据页面需求中页面设计人员有关待开发web页面样式的设计,确定出在开发该web页面时所需使用的vue组件集合。
例如,开发平台根据接收到的页面开发请求中所携带的页面需求,确定该待开发页面的样式为:由两个图像展示区域,一个视频展示区域以及两个个文字展示区域,一共5个展示模块组成。则根据该web页面的页面需求,开发平台可以确定由两个“图像vue组件”、一个“视频vue组件”以及两个“文字vue组件”组成的vue组件集合可以作为开发该web页面时所需使用的vue组件集合。
开发平台在根据页面需求确定出开发web页面所需使用的vue组件集合后,可以根据该vue组件集合中所包含的vue组件,来确定json文件的节点数量,以及各个节点所对应的id。例如,开发平台确定开发web页面所需使用的vue组件集合包括:一个“图像vue组件”、一个“视频vue组件”以及两个“文字vue组件”,共计4个vue组件,则开发平台在创建json文件时,可以为该json文件编写四个节点,各个节点分别对应于vue组件集合中的一个vue组件。
且为了便于分辨json文件中各节点与vue组件集合中各vue组件之间的对应关系,开发平台在确定出开发web页面所需使用的vue组件集合后,可以分别为该组件集合中的组件设置唯一id,比如“图像vue组件”的id为:a1、“视频vue组件”的id为b1,第一个“文字vue组件”的id为c1,第二个“文字vue组件”的id为c2,进而后续开发平台在创建json文件时,可以根据vue组件的id,设置json文件中各节点的id,则可以将json文件中各个节点的id依次设置为:a1、b1、c1以及c2。
同时,开发平台还可以通过页面需求确定待开发web页面中各个展示模块的位置、大小以及颜色等展示样式参数,进而开发平台可以将该些页面样式参数写入对应json文件中特定节点中,以便后续可以根据该些样式参数,使用vue组件进行页面渲染。仍以上文例子进行说明,假设开发平台根据页面需求确定待开发web页面“图像展示区域”的样式参数为:“位置(a1,b1),颜色:绿色”,可以由“图像vue组件”a1渲染;“视频展示区域”的样式参数为:“位置(a2,b3),颜色:红色”,可以由“视频vue组件”b1渲染;“文字展示区域1”的样式参数为:“位置(a3,b4),颜色:蓝色”,可以由“文字vue组件”c1渲染;“文字展示区域2”的样式参数为:“位置(a5,b7),颜色:紫色”,可以由“文字vue组件”c2渲染。则开发平台所创建的json文件中可以包含id为:a1、b1、c1以及c2的四个节点,且节点a1中包含样式参数:“位置(a1,b1),颜色:绿色”;节点b1中包含样式参数:“位置(a2,b3),颜色:红色”;节点c1中包含样式参数:“位置(a3,b4),颜色:蓝色”;节点c2中包含样式参数:“位置(a5,b7),颜色:紫色”。
在步骤S103中,根据通过执行步骤S102创建的json文件中各节点携带的vue组件的唯一标识,确定用于渲染待开发web页面的vue组件集合,并利用vue组件集合中的各vue组件渲染生成web页面。
开发平台在完成与待开发web页面对应的json文件的创建后,开发平台通过遍历该json文件,进而可以根据该json文件中各节点的id,确定出渲染该web页面的vue组件,具体地,在一种实施方式中,可以通过下述方式从json文件确定出用于渲染待开发web页面的vue组件:遍历所述json文件,根据json文件中各个节点的唯一标识,分别确定json文件中各个节点对应的vue组件;将所述json文件中各个节点对应的vue组件,确定为用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面。
一般地,每一Vue组件以配置文件的形式记录了该组件的各个属性项,vue组件通过对该些属性项进行赋值,即可以渲染生成对应的web页面展示模块。则在本公开实施例中,开发平台可以分别从json文件的中各节点提取样式参数,作为对应vue组件各属性项的参数值,具体地,本公开实施例提供的方法可以包括:根据所述json文件中各节点所包含的样式信息以及属性信息,分别确定所述vue组件集合中各vue组件对应的样式信息以及属性信息;所述vue组件集合中的各vue组件利用所述对应的样式信息以及属性信息,渲染生成web页面。
在一种实施方式中,假设根据json文件中节点a1确定的“图像vue组件”包括“属性项a:位置”和“属性项b:颜色”,则开发平台可以进一步从json文件的节点a1中确定样式参数为“位置(a1,b1),颜色:绿色”,进而开发平台可以将“图像vue组件”属性项a赋值为:“位置(a1,b1)”,将“图像vue组件”属性项b赋值为:“颜色:绿色”,进而可以通过该“图像vue组件”,利用赋值的样式参数完成图像展示区域的渲染。进而开发平台可以通过根据json文件确定的vue组件渲染生成web页面的各个展示模块,并通过将该些展示模块进行拼接,以生成完整的web页面。
由于该web页面开发过程是基于Vue组件实现的,Vue组件的目标是通过尽可能简单的API实现数据绑定和视图组件的绑定,使得数据和视图关联。进而屏蔽掉底层对网页繁琐的文档对象模型(Document Object Model,DOM)操作,极大地降低web页面的开发难度。
采用本公开实施例提供的web页面开发方法,在接收到的web页面开发请求后,首先可以确定待开发web页面的页面需求,进而可以根据确定的页面需求,创建与待开发web页面对应的json文件,在该json文件中记录有渲染该web页面所需用到的vue组件集合中各vue组件的唯一标识,则在进行web页面开发时,只需根据该json文件确定用于渲染待开发web页面的vue组件,并利用该些vue组件,根据json文件中记录的样式信息以及属性信息渲染生成web页面,即可完成web页面开发。且当需要对已开发的web页面进行更新时,也只需要确定该web页面所对应的json文件,并按照接收到的修改需求,对该json文件中对应节点的唯一标识以及所携带的样式信息和属性信息进行修改即可,而不需要重复编写整个web页面的代码,也不需要在每次修改代码后重新进行编译上线,极大地提高web页面的开发更新效率。
图2是根据一示例性实施例示出的一种web页面更新方法的流程图,如图2所示,该web页面更新方法用于开发平台中,包括以下步骤:
在步骤S201中,开发平台可以根据接收到的web页面更新请求,确定待更新web页面的更新需求;
在本公开实施例中,开发平台接收到的web页面更新请求一般是由程序开发人员触发的,开发人员可以与该开发平台进行交互,以通过开发平台输入针对待开发web页面的页面需求。在本公开实施例中,开发人员具体可以通过终端设备中自带的或第三方的Web浏览器访问该开发平台,以实现与该开发平台的交互。其中,具体的页面更新请求触发方式,以及输入针对待更新web页面的更新需求的方式,本领域的技术人员可以根据需要进行自行设置,此处不做具体限制。
另外,针对待更新web页面的更新需求,可以是由需求工程师根据项目需求,对原web页面样式、颜色、背景等内容进行的修改。
在步骤S202中,开发平台可以根据通过执行步骤S201确定的更新需求,修改与待更新web页面对应的json文件;
在一种实施方式中,开发平台可以根据更新需求,确定更新后的web页面中新增了哪些展示模块,又有哪些原有的展示模块进行了调整,进而开发平台可以根据待更新web页面查询参数的id字段,确定出与该web页面对应的json文件,并根据更新需求对该json文件进行修改。
在本公开实施例中,具体可以通过下述方法对json文件进行更新:根据所述待更新web页面查询参数的身份标识字段,确定与所述待更新web页面对应的json文件;确定与所述更新需求对应的、更新后的vue组件集合,并确定所述更新后的vue集合中各更新后的vue组件的唯一标识;根据所述更新需求,确定所述更新后的vue组件集合中各更新后的vue组件对应的更新后的样式信息以及更新后的属性信息;根据所述更新后的vue组件集合,修改所述json文件中各节点的唯一标识,以使得修改后所述json文件中各节点的唯一标识与所述更新后vue组件集合中各更新后的vue组件的唯一标识对应;根据所述更新后的样式信息以及所述更新后的属性信息,修改所述json文件中各节点的包含的样式信息以及属性信息。
例如,假设原web页面包括:一个图像展示区域、一个视频展示区域和一个音频展示区域,开发平台根据更新需求确定更新后的web页面新增了一个图像展示区域,并对视频展示区域在web页面中的位置进行了调整,则开发平台可以在该web页面对应的json文件中新增加一个节点,该新增节点的id对应于一个新增的“图像vue组件”,该节点包含新增图像展示区域的样式参数;同时开发平台可以对json文件中与“视频vue组件”对应的节点中所包含样式参数中的位置参数进行调整,以完成对json文件的修改。
在步骤S203中,开发平台可以根据通过执行步骤S102修改后的json文件确定用于更新待更新web页面的vue组件,利用vue组件渲染更新待更新web页面。
开发平台通过遍历修改后的json文件,根据修改后的json文件中各节点的id,确定出渲染该web页面的vue组件,并利用该些vue组件,利用修改后json文件中各节点包含的样本参数,渲染更新web页面。
具体地,在本公开实施例中,可以通过下述方法完成对web页面的更新:根据修改后的json文件中各节点所包含的样式信息以及属性信息,分别确定所述更新后的vue组件集合中各更新后的vue组件对应的样式信息以及属性信息;所述更新后的vue组件集合中的各更新后的vue组件利用所述对应的样式信息以及所述属性信息,渲染更新所述待更新web页面
采用本公开实施例提供的web页面更新方法,在接收到的web页面更新请求后,开发平台也只需要确定该待更新web页面所对应的json文件,并按照接收到的修改需求,对该json文件中对应节点的唯一标识以及所携带的样式信息和属性信息进行修改即可,而不需要重复编写整个web页面的代码,也不需要在每次修改代码后重新进行编译上线,极大地提高web页面的开发更新效率。
图3是根据一示例性实施例示出的一种web页面开发装置框图。参照图3,该装置包括需求确定单元121,文件创建单元122和渲染单元123。
该需求确定单元121被配置为执行根据接收到的web页面开发请求,确定待开发web页面的页面需求;
该文件创建单元122被配置为执行根据所述页面需求,创建与所述待开发web页面对应的json文件,其中,所述json文件中各节点分别携带有对应的vue组件的唯一标识;
该渲染单元123被配置为执行根据所述json文件中各节点携带的vue组件的唯一标识,确定用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面。
在一种实施例中,文件创建单元122具体被配置为执行确定与所述页面需求对应的vue组件集合,并确定所述vue集合中各vue组件的唯一标识;根据所述页面需求,确定所述vue集合中各vue组件对应的样式信息以及属性信息;根据所述vue组件集合中各vue组件的唯一标识,创建所述json文件中各节点的唯一标识,并将所述vue集合中各vue组件对应的样式信息以及属性信息,写入所述json文件的对应节点中。
在一种实施例中,渲染单元123具体被配置为执行遍历所述json文件,根据所述json文件中各个节点的唯一标识,分别确定所述json文件中各个节点对应的vue组件;将所述json文件中各个节点对应的vue组件,确定为用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面。
在一种实施例中,渲染单元123具体被配置为执行根据所述json文件中各节点所包含的样式信息以及属性信息,分别确定所述vue组件集合中各vue组件对应的样式信息以及属性信息;所述vue组件集合中的各vue组件利用所述对应的样式信息以及属性信息,渲染生成web页面。
在一种实施例中,文件创建单元122具体被配置为执行根据所述待开发web页面查询参数的身份标识字段,创建与所述身份标识字段对应的json文件。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
采用本公开实施例提供的web页面开发装置,在接收到的web页面开发请求后,首先可以确定待开发web页面的页面需求,进而可以根据确定的页面需求,创建与待开发web页面对应的json文件,在该json文件中记录有渲染该web页面所需用到的vue组件集合中各vue组件的唯一标识,则在进行web页面开发时,只需根据该json文件确定用于渲染待开发web页面的vue组件,并利用该些vue组件,根据json文件中记录的样式信息以及属性信息渲染生成web页面,即可完成web页面开发。且当需要对已开发的web页面进行更新时,也只需要确定该web页面所对应的json文件,并按照接收到的修改需求,对该json文件中对应节点的唯一标识以及所携带的样式信息和属性信息进行修改即可,而不需要重复编写整个web页面的代码,也不需要在每次修改代码后重新进行编译上线,极大地提高web页面的开发更新效率。
图4是根据一示例性实施例示出的一种web页面更新装置框图。参照图4,该装置包括更新需求确认单元221,文件修改单元222和更新单元223。
该更新需求确认单元221被配置为执行根据接收到的web页面更新请求,确定待更新web页面的更新需求;
该文件修改单元222被配置为执行根据所述更新需求,修改与所述待更新web页面对应的json文件,其中,所述json文件中各节点分别携带有对应的vue组件的唯一标识;
该更新单元223被配置为执行根据修改后的json文件中各节点携带的vue组件的唯一标识,确定用于更新所述待更新web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染更新所述待更新web页面。
在一种实施例中,文件修改单元222具体被配置为执行根据所述待更新web页面查询参数的身份标识字段,确定与所述待更新web页面对应的json文件;确定与所述更新需求对应的、更新后的vue组件集合,并确定所述更新后的vue集合中各更新后的vue组件的唯一标识;根据所述更新需求,确定所述更新后的vue组件集合中各更新后的vue组件对应的更新后的样式信息以及更新后的属性信息;根据所述更新后的vue组件集合,修改所述json文件中各节点的唯一标识,以使得修改后所述json文件中各节点的唯一标识与所述更新后vue组件集合中各更新后的vue组件的唯一标识对应;根据所述更新后的样式信息以及所述更新后的属性信息,修改所述json文件中各节点的包含的样式信息以及属性信息。
在一种实施例中,更新单元223具体被配置为执行根据修改后的json文件中各节点所包含的样式信息以及属性信息,分别确定所述更新后的vue组件集合中各更新后vue组件对应的样式信息以及属性信息;所述更新后的vue组件集合中各更新后vue组件利用所述样式信息以及所述属性信息,渲染更新所述待更新web页面。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
采用本公开实施例提供的web页面更新装置,在接收到的web页面更新请求后,开发平台也只需要确定该待更新web页面所对应的json文件,并按照接收到的修改需求,对该json文件中对应节点的唯一标识以及所携带的样式信息和属性信息进行修改即可,而不需要重复编写整个web页面的代码,也不需要在每次修改代码后重新进行编译上线,极大地提高web页面的开发更新效率。
图5是根据一示例性实施例示出的一种用于web页面开发电子设备500的结构示意图。请参考图5,在硬件层面,该web页面开发电子设备包括处理器520,可选地还包括内部总线530、网络接口510、存储器。其中,存储器可能包含内存540,例如高速随机存取存储器(Random-Access Memory,RAM),也可能还包括非易失性存储器550(non-volatilememory),例如至少1个磁盘存储器等。当然,该电子设备还可能包括其他业务所需要的硬件。
处理器520、网络接口510和存储器可以通过内部总线530相互连接,该内部总线可以是ISA(Industry Standard Architecture,工业标准体系结构)总线、PCI(PeripheralComponent Interconnect,外设部件互连标准)总线或EISA(Extended Industry StandardArchitecture,扩展工业标准结构)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示,图5中仅用一个双向箭头表示,但并不表示仅有一根总线或一种类型的总线。
存储器,用于存放程序。具体地,程序可以包括程序代码,所述程序代码包括计算机操作指令。存储器可以包括内存和非易失性存储器,并向处理器提供指令和数据。
处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行,在逻辑层面上形成页面开发装置。处理器,执行存储器所存放的程序,并具体用于执行以下操作:
根据接收到的web页面开发请求,确定待开发web页面的页面需求;
根据所述页面需求,创建与待开发web页面对应的json文件,其中,所述json文件中各节点分别携带有对应的vue组件的唯一标识;
根据所述json文件中各节点携带的vue组件的唯一标识,确定用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面。
上述如本公开图5所示实施例揭示的web页面开发电子设备执行的方法可以应用于处理器中,或者由处理器实现。处理器可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述方法的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器可以是通用处理器,包括中央处理器(Central ProcessingUnit,CPU)、网络处理器(Network Processor,NP)等;还可以是数字信号处理器(DigitalSignal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器,处理器读取存储器中的信息,结合其硬件完成上述方法的步骤。
该电子设备还可执行图1的方法,并实现web页面开发装置在图1所示实施例中的功能。此外,该电子设备还可执行图2的方法,并实现web更新装置在图2所示实施例中的功能,本公开实施例在此不再赘述。
当然,除了软件实现方式之外,本公开的电子设备并不排除其他实现方式,比如逻辑器件抑或软硬件结合的方式等等,也就是说以下处理流程的执行主体并不限定于各个逻辑单元,也可以是硬件或逻辑器件。
在示例性实施例中,还提供了一种包括指令的存储介质,例如包括指令的存储器,上述指令可由电子设备500的处理器520执行以完成上述方法。可选地,存储介质可以是非临时性计算机可读存储介质,例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (16)
1.一种web页面开发方法,其特征在于,包括:
根据接收到的web页面开发请求,确定待开发web页面的页面需求;
根据所述页面需求,创建与所述待开发web页面对应的json文件,其中,所述json文件中各节点分别携带有对应的vue组件的唯一标识;
根据所述json文件中各节点携带的vue组件的唯一标识,确定用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面;
其中,根据所述页面需求,创建与所述待开发web页面对应的json文件,包括:
确定与所述页面需求对应的vue组件集合,并确定所述vue组件集合中各vue组件的唯一标识;
根据所述页面需求,确定所述vue组件集合中各vue组件对应的样式信息以及属性信息;
根据所述vue组件集合中各vue组件的唯一标识,创建所述json文件中各节点的唯一标识,并将所述vue组件集合中各vue组件对应的样式信息以及属性信息,写入所述json文件的对应节点中。
2.根据权利要求1所述的web页面开发方法,其特征在于,根据所述json文件中各节点携带的vue组件的唯一标识,确定用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面,包括:
遍历所述json文件,根据所述json文件中各个节点的唯一标识,分别确定所述json文件中各个节点对应的vue组件;
将所述json文件中各个节点对应的vue组件,确定为用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面。
3.根据权利要求2所述的web页面开发方法,其特征在于,利用所述vue组件集合中的各vue组件渲染生成web页面,包括:
根据所述json文件中各节点所包含的样式信息以及属性信息,分别确定所述vue组件集合中各vue组件对应的样式信息以及属性信息;
所述vue组件集合中的各vue组件利用所述对应的样式信息以及属性信息,渲染生成web页面。
4.根据权利要求1所述的web页面开发方法,其特征在于,创建与所述待开发web页面对应的json文件,包括:
根据所述待开发web页面查询参数的身份标识字段,创建与所述身份标识字段对应的json文件。
5.一种web页面更新方法,其特征在于,包括:
根据接收到的web页面更新请求,确定待更新web页面的更新需求;
根据所述更新需求,修改与所述待更新web页面对应的json文件,其中,所述json文件中各节点分别携带有对应的vue组件的唯一标识;
根据修改后的json文件中各节点携带的vue组件的唯一标识,确定用于更新所述待更新web页面的、更新后的vue组件集合,利用所述更新后的vue组件集合中的各更新后的vue组件渲染更新所述待更新web页面;
其中,根据所述更新需求,修改与所述待更新web页面对应的json文件,包括:
根据所述待更新web页面查询参数的身份标识字段,确定与所述待更新web页面对应的json文件;
确定与所述更新需求对应的、更新后的vue组件集合,并确定所述更新后的vue组件集合中各更新后的vue组件的唯一标识;
根据所述更新需求,确定所述更新后的vue组件集合中各更新后的vue组件对应的更新后的样式信息以及更新后的属性信息;
根据所述更新后的vue组件集合,修改所述json文件中各节点的唯一标识,以使得修改后所述json文件中各节点的唯一标识与所述更新后的vue组件集合中各更新后的vue组件的唯一标识对应;
根据所述更新后的样式信息以及所述更新后的属性信息,修改所述json文件中各节点的包含的样式信息以及属性信息。
6.根据权利要求5所述的web页面更新方法,其特征在于,利用所述更新后的vue组件集合中的各更新后的vue组件渲染更新所述待更新web页面,包括:
根据修改后的json文件中各节点所包含的样式信息以及属性信息,分别确定所述更新后的vue组件集合中各更新后的vue组件对应的样式信息以及属性信息;
所述更新后的vue组件集合中的各更新后的vue组件利用所述对应的样式信息以及所述属性信息,渲染更新所述待更新web页面。
7.一种web页面开发装置,其特征在于,包括:
需求确定单元,被配置为执行根据接收到的web页面开发请求,确定待开发web页面的页面需求;
文件创建单元,被配置为执行根据所述页面需求,创建与所述待开发web页面对应的json文件,其中,所述json文件中各节点分别携带有对应的vue组件的唯一标识;
渲染单元,被配置为执行根据所述json文件中各节点携带的vue组件的唯一标识,确定用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面;
其中,文件创建单元具体被配置为执行:
确定与所述页面需求对应的vue组件集合,并确定所述vue组件集合中各vue组件的唯一标识;
根据所述页面需求,确定所述vue组件集合中各vue组件对应的样式信息以及属性信息;
根据所述vue组件集合中各vue组件的唯一标识,创建所述json文件中各节点的唯一标识,并将所述vue组件集合中各vue组件对应的样式信息以及属性信息,写入所述json文件的对应节点中。
8.根据权利要求7所述的web页面开发装置,其特征在于,渲染单元具体被配置为执行:
遍历所述json文件,根据所述json文件中各个节点的唯一标识,分别确定所述json文件中各个节点对应的vue组件;
将所述json文件中各个节点对应的vue组件,确定为用于渲染所述待开发web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染生成web页面。
9.根据权利要求8所述的web页面开发装置,其特征在于,渲染单元具体被配置为执行:
根据所述json文件中各节点所包含的样式信息以及属性信息,分别确定所述vue组件集合中各vue组件对应的样式信息以及属性信息;
所述vue组件集合中的各vue组件利用所述对应的样式信息以及属性信息,渲染生成web页面。
10.根据权利要求7所述的web页面开发装置,其特征在于,文件创建单元具体被配置为执行:
根据所述待开发web页面查询参数的身份标识字段,创建与所述身份标识字段对应的json文件。
11.一种web页面更新装置,其特征在于,包括:
更新需求确认单元,被配置为执行根据接收到的web页面更新请求,确定待更新web页面的更新需求;
文件修改单元,被配置为执行根据所述更新需求,修改与所述待更新web页面对应的json文件,其中,所述json文件中各节点分别携带有对应的vue组件的唯一标识;
更新单元,被配置为执行根据修改后的json文件中各节点携带的vue组件的唯一标识,确定用于更新所述待更新web页面的vue组件集合,利用所述vue组件集合中的各vue组件渲染更新所述待更新web页面;
其中,文件修改单元具体被配置为执行:
根据所述待更新web页面查询参数的身份标识字段,确定与所述待更新web页面对应的json文件;
确定与所述更新需求对应的、更新后的vue组件集合,并确定所述更新后的vue组件集合中各更新后的vue组件的唯一标识;
根据所述更新需求,确定所述更新后的vue组件集合中各更新后的vue组件对应的更新后的样式信息以及更新后的属性信息;
根据所述更新后的vue组件集合,修改所述json文件中各节点的唯一标识,以使得修改后所述json文件中各节点的唯一标识与所述更新后的vue组件集合中各更新后的vue组件的唯一标识对应;
根据所述更新后的样式信息以及所述更新后的属性信息,修改所述json文件中各节点的包含的样式信息以及属性信息。
12.根据权利要求11所述的web页面更新装置,其特征在于,更新单元具体被配置为执行:
根据修改后的json文件中各节点所包含的样式信息以及属性信息,分别确定所述更新后的vue组件集合中各更新后的vue组件对应的样式信息以及属性信息;
所述更新后的vue组件集合中各更新后的vue组件利用所述样式信息以及所述属性信息,渲染更新所述待更新web页面。
13.一种web页面开发电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至4中任一权项所述的web页面开发方法。
14.一种web页面更新电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求5至6中任一权项所述的web页面更新方法。
15.一种存储介质,当所述存储介质中的指令由web页面开发电子设备的处理器执行时,使得所述web页面开发电子设备能够执行如权利要求1至4中任一权项所述的web页面开发方法。
16.一种存储介质,当所述存储介质中的指令由web页面更新电子设备的处理器执行时,使得所述web页面更新电子设备能够执行如权利要求5至6中任一权项所述的web页面更新方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911340159.7A CN111177621B (zh) | 2019-12-23 | 2019-12-23 | 一种web页面开发方法、装置及*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911340159.7A CN111177621B (zh) | 2019-12-23 | 2019-12-23 | 一种web页面开发方法、装置及*** |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111177621A CN111177621A (zh) | 2020-05-19 |
CN111177621B true CN111177621B (zh) | 2024-03-08 |
Family
ID=70655630
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911340159.7A Active CN111177621B (zh) | 2019-12-23 | 2019-12-23 | 一种web页面开发方法、装置及*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111177621B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111796820B (zh) * | 2020-05-21 | 2022-11-18 | 苏宁云计算有限公司 | 基于集成化组件构建前端页面的方法、装置及电子设备 |
CN111857803A (zh) * | 2020-07-20 | 2020-10-30 | 北京达佳互联信息技术有限公司 | 页面更新方法、装置、服务器及存储介质 |
CN112114805B (zh) * | 2020-08-27 | 2023-05-12 | 长沙市到家悠享网络科技有限公司 | 页面生成方法、装置、设备 |
CN112433741B (zh) * | 2020-11-24 | 2024-05-17 | 北京奇艺世纪科技有限公司 | 页面处理方法、装置、***、电子设备及存储介质 |
CN112579242B (zh) * | 2020-12-23 | 2023-08-11 | 艾普科创(北京)控股有限公司 | 一种页面跳转关系分析方法、装置、设备及存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107704234A (zh) * | 2017-08-22 | 2018-02-16 | 北京三快在线科技有限公司 | 前端工程构建方法、装置、电子设备及可读存储介质 |
CN108491195A (zh) * | 2018-01-26 | 2018-09-04 | 海尔优家智能科技(北京)有限公司 | 设备控制页面生成方法与*** |
CN108846087A (zh) * | 2018-06-12 | 2018-11-20 | 恒生电子股份有限公司 | 一种页面渲染方法、装置、终端及服务器 |
CN109542427A (zh) * | 2018-11-30 | 2019-03-29 | 深圳市元征科技股份有限公司 | 一种***定制方法、装置及电子设备和存储介质 |
CN109582909A (zh) * | 2018-12-19 | 2019-04-05 | 拉扎斯网络科技(上海)有限公司 | 网页自动生成方法、装置、电子设备和存储介质 |
CN109901834A (zh) * | 2019-01-25 | 2019-06-18 | 平安科技(深圳)有限公司 | 文档页面生成方法、装置、计算机设备和存储介质 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110167332A1 (en) * | 2010-01-07 | 2011-07-07 | Neopost Technologies | System and Method for Generating Web Pages |
-
2019
- 2019-12-23 CN CN201911340159.7A patent/CN111177621B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107704234A (zh) * | 2017-08-22 | 2018-02-16 | 北京三快在线科技有限公司 | 前端工程构建方法、装置、电子设备及可读存储介质 |
CN108491195A (zh) * | 2018-01-26 | 2018-09-04 | 海尔优家智能科技(北京)有限公司 | 设备控制页面生成方法与*** |
CN108846087A (zh) * | 2018-06-12 | 2018-11-20 | 恒生电子股份有限公司 | 一种页面渲染方法、装置、终端及服务器 |
CN109542427A (zh) * | 2018-11-30 | 2019-03-29 | 深圳市元征科技股份有限公司 | 一种***定制方法、装置及电子设备和存储介质 |
CN109582909A (zh) * | 2018-12-19 | 2019-04-05 | 拉扎斯网络科技(上海)有限公司 | 网页自动生成方法、装置、电子设备和存储介质 |
CN109901834A (zh) * | 2019-01-25 | 2019-06-18 | 平安科技(深圳)有限公司 | 文档页面生成方法、装置、计算机设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111177621A (zh) | 2020-05-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111177621B (zh) | 一种web页面开发方法、装置及*** | |
US10990367B2 (en) | Application development method, tool, and device, and storage medium | |
TWI808393B (zh) | 頁面處理方法、裝置、設備及儲存媒體 | |
CN110489116B (zh) | 一种页面的渲染方法、装置及计算机存储介质 | |
CN108228188B (zh) | 一种视图组件处理方法、电子设备及可读存储介质 | |
CN110806863A (zh) | 接口文档生成方法及装置、电子设备、存储介质 | |
CN111796823A (zh) | 页面更新、页面展示的方法、装置及页面维护*** | |
CN111241454A (zh) | 一种生成网页代码的方法、***和装置 | |
US20170286068A1 (en) | Development support system | |
CN108170430B (zh) | 一种界面展示的方法及*** | |
CN112083920A (zh) | 一种前端页面设计方法、装置、存储介质及设备 | |
CN111796821A (zh) | 一种页面更新的方法及装置 | |
CN109086342B (zh) | 批量化生产和运维网站模板的方法、介质和终端 | |
CN111767499A (zh) | 一种页面配置方法及装置 | |
CN109040767B (zh) | 一种直播间加载方法、***、服务器及存储介质 | |
US20110072371A1 (en) | Application programming interface for user interface creation | |
Anderson et al. | Pro business applications with silverlight 4 | |
Seixas et al. | A Model-Driven Approach for Developing Responsive Web Apps. | |
CN115080016A (zh) | 基于ue编辑器的扩展功能实现方法、装置、设备及介质 | |
CN113095056B (zh) | 生成方法、处理方法、装置、电子设备以及介质 | |
CN112068879B (zh) | 基于配置化的客户端应用程序开发框架构建方法及装置 | |
US11126410B2 (en) | Method and apparatus for building pages, apparatus and non-volatile computer storage medium | |
CN111435313A (zh) | 一种软件换肤的方法及装置 | |
Radford | Learning Web Development with Bootstrap and AngularJS | |
CN114371986A (zh) | 用户界面测试用例更新方法、装置及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |