【技术实现步骤摘要】
页面生成方法、装置、设备、介质及产品
[0001]本申请属于计算机技术,尤其涉及一种页面生成方法、装置、设备、介质及产品。
技术介绍
[0002]目前,前端开发人员在开发前端页面时,通常需要手动编写页面代码,以实现页面中各个组件的功能。
[0003]但是,同一场景下前端页面中的各个组件功能的代码重复性很高,通过开发人员手动编写页面代码的方式非常繁琐,且编写的都是重复代码,导致前端开发人员工作量较大,降低了开发效率,页面中组件的可复用性低且不易维护。
技术实现思路
[0004]本申请实施例提供一种页面生成方法、装置、设备、介质及产品,能够减轻前端开发人员的工作量,提高开发效率,提高页面中组件的可复用性和可维护性。
[0005]第一方面,本申请实施例提供一种页面生成方法,该方法包括:
[0006]获取并显示备选组件列表,其中,所述备选组件列表中包括多个封装的组件;
[0007]接收用户针对所述备选组件列表中的第一组件的第一输入,其中,所述第一输入为将所述第一组件拖拽至目标页面的输入 ...
【技术保护点】
【技术特征摘要】
1.一种页面生成方法,其特征在于,包括:获取并显示备选组件列表,其中,所述备选组件列表中包括多个封装的组件;接收用户针对所述备选组件列表中的第一组件的第一输入,其中,所述第一输入为将所述第一组件拖拽至目标页面的输入;响应于所述第一输入,生成包含所述第一组件的目标页面。2.根据权利要求1所述的方法,其特征在于,所述生成包含所述第一组件的目标页面,包括:获取所述第一组件对应的第一代码数据;将所述第一代码数据组装至所述目标页面对应的代码数据中,得到目标代码数据;基于所述目标代码数据进行页面渲染处理,得到包含所述第一组件的目标页面。3.根据权利要求1所述的方法,其特征在于,在生成包含所述第一组件的目标页面之后,所述方法还包括:接收用户针对所述第一组件的第二输入,其中,所述第二输入为将所述第一组件从所述目标页面中的第一区域拖拽至第二区域的输入;响应于所述第二输入,确定所述第一组件在所述第一区域中对应的父级组件,以及位于所述第二区域的第二组件;从所述父级组件对应的代码数据中获取与所述第一组件对应的第一代码数据,并将所述第一代码数据组装至所述第二组件对应的代码数据中,得到第二代码数据;基于所述第二代码数据进行页面渲染处理,得到更新后的目标页面。4.根据权利要求3所述的方法,其特征在于,所述确定所述第一组件在所述第一区域中对应的父级组件,以及位于所述第二区域的第二组件,包括:获取所述第一输入对应的拖拽起始事件的事件信息以及释放事件的事件信息;根据所述拖拽起始事件的事件信息,确定所述第一组件在所述第一区域中对应的父级组件;根据所述释放事件的事件信息,确定位于所述第二区域的第二组件。5.根据权利要求1所述的方法,其特征在于,在所述目标页面中还包括与所述第一组件同级且依次排列的至少一个组件...
【专利技术属性】
技术研发人员:周湘闽,
申请(专利权)人:中国建设银行股份有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。