CN113448569A - 一种站点页面的处理系统、方法、设备和存储介质 - Google Patents
一种站点页面的处理系统、方法、设备和存储介质 Download PDFInfo
- Publication number
- CN113448569A CN113448569A CN202110720156.7A CN202110720156A CN113448569A CN 113448569 A CN113448569 A CN 113448569A CN 202110720156 A CN202110720156 A CN 202110720156A CN 113448569 A CN113448569 A CN 113448569A
- Authority
- CN
- China
- Prior art keywords
- page
- area
- function template
- site
- target function
- 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.)
- Pending
Links
- 238000012545 processing Methods 0.000 title claims abstract description 47
- 238000000034 method Methods 0.000 title claims abstract description 26
- 238000013507 mapping Methods 0.000 claims abstract description 61
- 238000013499 data model Methods 0.000 claims abstract description 53
- 230000006870 function Effects 0.000 claims description 341
- 238000007726 management method Methods 0.000 claims description 21
- 230000008676 import Effects 0.000 claims description 6
- 238000004590 computer program Methods 0.000 claims description 5
- 238000003672 processing method Methods 0.000 claims description 5
- 230000004044 response Effects 0.000 claims description 4
- 239000000126 substance Substances 0.000 claims description 3
- 238000005457 optimization Methods 0.000 abstract description 15
- 238000000926 separation method Methods 0.000 abstract description 12
- 238000010586 diagram Methods 0.000 description 10
- 238000010276 construction Methods 0.000 description 8
- 238000004891 communication Methods 0.000 description 5
- 230000001960 triggered effect Effects 0.000 description 3
- 238000000605 extraction Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 235000012489 doughnuts Nutrition 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Images
Classifications
-
- 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/34—Graphical or visual programming
-
- 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
Abstract
本发明实施例公开了一种站点页面的处理系统、方法、设备和存储介质。其中,该系统包括页面编辑工作台,所述页面编辑工作台分为功能模板区、页面视图编辑区和配置区,功能模板区设置有不同站点页面内支持的功能模板;页面视图编辑区用于设置目标功能模板的视图布局,目标功能模板为从所述功能模板区拖拽至所述页面视图编辑区的功能模板;配置区用于设置目标功能模板的视图映射规则,并按照视图映射规则加载目标功能模板绑定的数据模型。本发明实施例提供的技术方案,实现站点页面内前端视图与后端数据之间的功能完整分离,无需开发人员专门编写站点页面内各个组件模板的视图与数据模型之间的配置代码,从而提高站点页面的优化便捷性。
Description
技术领域
本发明实施例涉及网站网页设计领域,尤其涉及一种站点页面的处理系统、方法、设备和存储介质。
背景技术
随着互联网技术的快速发展,各个行业内会在不同站点下分别开发相应的业务系统,并在各站点业务系统包含的不同页面内实现相应的业务功能。
目前,在优化或扩展不同站点包含的各个站点页面时,通常需要开发人员重新编写站点页面内各个组件模板的视图模型与数据模型之间的配置代码来实现,使得前后端功能分离不够明晰,导致前后端之间存在较为复杂的工作联调,极大影响了站点页面优化的便捷性。
发明内容
本发明实施例提供了一种站点页面的处理系统、方法、设备和存储介质,采用视图映射规则设置站点页面内功能模板的视图与数据模型的关系,实现站点页面内前端视图与后端数据之间的功能完整分离,提高站点页面的优化便捷性。
第一方面,本发明实施例提供了一种站点页面的处理系统,该系统包括页面编辑工作台,所述页面编辑工作台分为功能模板区、页面视图编辑区和配置区,所述功能模板区设置有不同站点页面内支持的功能模板;其中,
所述页面视图编辑区用于设置目标功能模板的视图布局,所述目标功能模板为从所述功能模板区拖拽至所述页面视图编辑区的功能模板;
所述配置区用于设置所述目标功能模板的视图映射规则,并按照所述视图映射规则加载所述目标功能模板绑定的数据模型。
第二方面,本发明实施例提供了一种站点页面的处理方法,应用于上述第一方面提供的站点页面的处理系统中,该方法包括:
响应于站点页面的生成指令,进入预开发的页面编辑工作台,所述页面编辑工作台分为功能模板区、页面视图编辑区和配置区,所述功能模板区设置有不同站点页面内支持的功能模板;
根据从所述功能模板区至所述页面视图编辑区的模板拖拽操作,设置目标功能模板的视图布局;
按照所述配置区内为所述目标功能模板设置的视图映射规则,加载所述目标功能模板绑定的数据模型。
第三方面,本发明实施例提供了一种站点页面的处理装置,配置于上述第一方面提供的站点页面的处理系统中,该装置包括:
页面编辑模块,用于响应于站点页面的编辑指令,进入预开发的页面编辑工作台,所述页面编辑工作台分为功能模板区、页面视图编辑区和配置区,所述功能模板区设置有不同站点页面内支持的功能模板;
视图布局模块,用于根据从所述功能模板区至所述页面视图编辑区的模板拖拽操作,设置目标功能模板的视图布局;
数据加载模块,用于按照所述配置区内为所述目标功能模板设置的视图映射规则,加载所述目标功能模板绑定的数据模型。
第四方面,本发明实施例提供了一种电子设备,该电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明任意实施例中所述的站点页面的处理方法。
第五方面,本发明实施例提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现本发明任意实施例中所述的站点页面的处理方法。
本发明实施例提供的一种站点页面的处理系统、方法、设备和存储介质,会设置对应的页面编辑工作台,该页面编辑工作台会分为功能模板区、页面视图编辑区和配置区,并在功能模板区设置有不同站点页面内支持的功能模板,此时页面视图编辑区接收从功能模板区拖拽出来的目标功能模板,并设置各个目标功能模板的视图布局,然后通过配置区用于设置各个目标功能模板的视图映射规则,并按照该视图映射规则来加载目标功能模板绑定的数据模型,以生成对应的站点页面,此时采用配置区的视图映射规则来设置站点页面内功能模板的视图与数据模型的匹配关系,实现站点页面内前端视图与后端数据之间的功能完整分离,无需开发人员专门编写站点页面内各个组件模板的视图与数据模型之间的配置代码,从而提高站点页面的优化便捷性。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1为本发明实施例一提供的一种站点页面的处理系统的结构示意图;
图2为本发明实施例二提供的一种站点页面的处理系统中页面编辑工作台的界面示意图;
图3为本发明实施例三提供的一种站点页面的处理方法的流程图;
图4为本发明实施例四提供的一种站点页面的处理装置的结构示意图;
图5为本发明实施例五提供的一种电子设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。此外,在不冲突的情况下,本发明中的实施例及实施例中的特征可以相互组合。
实施例一
图1为本发明实施例一提供的一种站点页面的处理系统的结构示意图,本实施例可适用于对不同站点的页面进行构建或者优化的情况中。参照图1,本实施例中的站点页面的处理系统可以包括页面编辑工作台10。
其中,页面编辑工作台10分为功能模板区110、页面视图编辑区120和配置区130,功能模板区110设置有不同站点页面内支持的功能模板。
具体的,页面视图编辑区120用于设置目标功能模板的视图布局,目标功能模板为从功能模板区110拖拽至页面视图编辑区120的功能模板;配置区130用于设置目标功能模板的视图映射规则,并按照视图映射规则加载目标功能模板绑定的数据模型。
可选的,为了实现不同站点下的页面搭建,本实施例会在站点页面的处理系统中预开发一个页面编辑工作台10,在接收到某个站点下的页面搭建申请时,会进入到该页面编辑工作台10内,以便用户能够利用该页面编辑工作台10所支持的各项功能来搭建对应的站点页面。
需要说明的是,本实施例中的页面编辑工作台10支持站点页面的处理系统中对于各个站点页面的新建、编辑、预览、复制和删除等各项页面搭建操作。
为了实现站点页面的准确搭建,首先会针对该页面编辑工作台10所支持的不同功能,例如页面内的组件或模板提取、组件前后端功能绑定和加载等,将页面编辑工作台10划分出功能模板区110、页面视图编辑区120和配置区130,不同区域支持站点页面内的不同功能实现。
在本实施例中,功能模板区110内会设置有不同站点页面内支持的各种功能模板,该功能模板可以是单个组件,也可以是由多个组件的功能互相配合所组成的具备特定功能的模板。其中,本实施例中功能模板区110内的各个功能模板支持插拔式的拖拽管理。
示例性的,功能模板区110可以内置以下类型的功能模板(如组件):
1、基础组件:标签文本组件、文本输入组件、富文本组件、友情链接组件、天气组件、下载列表插件、新闻资讯插件、评分组件、搜索组件、表格组件、地图组件、弹出框组件、菜单组件、筛选组件、日期时间组件、PDF预览组件、动画图片预览组件、图片预览组件、排名列表组件、文件预览组件、浮窗广告组件、视频播放组件、菜单组件和树状组件等。
2、布局插件:相对布局容器组件、绝对布局容器组件、轮播容器组件。
3、图表插件:玫瑰图、饼图、3D饼图、环形图、柱状系列图、柱线系列图、条形系统图、折线系列图、仪表盘图和散点图等。
4、扩展插件:登录注册组件、重置密码组件、修改密码组件、动态样式组件和设置个人信息组件等。
同时,功能模板区110还支持用户自定义不同站点页面所需要的组件或模板,以实现不同站点页面的完整搭建,并且支持将自定义的组件或模板发布存储至私有模板库中,可分享给其他用户使用。
而且,在进入页面编辑工作台10时,为了在功能模板区110内能够完整加载出相应的功能模板,本实施例会针对站点页面的处理系统定义一套用于描述功能模板区110内所设置的各个功能模板的属性信息的存储规范,采用第一文件(local.json)来存储功能模板区110内所设置的每一个功能模板的相关属性的描述文件,并以数组对象的形式存储,此时数组对象包含的元素即为每一个功能模板的描述文件。进一步的,在进入页面编辑工作台10时,通过解析local.json文件内记录的每一功能模板的描述文件,能够在功能模板区110内准确展示出已设置的各个功能模板,以便用户从功能模板区110内拖拽出本次搭建的站点页面所需要的某些功能模板,以完成该站点页面的准确搭建。
同时,页面视图编辑区120支持在搭建某一站点页面时,对该站点页面内所需要功能模板进行视图编辑和数据绑定等,以生成相应的站点页面。其中,页面视图编辑区120在接收到用户从功能模板区110内拖拽功能模板的操作指令后,会将从功能模板区拖拽至页面视图编辑区的功能模板作为本实施例中的目标功能模板,然后将各个目标功能模板展示于页面视图编辑区120内。
并且,页面视图编辑区120也会检测到用户对于各个目标功能模板在页面视图编辑区120的布局操作,可以响应该布局操作,来设定页面视图编辑区120内各个目标功能模板的视图布局方式,支持绝对布局、相对布局和流式布局三种,默认视图布局为绝对布局,而且根据目标功能模板的边框拖拽操作也可对应调整目标功能模板的大小。因此,页面视图编辑区120设置好从功能模板区110内拖拽出的各个目标功能模板的视图布局后,即可设置好站点页面的展示样式,也就是实现站点页面的页面样式设置。
进一步的,在页面视图编辑区120设置好站点页面内各个目标功能模板的前端视图布局后,还需要配置各个目标功能模板的前端视图与后端数据实现之间的匹配关系。
本实施例中,在页面视图编辑区120检测到用户对于某一目标功能模板的鼠标左键单击操作后,会触发该目标功能模板对应的单击事件,在检测到用户对于某一目标功能模板的鼠标右键单击操作后,会弹出用于操作该目标功能模板的菜单,以便用户在菜单中选择对该目标功能模板的前后端功能匹配设置,从而利用该目标功能模板的描述文件,在配置区130内加载该目标功能模板的基础功能属性。
而且,为了支持用户能够对各个目标功能模板的前端视图与后端数据实现之间的匹配关系进行自定义优化配置,配置区130在利用某一目标功能模板的描述文件,加载出该目标功能模板的基础功能属性后,还能够接收用户为该目标功能模板自定义输入的特有属性信息,从而配置区130按照用户自定义输入的特有属性信息,为该目标功能模板设置前端视图与后端数据之间对应的视图映射规则,使得配置区130能够按照该视图映射规则来加载与该目标功能模板绑定的数据模型,该数据模型面向不同的数据,会使该目标功能模板按照视图映射规则具备不同的展现形式。此时,本实施例支持用户自定义设置目标功能模板的前端视图与后端数据之间的视图映射规则,来实现站点页面内各个目标功能模板的前端视图与后端数据之间的功能完整分离,无需开发人员专门编写站点页面内各个组件模板的视图与数据模型之间的配置代码,从而提高站点页面的优化便捷性。
本实施例中,功能模板区110内为不同站点页面所设置的各个功能模板均能够被拖拽至页面视图编辑区120,然后配置区130能够为被拖拽至页面视图编辑区120内的各个目标功能模板设置对应的视图映射规则,以实现目标功能模板的前端视图与后端数据之间的功能完整分离配置,以此即可快速构建不同的站点页面,并且所构建的站点页面支持一键复制功能,以自动创建站点副本,提高站点页面的可用性。
需要说明的是,在搭建好站点页面后,本实施例会针对站点页面的处理系统定义一套用于描述所搭建的站点页面的属性信息的存储规范,采用第二文件(page.json)来存储所搭建的各个站点页面相关属性的描述文件,并以数组对象的形式存储,通过数组类型的结点来描述站点页面内各个目标功能模板相关属性的描述信息。此时,在进入页面编辑工作台10内,对已搭建的某一站点页面进行重新编辑时,会首先从page.json内读取该站点页面的描述文件,以解析出该站点页面内所包含的各个目标功能模板相关属性的描述信息,从而生成对应的页面对象,加载到页面视图编辑区120内,并查找用户选中的某一目标功能模板的相关属性信息,以完成该目标功能模板在配置区130内的相关加载。
此外,由于不同站点可能具备相同的业务功能,使得不同站点下的站点页面内存在相关的目标功能模板,因此为了确保不同站点下站点页面的快速搭建和便捷优化,如图1所示,本实施例的站点页面的处理系统中还可以包括站点管理模块20,该站点管理模块20可以用于管理包含有至少一个站点页面的业务站点,并通过页面编辑工作台20生成业务站点内包含的各站点页面。
也就是说,站点管理模块20支持对不同业务站点的创建,通过站点管理模块20设置有站点创建、站点导入和站点导出的功能,并且能够对不同业务站点进行预览、发布、复制、修改和删除等。
以下对于站点创建、站点导出和站点导入的功能分别进行说明:
1)站点创建:根据站点创建时的用户提示消息,来录入用户输入的站点相关信息,站点管理模块20可以根据所录入的信息自动创建基于VUE结构的业务系统前端项目,作为所创建的业务站点的前端,并自动注册到开放平台的应用中心,自动初始化并接入开放平台的能力组件,诸如日志采集组件、权限控制组件、统一认证组件等,以保证所创建的业务站点的基础功能实现。同时,可以将所创建的业务站点的相关属性信息添加到站点管理的列表中,可以在第三文件(site.json)中存储所创建的每个业务站点相关属性的描述文件。
2)站点导出:将已创建好的业务站点对应的资源和文件可以按照定义的结构规格进行加密后导出,以便后续使用,并防止已创建的业务站点成果被窃取。
3)站点导入:如果某一业务站点的功能可以在另一已创建好的业务站点功能的基础上进行优化,那么为了保证该业务站点的创建高效性,可以将已创建好的另一业务站点下按照定义的结构规格所导出的资源包导入到站点管理模块20中,并根据所输入的密码验证所导入的业务站点,验证成功后自动在页面编辑工作台10展示已创建好的另一业务站点内包含的各个站点页面,以对另一业务站点内包含的各个站点页面进行重新优化编辑,来实现新的业务站点的创建,从而极大简化不同业务站点的优化。而且,如果某一业务站点在某一开放平台环境已创建好并发布后,可以在另一开放平台环境内直接导入该业务站点按照定义的结构规格所导出的资源包,实现同一业务站点在不同开放平台环境内的发布,提高业务站点的便捷优化。
本实施例提供的技术方案,会设置对应的页面编辑工作台,该页面编辑工作台会分为功能模板区、页面视图编辑区和配置区,并在功能模板区设置有不同站点页面内支持的功能模板,此时页面视图编辑区接收从功能模板区拖拽出来的目标功能模板,并设置各个目标功能模板的视图布局,然后通过配置区用于设置各个目标功能模板的视图映射规则,并按照该视图映射规则来加载目标功能模板绑定的数据模型,以生成对应的站点页面,此时采用配置区的视图映射规则来设置站点页面内功能模板的视图与数据模型的匹配关系,实现站点页面内前端视图与后端数据之间的功能完整分离,无需开发人员专门编写站点页面内各个组件模板的视图与数据模型之间的配置代码,从而提高站点页面的优化便捷性。
实施例二
图2为本发明实施例二提供的一种站点页面的处理系统中页面编辑工作台的界面示意图。本实施例是在上述实施例的基础上进行优化,本实施例主要对于页面编辑工作台的具体编辑功能进行详细的解释说明。
可选的,参照图2,本实施例中站点页面的处理系统可以包括页面编辑工作台,页面编辑工作台可以分为功能模板区210、页面视图编辑区220和配置区230。其中,功能模板区210设置有不同站点页面内支持的功能模板。
具体的,页面视图编辑区220用于设置目标功能模板的视图布局,目标功能模板为从功能模板区210拖拽至页面视图编辑区220的功能模板;配置区230用于设置目标功能模板的视图映射规则,并按照视图映射规则加载目标功能模板绑定的数据模型。
而且,站点页面的处理系统还可以包括站点管理模块,站点管理模块用于管理包含有至少一个站点页面的业务站点,并通过页面编辑工作台生成业务站点内包含的各站点页面,站点管理模块设置有站点创建、站点导入和站点导出的功能。
在本实施例中,为了准确实现站点页面内各个目标功能模板的前端视图与后端数据之间的功能完整分离,配置区230可以分为属性区231和数据区232。具体的,属性区231用于按照目标功能模板的描述文件,配置目标功能模板的通用属性,并设置目标功能模块的视图映射规则;数据区232用于按照视图映射规则加载目标功能模板绑定的数据模型,以生成目标功能模板的视图。
也就是说,页面视图编辑区220在检测到用户在某一目标功能模板触发弹出的菜单内选择对该目标功能模板进行前后端功能匹配设置的操作后,首先会读取该目标功能模板的描述文件,以确定该目标功能模板绑定的数据模型和通用属性信息,此时属性区231可以进一步分为通用属性区和特有属性区,进而在通用属性区配置目标功能模板的通用属性,在特有属性区接收用户对该目标功能模板的前端视图与后端数据间进行匹配的特有属性,也就是本实施例中的视图映射规则。然后,数据区232可以展示该目标功能模板绑定的数据模型,该数据模型的类型支持静态数据模型、接口数据模型和数据集市数据模型,数据区232通过读取属性区231为该目标功能模板所设置的视图映射规则,确定该目标功能模板的后端数据与前端展示形式之间的匹配关系,进而采用该目标功能模板绑定的数据模型内的实际后端数据,按照该视图映射规则转换为对应前端展现形式,从而生成该目标功能模板的视图。
此外,为了实现站点页面编辑的全面性,本实施例中的页面编辑工作台还可以包括页面图层预览区240和工具栏250。
其中,工具栏250设置有页面视图编辑区220内目标功能模板的编辑控件,通过工具栏250内的各个编辑控件能够对页面视图编辑区220内的各个目标功能模板进行编辑,以确保目标功能模板的功能实现。
而且,页面图层预览区240用于展示页面视图编辑区220内各目标功能模板完成加载后生成的预览站点页面。在页面视图编辑区220内设置好各个目标功能模板的视图布局,且在配置区230内为各个目标功能模板设置好对应的视图映射规则,并按照该视图映射规则加载好各目标功能模板绑定的数据模型后,可以根据页面视图编辑区220内各个目标功能模板的配置情况,在页面图层预览区240内生成对应的预览站点页面,用于向用户展示站点页面的当前搭建情况,增强站点页面处理的互动性。
本实施例提供的技术方案,会设置对应的页面编辑工作台,该页面编辑工作台会分为功能模板区、页面视图编辑区和配置区,并在功能模板区设置有不同站点页面内支持的功能模板,此时页面视图编辑区接收从功能模板区拖拽出来的目标功能模板,并设置各个目标功能模板的视图布局,然后通过配置区用于设置各个目标功能模板的视图映射规则,并按照该视图映射规则来加载目标功能模板绑定的数据模型,以生成对应的站点页面,此时采用配置区的视图映射规则来设置站点页面内功能模板的视图与数据模型的匹配关系,实现站点页面内前端视图与后端数据之间的功能完整分离,无需开发人员专门编写站点页面内各个组件模板的视图与数据模型之间的配置代码,从而提高站点页面的优化便捷性。
实施例三
图3为本发明实施例三提供的一种站点页面的处理方法的流程图。本实施例可应用于上述实施例提供的站点页面的处理系统中,且可适用于对不同站点的页面进行构建或者优化的情况中。本实施例提供的一种站点页面的处理方法可以由本发明实施例提供的站点页面的处理装置来执行,该装置可以通过软件和/或硬件的方式实现,并集成在执行本方法的电子设备中。
具体的,如图3所示,该方法可以包括步骤:
S310,响应于站点页面的编辑指令,进入预开发的页面编辑工作台。
其中,页面编辑工作台分为功能模板区、页面视图编辑区和配置区,功能模板区设置有不同站点页面内支持的功能模板,在接收到某个站点下的页面搭建申请时,会进入到该页面编辑工作台内,以便用户能够利用该页面编辑工作台所支持的各项功能来搭建对应的站点页面。
为了实现站点页面的准确搭建,首先会针对该页面编辑工作台所支持的不同功能,例如页面内的组件或模板提取、组件前后端功能绑定和加载等,将页面编辑工作台划分出功能模板区、页面视图编辑区和配置区,不同区域支持站点页面内的不同功能实现。
具体的,用户在需要搭建某一站点页面时,首先会发起对应的站点页面搭建请求,使得站点页面的处理系统能够接收到站点页面的编辑指令,然后响应于该编辑指令,进入到页面编辑工作台,以便后续通过页面编辑工作台内的功能模板区、页面视图编辑区和配置区,来对站点页面内的目标功能模板执行对应的配置操作。
此外,由于一个业务站点内会存在多个站点页面,以分别执行不同的业务功能,因此为了对同一站点下的多站点页面进行统一管理,本实施例在进入预开发的页面编辑工作台,来搭建对应的站点页面之前,通过站点管理模块内设置的站点创建或者站点导入的功能,创建站点页面所在的业务站点。也就是说,通过新建站点或者对已创建的站点进行重新编辑优化的方式,来创建站点页面所在的业务站点,以提高多站点页面的快速搭建和统一管理。
S320,根据从功能模板区至页面视图编辑区的模板拖拽操作,设置目标功能模板的视图布局。
在本实施例中,功能模板区内会设置有不同站点页面内支持的各种功能模板,该功能模板可以是单个组件,也可以是由多个组件的功能互相配合所组成的具备特定功能的模板。其中,本实施例中功能模板区内的各个功能模板支持插拔式的拖拽管理。
在进入页面编辑工作台时,为了在功能模板区内能够完整加载出相应的功能模板,本实施例会采用local.json文件来存储功能模板区内所设置的每一个功能模板的相关属性的描述文件,并以数组对象的形式存储,此时数组对象包含的元素即为每一个功能模板的描述文件。进一步的,在进入页面编辑工作台后,通过解析local.json文件内记录的每一功能模板的描述文件,能够在功能模板区内准确展示出已设置的各个功能模板,以便用户从功能模板区内拖拽出本次搭建的站点页面所需要的某些功能模板,也就是将目标功能模板从功能模板区拖拽至页面视图编辑区内,以在页面视图编辑区内完成该站点页面的准确搭建。然后,页面视图编辑区在接收到用户从功能模板区内拖拽目标功能模板的操作后,会检测用户对于各个目标功能模板在页面视图编辑区的布局操作,并响应于检测到的该布局操作,来设定页面视图编辑区内各个目标功能模板的视图布局方式,而且根据目标功能模板的边框拖拽操作也可对应调整目标功能模板的大小。因此,页面视图编辑区设置好从功能模板区内拖拽出的各个目标功能模板的视图布局后,即可设置好站点页面的展示样式,也就是实现站点页面的页面样式设置。
同时,在页面视图编辑区设置好站点页面内各个目标功能模板的前端视图布局后,还需要配置各个目标功能模板的前端视图与后端数据实现之间的匹配关系。示例性的,在页面视图编辑区检测到用户对于某一目标功能模板的鼠标左键单击操作后,会触发该目标功能模板对应的单击事件,在检测到用户对于某一目标功能模板的鼠标右键单击操作后,会弹出用于操作该目标功能模板的菜单,以便用户在菜单中选择对该目标功能模板的前后端功能匹配设置,从而利用该目标功能模板的描述文件,在配置区内加载该目标功能模板的基础功能属性。
S330,按照配置区内为目标功能模板设置的视图映射规则,加载目标功能模板绑定的数据模型。
可选的,为了支持用户能够对各个目标功能模板的前端视图与后端数据实现之间的匹配关系进行自定义优化配置,配置区在利用某一目标功能模板的描述文件,加载出该目标功能模板的基础功能属性后,还能够接收用户为该目标功能模板自定义输入的特有属性信息,从而配置区按照用户自定义输入的特有属性信息,为该目标功能模板设置前端视图与后端数据之间对应的视图映射规则,使得配置区能够按照该视图映射规则来加载与该目标功能模板绑定的数据模型,该数据模型面向不同的数据,会使该目标功能模板按照视图映射规则具备不同的展现形式。此时,本实施例支持用户自定义设置目标功能模板的前端视图与后端数据之间的视图映射规则,来实现站点页面内各个目标功能模板的前端视图与后端数据之间的功能完整分离,无需开发人员专门编写站点页面内各个组件模板的视图与数据模型之间的配置代码,从而提高站点页面的优化便捷性。
示例性的,本实施例中按照配置区内为目标功能模板设置的视图映射规则,加载目标功能模板绑定的数据模型,可以具体包括:按照目标功能模板的描述文件,在配置区的属性区内配置目标功能模板的通用属性,并设置目标功能模块的视图映射规则;在配置区的数据区内,按照视图映射规则加载目标功能模板绑定的数据模型,以生成目标功能模板的视图。
也就是说,页面视图编辑区在检测到用户在某一目标功能模板触发弹出的菜单内选择对该目标功能模板进行前后端功能匹配设置的操作后,首先会读取该目标功能模板的描述文件,以确定该目标功能模板绑定的数据模型和通用属性信息,此时属性区可以进一步分为通用属性区和特有属性区,进而在通用属性区配置目标功能模板的通用属性,在特有属性区接收用户对该目标功能模板的前端视图与后端数据间进行匹配的特有属性,也就是本实施例中的视图映射规则。然后,数据区可以展示该目标功能模板绑定的数据模型,数据区通过读取属性区为该目标功能模板所设置的视图映射规则,确定该目标功能模板的后端数据与前端展示形式之间的匹配关系,进而采用该目标功能模板绑定的数据模型内的实际后端数据,按照该视图映射规则转换为对应前端展现形式,从而生成该目标功能模板的视图。
本实施例提供的技术方案,会设置对应的页面编辑工作台,该页面编辑工作台会分为功能模板区、页面视图编辑区和配置区,并在功能模板区设置有不同站点页面内支持的功能模板,此时页面视图编辑区接收从功能模板区拖拽出来的目标功能模板,并设置各个目标功能模板的视图布局,然后通过配置区用于设置各个目标功能模板的视图映射规则,并按照该视图映射规则来加载目标功能模板绑定的数据模型,以生成对应的站点页面,此时采用配置区的视图映射规则来设置站点页面内功能模板的视图与数据模型的匹配关系,实现站点页面内前端视图与后端数据之间的功能完整分离,无需开发人员专门编写站点页面内各个组件模板的视图与数据模型之间的配置代码,从而提高站点页面的优化便捷性。
实施例四
图4为本发明实施例四提供的一种站点页面的处理装置的结构示意图,该装置配置于上述实施例提供的站点页面的处理系统中。如图4所示,该装置可以包括:
页面编辑模块410,用于响应于站点页面的编辑指令,进入预开发的页面编辑工作台,所述页面编辑工作台分为功能模板区、页面视图编辑区和配置区,所述功能模板区设置有不同站点页面内支持的功能模板;
视图布局模块420,用于根据从所述功能模板区至所述页面视图编辑区的模板拖拽操作,设置目标功能模板的视图布局;
数据加载模块430,用于按照所述配置区内为所述目标功能模板设置的视图映射规则,加载所述目标功能模板绑定的数据模型。
本实施例提供的技术方案,会设置对应的页面编辑工作台,该页面编辑工作台会分为功能模板区、页面视图编辑区和配置区,并在功能模板区设置有不同站点页面内支持的功能模板,此时页面视图编辑区接收从功能模板区拖拽出来的目标功能模板,并设置各个目标功能模板的视图布局,然后通过配置区用于设置各个目标功能模板的视图映射规则,并按照该视图映射规则来加载目标功能模板绑定的数据模型,以生成对应的站点页面,此时采用配置区的视图映射规则来设置站点页面内功能模板的视图与数据模型的匹配关系,实现站点页面内前端视图与后端数据之间的功能完整分离,无需开发人员专门编写站点页面内各个组件模板的视图与数据模型之间的配置代码,从而提高站点页面的优化便捷性。
进一步的,上述数据加载模块430,可以具体用于:
按照所述目标功能模板的描述文件,在所述配置区的属性区内配置所述目标功能模板的通用属性,并设置所述目标功能模块的视图映射规则;
在所述配置区的数据区内,按照所述视图映射规则加载所述目标功能模板绑定的数据模型,以生成所述目标功能模板的视图。
进一步的,上述站点页面的处理装置,还可以包括:
站点创建模块,用于通过站点管理模块内设置的站点创建或者站点导入的功能,创建所述站点页面所在的业务站点。
本实施例提供的一种站点页面的处理装置可适用于上述任意实施例提供的站点页面的处理方法,具备相应的功能和有益效果。
实施例五
图5为本发明实施例五提供的一种电子设备的结构示意图,如图5所示,该电子设备包括处理器50、存储装置51、通信装置52、输入装置53和输出装置54;电子设备中处理器50的数量可以是一个或多个,图5中以一个处理器50为例;电子设备中的处理器50、存储装置51、通信装置52、输入装置53和输出装置54可以通过总线或其他方式连接,图5中以通过总线连接为例。
存储装置51作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序以及模块,如本发明实施例中提供的站点页面的处理方法对应的程序指令/模块。处理器50通过运行存储在存储装置51中的软件程序、指令以及模块,从而执行设备的各种功能应用以及数据处理,即实现上述站点页面的处理方法。
存储装置51可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序;存储数据区可存储根据终端的使用所创建的数据等。此外,存储装置51可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中,存储装置51可进一步包括相对于处理器50远程设置的存储器,这些远程存储器可以通过网络连接至设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
通信装置52可用于实现设备间的网络连接或者移动数据连接。
输入装置53可用于接收用户在页面编辑工作台输入的各项编辑操作;输出装置54可用于展示页面编辑工作台内站点页面的搭建情况。
本实施例提供的一种电子设备可用于执行上述任意实施例提供的站点页面的处理方法,具备相应的功能和有益效果。
实施例六
本发明实施例六还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时可实现上述任意实施例中的站点页面的处理方法。
该方法具体可以包括如下步骤:
响应于站点页面的编辑指令,进入预开发的页面编辑工作台,所述页面编辑工作台分为功能模板区、页面视图编辑区和配置区,所述功能模板区设置有不同站点页面内支持的功能模板;
根据从所述功能模板区至所述页面视图编辑区的模板拖拽操作,设置目标功能模板的视图布局;
按照所述配置区内为所述目标功能模板设置的视图映射规则,加载所述目标功能模板绑定的数据模型。
当然,本发明实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的方法操作,还可以执行本发明任意实施例所提供的用于通讯应用的消息管理方法或者上述实施例提供的通讯系统中所应用的方法中的相关操作。
通过以上关于实施方式的描述,所属领域的技术人员可以清楚地了解到,本发明可借助软件及必需的通用硬件来实现,当然也可以通过硬件实现,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
以上所述仅为本发明的优选实施例,并不用于限制本发明,对于本领域技术人员而言,本发明可以有各种改动和变化。凡在本发明的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种站点页面的处理系统,其特征在于,包括页面编辑工作台,所述页面编辑工作台分为功能模板区、页面视图编辑区和配置区,所述功能模板区设置有不同站点页面内支持的功能模板;其中,
所述页面视图编辑区用于设置目标功能模板的视图布局,所述目标功能模板为从所述功能模板区拖拽至所述页面视图编辑区的功能模板;
所述配置区用于设置所述目标功能模板的视图映射规则,并按照所述视图映射规则加载所述目标功能模板绑定的数据模型。
2.根据权利要求1所述的处理系统,其特征在于,所述配置区包括属性区和数据区;其中,
所述属性区用于按照所述目标功能模板的描述文件,配置所述目标功能模板的通用属性,并设置所述目标功能模块的视图映射规则;
所述数据区用于按照所述视图映射规则加载所述目标功能模板绑定的数据模型,以生成所述目标功能模板的视图。
3.根据权利要求1所述的处理系统,其特征在于,所述页面编辑工作台还包括:页面图层预览区和工具栏,所述工具栏设置有所述页面视图编辑区内所述目标功能模板的编辑控件;
所述页面图层预览区用于展示所述页面视图编辑区内各所述目标功能模板完成加载后生成的预览站点页面。
4.根据权利要求1-3任一项所述的处理系统,其特征在于,所述系统还包括:站点管理模块;
所述站点管理模块用于管理包含有至少一个站点页面的业务站点,并通过所述页面编辑工作台生成所述业务站点内包含的各站点页面。
5.根据权利要求4所述的处理系统,其特征在于,所述站点管理模块设置有站点创建、站点导入和站点导出的功能。
6.一种站点页面的处理方法,其特征在于,应用于权利要求1-5任一项所述的站点页面的处理系统中,包括:
响应于站点页面的编辑指令,进入预开发的页面编辑工作台,所述页面编辑工作台分为功能模板区、页面视图编辑区和配置区,所述功能模板区设置有不同站点页面内支持的功能模板;
根据从所述功能模板区至所述页面视图编辑区的模板拖拽操作,设置目标功能模板的视图布局;
按照所述配置区内为所述目标功能模板设置的视图映射规则,加载所述目标功能模板绑定的数据模型。
7.根据权利要求6所述的方法,其特征在于,所述按照所述配置区内为所述目标功能模板设置的视图映射规则,加载所述目标功能模板绑定的数据模型,包括:
按照所述目标功能模板的描述文件,在所述配置区的属性区内配置所述目标功能模板的通用属性,并设置所述目标功能模块的视图映射规则;
在所述配置区的数据区内,按照所述视图映射规则加载所述目标功能模板绑定的数据模型,以生成所述目标功能模板的视图。
8.根据权利要求6所述的方法,其特征在于,在响应于站点页面的生成指令,进入预开发的页面编辑工作台之前,还包括:
通过站点管理模块内设置的站点创建或者站点导入的功能,创建所述站点页面所在的业务站点。
9.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求6-8中任一所述的站点页面的处理方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求6-8中任一所述的站点页面的处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110720156.7A CN113448569A (zh) | 2021-06-28 | 2021-06-28 | 一种站点页面的处理系统、方法、设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110720156.7A CN113448569A (zh) | 2021-06-28 | 2021-06-28 | 一种站点页面的处理系统、方法、设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113448569A true CN113448569A (zh) | 2021-09-28 |
Family
ID=77813367
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110720156.7A Pending CN113448569A (zh) | 2021-06-28 | 2021-06-28 | 一种站点页面的处理系统、方法、设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113448569A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114444004A (zh) * | 2022-04-11 | 2022-05-06 | 飞狐信息技术(天津)有限公司 | 一种榜单处理方法及装置 |
CN114489623A (zh) * | 2022-02-18 | 2022-05-13 | 北京立达政通科技集团有限公司 | 基于拖拽式生成前端页面的方法、装置、设备和存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111443911A (zh) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | 一种页面开发方法、装置、电子设备及计算机存储介质 |
CN111708516A (zh) * | 2020-05-20 | 2020-09-25 | 上海迅搭云科技有限公司 | 一种网上web应用定制开发系统 |
CN112433799A (zh) * | 2020-11-25 | 2021-03-02 | 平安普惠企业管理有限公司 | 页面生成方法、装置、设备及介质 |
CN113031936A (zh) * | 2019-12-25 | 2021-06-25 | 中国航天系统工程有限公司 | 一种自动搭建页面并即时发布的方法及系统 |
-
2021
- 2021-06-28 CN CN202110720156.7A patent/CN113448569A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113031936A (zh) * | 2019-12-25 | 2021-06-25 | 中国航天系统工程有限公司 | 一种自动搭建页面并即时发布的方法及系统 |
CN111443911A (zh) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | 一种页面开发方法、装置、电子设备及计算机存储介质 |
CN111708516A (zh) * | 2020-05-20 | 2020-09-25 | 上海迅搭云科技有限公司 | 一种网上web应用定制开发系统 |
CN112433799A (zh) * | 2020-11-25 | 2021-03-02 | 平安普惠企业管理有限公司 | 页面生成方法、装置、设备及介质 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114489623A (zh) * | 2022-02-18 | 2022-05-13 | 北京立达政通科技集团有限公司 | 基于拖拽式生成前端页面的方法、装置、设备和存储介质 |
CN114489623B (zh) * | 2022-02-18 | 2022-11-04 | 北京立达政通科技集团有限公司 | 基于拖拽式生成前端页面的方法、装置、设备和存储介质 |
CN114444004A (zh) * | 2022-04-11 | 2022-05-06 | 飞狐信息技术(天津)有限公司 | 一种榜单处理方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10705942B1 (en) | Simulated testing of API | |
CN109918607B (zh) | 页面搭建方法及装置、介质和计算设备 | |
WO2021184725A1 (zh) | 用户界面测试方法、装置、存储介质及计算机设备 | |
US9880989B1 (en) | Document annotation service | |
CN111428177A (zh) | 用于web内容生成的方法和系统 | |
CN111045655A (zh) | 一种页面渲染的方法、装置、渲染服务器和存储介质 | |
WO2022048316A1 (zh) | 前端页面设计方法、装置、存储介质及设备 | |
US9575950B2 (en) | Systems and methods for managing spreadsheet models | |
CN111045653B (zh) | 系统生成方法、装置、计算机可读介质及电子设备 | |
CN109614601A (zh) | 基于web的表格处理方法、装置、设备及可读介质 | |
CN112711418B (zh) | 多组件的前端界面布局方法、装置、电子设备和存储介质 | |
CN111459478A (zh) | 一种生成网页的方法及终端 | |
CN110321504B (zh) | 一种页面处理方法及装置 | |
CN113448569A (zh) | 一种站点页面的处理系统、方法、设备和存储介质 | |
CN111708528A (zh) | 一种小程序的生成方法、装置、设备及存储介质 | |
KR20180091838A (ko) | 페이지 구축 방법, 단말기, 컴퓨터 판독 가능 저장 매체 및 페이지 구축기기 | |
CN112269576A (zh) | 一种组件展示方法、装置、服务器和存储介质 | |
CN111736740B (zh) | 图片热区生成方法、装置、设备和存储介质 | |
CN113407284A (zh) | 导航界面的生成方法、装置、存储介质及电子设备 | |
Konshin | Next. js Quick Start Guide: Server-side rendering done right | |
CN110968314A (zh) | 一种页面生成方法及装置 | |
CN113849156B (zh) | OpenHarmony操作系统应用的无代码智能开发系统及其使用方法 | |
US10567472B2 (en) | Manipulation of PDF files using HTML authoring tools | |
CN117093386B (zh) | 页面截图方法、装置、计算机设备和存储介质 | |
CN111367514A (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210928 |