CN117573107A - 前端页面生成方法和装置 - Google Patents
前端页面生成方法和装置 Download PDFInfo
- Publication number
- CN117573107A CN117573107A CN202410043829.3A CN202410043829A CN117573107A CN 117573107 A CN117573107 A CN 117573107A CN 202410043829 A CN202410043829 A CN 202410043829A CN 117573107 A CN117573107 A CN 117573107A
- Authority
- CN
- China
- Prior art keywords
- page
- user
- operation menu
- function
- menu object
- 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
- 238000000034 method Methods 0.000 title claims abstract description 52
- 238000013507 mapping Methods 0.000 claims abstract description 10
- 230000006870 function Effects 0.000 claims description 140
- 230000004927 fusion Effects 0.000 claims description 11
- 230000000694 effects Effects 0.000 claims description 7
- 230000004044 response Effects 0.000 claims description 6
- 230000003044 adaptive effect Effects 0.000 abstract description 2
- 238000013461 design Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 5
- 238000010276 construction Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000006978 adaptation Effects 0.000 description 3
- 239000000284 extract Substances 0.000 description 3
- 230000002452 interceptive effect Effects 0.000 description 3
- 230000007246 mechanism Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000009877 rendering Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000013480 data collection Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例提供一种前端页面生成方法和装置,涉及计算机技术领域,能够针对不同用户类型返回适应性的特定样式页面。本发明实施例的方法包括:通过所述云端分系统获取用户请求,提取所述用户请求中的用户标识,确定所述用户标识对应的目标用户类型以及用户所请求的特定页面组件的标识;利用所述特定页面组件的标识从预先编写的页面组件库中定位所述特定页面组件;利用预先确定的多个预设用户类型与页面样式调整策略之间的映射关系,确定所述目标用户类型对应的目标调整策略;使用所述目标调整策略对定位到的特定页面组件进行样式调整,得到与所述目标用户类型匹配的定制化组件,将所述定制化组件传输到相应的云端分系统。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种前端页面生成方法和装置。
背景技术
现有的前端技术中,为了实现根据不同用户类型调整页面样式的目的,一般需要针对同一页面内容定制不同样式的页面,导致开发效率较低。并且,针对具有多个云端分系统的架构,这些分系统之间难以实现统一的页面布局和交互逻辑,影响用户体验。
发明内容
有鉴于此,本发明实施例提供一种前端页面生成方法和装置,能够针对不同用户类型返回适应性的特定样式页面。
为实现上述目的,根据本发明的一个方面,提供了一种前端页面生成方法。
本发明实施例的前端页面生成方法由预先编写的、多个云端分系统共同引用的脚本函数执行;所述脚本函数中预先定义作为函数参数的脚本对象;所述方法包括:通过所述云端分系统获取用户请求,提取所述用户请求中的用户标识,确定所述用户标识对应的目标用户类型以及用户所请求的特定页面组件的标识;利用所述特定页面组件的标识从预先编写的页面组件库中定位所述特定页面组件;利用预先确定的多个预设用户类型与页面样式调整策略之间的映射关系,确定所述目标用户类型对应的目标调整策略;使用所述目标调整策略对定位到的特定页面组件进行样式调整,得到与所述目标用户类型匹配的定制化组件,将所述定制化组件传输到相应的云端分系统;以及,该云端分系统渲染所述定制化组件形成前端页面并向用户返回;在所述脚本函数被调用时,接收所述云端分系统传输的第一执行函数和第二执行函数,将第一执行函数作为所述脚本对象的第一特征值,将第二执行函数作为所述脚本对象的第二特征值;其中,第一执行函数的函数体中具有匹配预设操作菜单对象与用户请求地址的执行代码,第一执行函数中具有用于传值的第一参数;第二执行函数的函数体中具有调用外部接口以生成各云端分系统的独立页面数据的代码,第二执行函数具有用于传值的第二参数。
可选地,所述使用所述目标调整策略对定位到的特定页面组件进行样式调整,包括:使用所述目标调整策略对所述特定页面组件中的背景、边框、轮廓、呈现颜色、尺寸、在页面中的位置、文字大小或动画效果进行调整。
可选地,所述方法还包括:在所述脚本函数被调用时,接收所述云端分系统传输的基础页面框架,所述基础页面框架中包括声明元素、网页节点元素、头部元素和主体元素;在接收到所述云端分系统传输的第一执行函数之后,将预先确定的全部菜单项传入第一参数并调用第一执行函数,以确定匹配于所述用户请求的操作菜单对象标识;根据确定的操作菜单对象标识生成操作区域页面数据,将所述操作区域页面数据融合到所述基础页面框架的主体元素,得到初级页面。
可选地,所述根据确定的操作菜单对象标识生成操作区域页面数据,包括:判断所述操作菜单对象标识指向根操作菜单对象还是详情操作菜单对象:若为根操作菜单对象,则生成初级页面来使其中的初级菜单展示区域显示该根操作菜单对象的各个详情操作菜单对象,并使该根操作菜单对象以及该根操作菜单对象的某一个详情操作菜单对象突出显示;若为详情操作菜单对象,则获取该详情操作菜单对象所属的根操作菜单对象,生成所述初级页面以使所述初级页面中的详情菜单展示区域显示获取到的根操作菜单对象的各个详情操作菜单对象,并使该根操作菜单对象以及判断出的详情操作菜单对象突出显示。
可选地,所述操作区域页面数据中还包括用于存放各云端分系统的独立页面数据的槽口页面元素;所述方法还包括:得到所述初级页面之后,利用预先确定的槽口页面元素的索引值从所述初级页面中查询到所述初级页面中所述槽口页面元素的名称;将所述槽口页面元素的名称传入第二参数,并执行所述脚本对象,以将所述槽口页面元素的名称以及所述初级页面传输到相应的云端分系统,并向该云端分系统发出通知;以及,该云端分系统在接收到所述通知之后,使用所述槽口页面元素的名称从所述初级页面中确定所述槽口页面元素,调用第二执行函数来生成独立页面数据,将生成的独立页面数据融合到所述槽口页面元素,从而将所述初级页面转换为所述前端页面并将所述前端页面向用户返回。
为实现上述目的,根据本发明的另一方面,提供了一种前端页面生成装置。
本发明实施例的前端页面生成装置设置在预先编写的、多个云端分系统共同引用的脚本函数;所述装置包括:请求解析单元,用于通过所述云端分系统获取用户请求,提取所述用户请求中的用户标识,确定所述用户标识对应的目标用户类型以及用户所请求的特定页面组件的标识;策略确定单元,用于利用所述特定页面组件的标识从预先编写的页面组件库中定位所述特定页面组件;利用预先确定的多个预设用户类型与页面样式调整策略之间的映射关系,确定所述目标用户类型对应的目标调整策略;响应单元,用于使用所述目标调整策略对定位到的特定页面组件进行样式调整,得到与所述目标用户类型匹配的定制化组件,将所述定制化组件传输到相应的云端分系统;以及,该云端分系统渲染所述定制化组件形成前端页面并向用户返回。
可选地,所述响应单元还用于:使用所述目标调整策略对所述特定页面组件中的背景、边框、轮廓、呈现颜色、尺寸、在页面中的位置、文字大小或动画效果进行调整。
为实现上述目的,根据本发明的再一方面,提供了一种电子设备。
本发明的一种电子设备包括:至少一个处理器;以及,与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行本发明所提供的前端页面生成方法。
为实现上述目的,根据本发明的再一方面,提供了一种非暂态计算机可读存储介质。
本发明的一种非暂态计算机可读存储介质,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令用于使所述计算机执行本发明所提供的前端页面生成方法。
根据本发明的技术方案,上述发明中的一个实施例具有如下优点或有益效果:
通过所述云端分系统获取用户请求,提取所述用户请求中的用户标识,确定所述用户标识对应的目标用户类型以及用户所请求的特定页面组件的标识;利用所述特定页面组件的标识从预先编写的页面组件库中定位所述特定页面组件;利用预先确定的多个预设用户类型与页面样式调整策略之间的映射关系,确定所述目标用户类型对应的目标调整策略;使用所述目标调整策略对定位到的特定页面组件进行样式调整,得到与所述目标用户类型匹配的定制化组件,将所述定制化组件传输到相应的云端分系统;以及,该云端分系统渲染所述定制化组件形成前端页面并向用户返回。通过以上步骤,实现了适应于特定用户类型的样式适应性页面,避免了定制化页面的开发,提高用户体验。并且,基于多个云端分系统共同引用脚本函数、脚本函数中两个执行函数的设计以及基础页面框架、初级页面和前端页面的页面构建过程,本发明基于脚本函数实现了多个云端分系统之间的无代码侵入式融合、统一风格界面以及页面渲染、菜单控制等通用交互逻辑,避免了重复的分系统逻辑设置,减小多系统融合的成本。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明,不构成对本发明的不当限定。其中:
图1是本发明实施例中前端页面生成方法的主要步骤示意图;
图2是本发明实施例中前端页面生成装置的主要部分的示意图;
图3是用来实现本发明实施例的前端页面生成方法的电子设备的硬件结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
图1是本发明实施例中前端页面生成方法的主要步骤示意图,参见图1。本发明实施例的前端页面生成方法由预先编写的、多个云端分系统共同引用的脚本函数(如JS函数)执行,具体执行以下步骤:
步骤S101:通过所述云端分系统获取用户请求,提取所述用户请求中的用户标识,确定所述用户标识对应的目标用户类型以及用户所请求的特定页面组件的标识。
以上用户类型可以根据各种用户维度如年龄、性别、职业等进行划分。以及页面组件预先与不同的用户类型进行绑定。
步骤S102:利用所述特定页面组件的标识从预先编写的页面组件库中定位所述特定页面组件;利用预先确定的多个预设用户类型与页面样式调整策略之间的映射关系,确定所述目标用户类型对应的目标调整策略。以上页面样式调整策略可以是预先编写的函数或方法。
步骤S103:使用所述目标调整策略对定位到的特定页面组件进行样式调整,得到与所述目标用户类型匹配的定制化组件,将所述定制化组件传输到相应的云端分系统;以及,该云端分系统渲染所述定制化组件形成前端页面并向用户返回。
实际应用中,脚本函数的执行逻辑为,使用所述目标调整策略对所述特定页面组件中的背景、边框、轮廓、呈现颜色、尺寸、在页面中的位置、文字大小或动画效果进行调整。
在本发明实施例中,所述脚本函数中预先定义作为函数参数的脚本对象(即JS对象);所述方法还包括:在所述脚本函数被调用时(即云端分系统接收到用户请求后调用脚本函数时),接收所述云端分系统传输的第一执行函数和第二执行函数(二者可以是回调函数),将第一执行函数作为所述脚本对象的第一特征值,将第二执行函数作为所述脚本对象的第二特征值。以上两个特征值可以是脚本对象的预设特征的取值。具体地,第一执行函数的函数体中具有匹配预设操作菜单对象与用户请求地址的执行代码,第一执行函数中具有用于传值的第一参数;第二执行函数的函数体中具有调用外部接口以生成各云端分系统的独立页面数据的代码,第二执行函数具有用于传值的第二参数。以上独立页面数据指的是最终呈现给用户的前端页面中对应于特定的云端分系统的页面区域数据。
实际场景中,所述方法还包括:在所述脚本函数被调用时,接收所述云端分系统传输的基础页面框架,所述基础页面框架中包括声明元素、网页节点元素(html元素)、头部元素(head元素)和主体元素(body元素)。在接收到所述云端分系统传输的第一执行函数之后,脚本函数将预先确定的全部菜单项传入第一参数并调用第一执行函数,以通过以上匹配预设操作菜单对象与用户请求地址的执行代码确定匹配于所述用户请求的操作菜单对象标识。此后,脚本函数根据确定的操作菜单对象标识生成操作区域页面数据,将所述操作区域页面数据融合到所述基础页面框架的主体元素,得到初级页面。可以理解,初级页面在所述基础页面框架基础上实现了菜单显示的控制。
作为一个可选方案,以上根据确定的操作菜单对象标识生成操作区域页面数据的步骤具体如下:脚本函数首先判断所述操作菜单对象标识指向根操作菜单对象还是详情操作菜单对象:若为根操作菜单对象,则生成初级页面来使其中的初级菜单展示区域显示该根操作菜单对象的各个详情操作菜单对象,并使该根操作菜单对象以及该根操作菜单对象的某一个详情操作菜单对象突出显示;若为详情操作菜单对象,则获取该详情操作菜单对象所属的根操作菜单对象,生成所述初级页面以使所述初级页面中的详情菜单展示区域显示获取到的根操作菜单对象的各个详情操作菜单对象,并使该根操作菜单对象以及判断出的详情操作菜单对象突出显示。
在一个实施例中,所述操作区域页面数据中还可包括用于存放各云端分系统的独立页面数据的槽口页面元素,槽口页面元素可以是div元素,其包含在初级页面的操作区域页面数据中。在得到所述初级页面之后,脚本函数利用预先确定的槽口页面元素的索引值(如div元素的预定标识)从所述初级页面中查询到所述初级页面中所述槽口页面元素的名称;将所述槽口页面元素的名称传入第二参数,并执行所述脚本对象,以将所述槽口页面元素的名称以及所述初级页面传输到相应的云端分系统,并向该云端分系统发出通知;以及,该云端分系统在接收到所述通知之后,使用所述槽口页面元素的名称从所述初级页面中确定所述槽口页面元素,调用第二执行函数来生成独立页面数据,将生成的独立页面数据融合到所述槽口页面元素,从而将所述初级页面转换为所述前端页面并将所述前端页面向用户返回。
在各云端分系统的网页生成过程中,具有通用性质的脚本函数用来提供一致、通用的网页呈现框架,即,在固定基础页面框架基础上融入操作区域页面形成的初级页面,初级页面中还会显示用户名、登陆状态等信息,这些信息也可由脚本函数从后端服务器获取并写在初级页面。操作区域页面则是各云端分系统定制化的、可灵活修改维护的占有网页区域,其中主要包括网页上方或左右侧边的操作菜单区域以及各云端分系统的独立页面数据,这些网页部分的特定生成逻辑需要各云端分系统自行设计并存储,脚本函数并不参与这些程序流程。这些特定逻辑包括:第一执行函数的函数体中匹配预设操作菜单对象与用户请求地址的执行代码(即操作菜单形成代码)和第二执行函数的函数体中调用外部接口以生成各云端分系统的独立页面数据的代码(即独立页面数据的生成逻辑),通过这种通用与特异相结合的前端程序设计,能够实现由脚本函数建立的固定一致的网页基本框架以及由各云端分系统维护的菜单和独立页面编写逻辑,是各云端分系统在实现独立网页展示特定内容的基础上还能够在整体上显示一致的网页构造,表现出各云端分系统都从属于一个宏观大系统的特点,最终实现的效果类似于各云端分系统作为一个网站下的几个分站点或者分类目录。以上前端设计架构还实现了通用部分与特异部分的解耦,便于此后各云端分系统可根据需要灵活实时进行代码和网页样式内容的修改及维护,固定的网页基础框架则由脚本函数控制,不会被各云端分系统修改,最终提高系统可维护性和稳定性。
以上是基本的技术构思,实际呈现网页时还需要考虑脚本函数与各云端分系统的交互和通信,这就是以上两个执行函数的作用。从代码层面来说,这两个执行函数首先脚本函数的脚本对象的特征值,从而能够被脚本函数执行。第一执行函数被写成包括匹配预设操作菜单对象与用户请求地址的执行代码,第二执行函数被写成包括调用外部接口以生成各云端分系统的独立页面数据的代码,两个执行函数内部具有参数来完成后边的传值。
某云端分系统收到网页访问的请求后,首先将声明元素、html元素、head元素、body元素等基础框架传递给脚本函数,脚本函数将固定的所有菜单对象通过第一执行函数的回调机制传递到该云端分系统,该云端分系统利用第一执行函数中特异的菜单与用户地址匹配逻辑,匹配出当前请求的菜单对象并通过第一执行函数传递给脚本函数,脚本函数则根据菜单对象的显示逻辑构造出菜单部分区域,还可从后端获取登陆信息等写入网页,最终构造出操作区域页面,并将操作区域页面融入基本框架得到初级页面。
上述初级页面并不完整,还缺少该云端分系统定制化的独立页面,但是此时云端分系统不知道应该在初级页面的哪个节点嵌入独立页面,因此脚本函数首先通过预先配置的槽口页面元素的索引值从初级页面中查询到槽口页面元素的名称,并通过第二执行函数的回调机制传递给该云端分系统,该云端分系统拿到槽口页面元素之后,执行第二执行函数中生成独立页面的逻辑来生成独立页面并将独立页面融合进槽口页面元素,最终得到完整页面。以上即为本发明的主要技术构思。
如此,通过在各云端分系统引入通用的脚本函数以及以上两个执行函数机制,本发明在各云端分系统实现通用与特异逻辑部分解耦的、一致性的网页呈现框架以及各云端分系统的定制化个性网页展示。
综上所述,通过所述云端分系统获取用户请求,提取所述用户请求中的用户标识,确定所述用户标识对应的目标用户类型以及用户所请求的特定页面组件的标识;利用所述特定页面组件的标识从预先编写的页面组件库中定位所述特定页面组件;利用预先确定的多个预设用户类型与页面样式调整策略之间的映射关系,确定所述目标用户类型对应的目标调整策略;使用所述目标调整策略对定位到的特定页面组件进行样式调整,得到与所述目标用户类型匹配的定制化组件,将所述定制化组件传输到相应的云端分系统;以及,该云端分系统渲染所述定制化组件形成前端页面并向用户返回。通过以上步骤,实现了适应于特定用户类型的样式适应性页面,避免了定制化页面的开发,提高用户体验。并且,基于多个云端分系统共同引用脚本函数、脚本函数中两个执行函数的设计以及基础页面框架、初级页面和前端页面的页面构建过程,本发明基于脚本函数实现了多个云端分系统之间的无代码侵入式融合、统一风格界面以及页面渲染、菜单控制等通用交互逻辑,避免了重复的分系统逻辑设置,减小多系统融合的成本。
图2是根据本发明实施例的前端页面生成装置的主要部分的示意图。
如图2所示,本发明实施例的前端页面生成装置20设置在预先编写的、多个云端分系统共同引用的脚本函数;所述装置包括:请求解析单元21,用于通过所述云端分系统获取用户请求,提取所述用户请求中的用户标识,确定所述用户标识对应的目标用户类型以及用户所请求的特定页面组件的标识;策略确定单元22,用于利用所述特定页面组件的标识从预先编写的页面组件库中定位所述特定页面组件;利用预先确定的多个预设用户类型与页面样式调整策略之间的映射关系,确定所述目标用户类型对应的目标调整策略;响应单元23,用于使用所述目标调整策略对定位到的特定页面组件进行样式调整,得到与所述目标用户类型匹配的定制化组件,将所述定制化组件传输到相应的云端分系统;以及,该云端分系统渲染所述定制化组件形成前端页面并向用户返回。
在本发明实施例中,所述响应单元23还用于:使用所述目标调整策略对所述特定页面组件中的背景、边框、轮廓、呈现颜色、尺寸、在页面中的位置、文字大小或动画效果进行调整。
具体应用中,所述脚本函数中预先定义作为函数参数的脚本对象;所述装置200还包括系统融合单元,用于:在所述脚本函数被调用时,接收所述云端分系统传输的第一执行函数和第二执行函数,将第一执行函数作为所述脚本对象的第一特征值,将第二执行函数作为所述脚本对象的第二特征值;其中,第一执行函数的函数体中具有匹配预设操作菜单对象与用户请求地址的执行代码,第一执行函数中具有用于传值的第一参数;第二执行函数的函数体中具有调用外部接口以生成各云端分系统的独立页面数据的代码,第二执行函数具有用于传值的第二参数。
实际应用中,所述系统融合单元还用于:在所述脚本函数被调用时,接收所述云端分系统传输的基础页面框架,所述基础页面框架中包括声明元素、网页节点元素、头部元素和主体元素;在接收到所述云端分系统传输的第一执行函数之后,将预先确定的全部菜单项传入第一参数并调用第一执行函数,以确定匹配于所述用户请求的操作菜单对象标识;根据确定的操作菜单对象标识生成操作区域页面数据,将所述操作区域页面数据融合到所述基础页面框架的主体元素,得到初级页面。
在一个实施例中,所述系统融合单元还用于:判断所述操作菜单对象标识指向根操作菜单对象还是详情操作菜单对象:若为根操作菜单对象,则生成初级页面来使其中的初级菜单展示区域显示该根操作菜单对象的各个详情操作菜单对象,并使该根操作菜单对象以及该根操作菜单对象的某一个详情操作菜单对象突出显示;若为详情操作菜单对象,则获取该详情操作菜单对象所属的根操作菜单对象,生成所述初级页面以使所述初级页面中的详情菜单展示区域显示获取到的根操作菜单对象的各个详情操作菜单对象,并使该根操作菜单对象以及判断出的详情操作菜单对象突出显示。
此外,在本发明实施例中,所述操作区域页面数据中还包括用于存放各云端分系统的独立页面数据的槽口页面元素;所述系统融合单元还用于:得到所述初级页面之后,利用预先确定的槽口页面元素的索引值从所述初级页面中查询到所述初级页面中所述槽口页面元素的名称;将所述槽口页面元素的名称传入第二参数,并执行所述脚本对象,以将所述槽口页面元素的名称以及所述初级页面传输到相应的云端分系统,并向该云端分系统发出通知;以及,该云端分系统在接收到所述通知之后,使用所述槽口页面元素的名称从所述初级页面中确定所述槽口页面元素,调用第二执行函数来生成独立页面数据,将生成的独立页面数据融合到所述槽口页面元素,从而将所述初级页面转换为所述前端页面并将所述前端页面向用户返回。
需要说明的是,本发明实施例的装置作为软件,可安装在计算机、移动终端等设备中。
综上所述,通过所述云端分系统获取用户请求,提取所述用户请求中的用户标识,确定所述用户标识对应的目标用户类型以及用户所请求的特定页面组件的标识;利用所述特定页面组件的标识从预先编写的页面组件库中定位所述特定页面组件;利用预先确定的多个预设用户类型与页面样式调整策略之间的映射关系,确定所述目标用户类型对应的目标调整策略;使用所述目标调整策略对定位到的特定页面组件进行样式调整,得到与所述目标用户类型匹配的定制化组件,将所述定制化组件传输到相应的云端分系统;以及,该云端分系统渲染所述定制化组件形成前端页面并向用户返回。通过以上步骤,实现了适应于特定用户类型的样式适应性页面,避免了定制化页面的开发,提高用户体验。并且,基于多个云端分系统共同引用脚本函数、脚本函数中两个执行函数的设计以及基础页面框架、初级页面和前端页面的页面构建过程,本发明基于脚本函数实现了多个云端分系统之间的无代码侵入式融合、统一风格界面以及页面渲染、菜单控制等通用交互逻辑,避免了重复的分系统逻辑设置,减小多系统融合的成本。
需要说明的是,本发明的技术方案中,所涉及的用户个人信息的采集、分析、使用、传输、存储等方面,均符合相关法律法规的规定,被用于合法且合理的用途,不在这些合法使用等方面之外共享、泄露或出售,并且接受监管部门的监督管理。应当对用户个人信息采取必要措施,以防止对此类个人信息数据的非法访问,确保有权访问个人信息数据的人员遵守相关法律法规的规定,确保用户个人信息安全。一旦不再需要这些用户个人信息数据,应当通过限制甚至禁止数据收集和/或删除数据的方式将风险降至最低。当使用时,包括在某些相关应用程序中,通过对数据去标识来保护用户隐私,例如在使用时通过移除特定标识符(例如出生日期)、控制所存储数据的量或特异性(例如在城市级别而不是在具体地址级别收集位置数据)、控制数据如何被存储、和/或其它方法去标识。
根据本发明的实施例,本发明还提供了一种电子设备和一种可读存储介质。
本发明的电子设备包括:至少一个处理器;以及,与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器执行本发明所提供的前端页面生成方法。
本发明的非暂态计算机可读存储介质存储计算机指令,所述计算机指令用于使所述计算机执行本发明所提供的前端页面生成方法。
如图3所示,是用来实现本发明实施例的方法的电子设备的硬件结构示意图。如图3,该电子设备包括:一个或多个处理器31以及存储器32,图3中以一个处理器31为例。其中,存储器32即为本发明所提供的非暂态计算机可读存储介质。
本发明的电子设备还可以包括:输入装置33和输出装置33。
处理器31、存储器32、输入装置33和输出装置33可以通过总线或者其他方式连接,图3中以通过总线连接为例。
存储器32作为一种非暂态计算机可读存储介质,可用于存储非暂态软件程序、非暂态计算机可执行程序以及模块,如本发明实施例中的方法对应的程序指令/模块。处理器31通过运行存储在存储器32中的非暂态软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述方法实施例的前端页面生成方法。
存储器32可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储根据装置的使用所创建的数据等。此外,存储器32可以包括高速随机存取存储器,还可以包括非暂态存储器,例如至少一个磁盘存储器件、闪存器件、或其他非暂态固态存储器件。在一些实施例中,存储器32可选包括相对于处理器31远程设置的存储器,这些远程存储器可以通过网络连接至装置。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置33可接收输入的数字或字符信息,以及产生与装置的用户设置以及功能控制有关的键信号输入。输出装置33可包括显示屏等显示设备。
以上一个或者多个模块存储在所述存储器32中,当被所述一个或者多个处理器31执行时,执行上述任意方法实施例的前端页面生成方法。
上述产品可执行本发明实施例所提供的方法,具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节,可参见本发明实施例所提供的前端页面生成方法。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,取决于设计要求和其他因素,可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (9)
1.一种前端页面生成方法,由预先编写的、多个云端分系统共同引用的脚本函数执行;其特征在于,所述脚本函数中预先定义作为函数参数的脚本对象,所述方法包括:
通过所述云端分系统获取用户请求,提取所述用户请求中的用户标识,确定所述用户标识对应的目标用户类型以及用户所请求的特定页面组件的标识;
利用所述特定页面组件的标识从预先编写的页面组件库中定位所述特定页面组件;利用预先确定的多个预设用户类型与页面样式调整策略之间的映射关系,确定所述目标用户类型对应的目标调整策略;
使用所述目标调整策略对定位到的特定页面组件进行样式调整,得到与所述目标用户类型匹配的定制化组件,将所述定制化组件传输到相应的云端分系统;以及,该云端分系统渲染所述定制化组件形成前端页面并向用户返回;
在所述脚本函数被调用时,接收所述云端分系统传输的第一执行函数和第二执行函数,将第一执行函数作为所述脚本对象的第一特征值,将第二执行函数作为所述脚本对象的第二特征值;其中,第一执行函数的函数体中具有匹配预设操作菜单对象与用户请求地址的执行代码,第一执行函数中具有用于传值的第一参数;第二执行函数的函数体中具有调用外部接口以生成各云端分系统的独立页面数据的代码,第二执行函数具有用于传值的第二参数。
2.根据权利要求1所述的方法,其特征在于,所述使用所述目标调整策略对定位到的特定页面组件进行样式调整,包括:
使用所述目标调整策略对所述特定页面组件中的背景、边框、轮廓、呈现颜色、尺寸、在页面中的位置、文字大小或动画效果进行调整。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在所述脚本函数被调用时,接收所述云端分系统传输的基础页面框架,所述基础页面框架中包括声明元素、网页节点元素、头部元素和主体元素;
在接收到所述云端分系统传输的第一执行函数之后,将预先确定的全部菜单项传入第一参数并调用第一执行函数,以确定匹配于所述用户请求的操作菜单对象标识;
根据确定的操作菜单对象标识生成操作区域页面数据,将所述操作区域页面数据融合到所述基础页面框架的主体元素,得到初级页面。
4.根据权利要求3所述的方法,其特征在于,所述根据确定的操作菜单对象标识生成操作区域页面数据,包括:
判断所述操作菜单对象标识指向根操作菜单对象还是详情操作菜单对象:
若为根操作菜单对象,则生成初级页面来使其中的初级菜单展示区域显示该根操作菜单对象的各个详情操作菜单对象,并使该根操作菜单对象以及该根操作菜单对象的某一个详情操作菜单对象突出显示;
若为详情操作菜单对象,则获取该详情操作菜单对象所属的根操作菜单对象,生成所述初级页面以使所述初级页面中的详情菜单展示区域显示获取到的根操作菜单对象的各个详情操作菜单对象,并使该根操作菜单对象以及判断出的详情操作菜单对象突出显示。
5.根据权利要求4所述的方法,其特征在于,所述操作区域页面数据中还包括用于存放各云端分系统的独立页面数据的槽口页面元素;所述方法还包括:
得到所述初级页面之后,利用预先确定的槽口页面元素的索引值从所述初级页面中查询到所述初级页面中所述槽口页面元素的名称;
将所述槽口页面元素的名称传入第二参数,并执行所述脚本对象,以将所述槽口页面元素的名称以及所述初级页面传输到相应的云端分系统,并向该云端分系统发出通知;以及,该云端分系统在接收到所述通知之后,使用所述槽口页面元素的名称从所述初级页面中确定所述槽口页面元素,调用第二执行函数来生成独立页面数据,将生成的独立页面数据融合到所述槽口页面元素,从而将所述初级页面转换为所述前端页面并将所述前端页面向用户返回。
6.一种前端页面生成装置,设置在预先编写的、多个云端分系统共同引用的脚本函数;其特征在于,所述脚本函数中预先定义作为函数参数的脚本对象,所述装置包括:
请求解析单元,用于通过所述云端分系统获取用户请求,提取所述用户请求中的用户标识,确定所述用户标识对应的目标用户类型以及用户所请求的特定页面组件的标识;
策略确定单元,用于利用所述特定页面组件的标识从预先编写的页面组件库中定位所述特定页面组件;利用预先确定的多个预设用户类型与页面样式调整策略之间的映射关系,确定所述目标用户类型对应的目标调整策略;
响应单元,用于使用所述目标调整策略对定位到的特定页面组件进行样式调整,得到与所述目标用户类型匹配的定制化组件,将所述定制化组件传输到相应的云端分系统;以及,该云端分系统渲染所述定制化组件形成前端页面并向用户返回;
系统融合单元,用于:在所述脚本函数被调用时,接收所述云端分系统传输的第一执行函数和第二执行函数,将第一执行函数作为所述脚本对象的第一特征值,将第二执行函数作为所述脚本对象的第二特征值;其中,第一执行函数的函数体中具有匹配预设操作菜单对象与用户请求地址的执行代码,第一执行函数中具有用于传值的第一参数;第二执行函数的函数体中具有调用外部接口以生成各云端分系统的独立页面数据的代码,第二执行函数具有用于传值的第二参数。
7.根据权利要求6所述的装置,其特征在于,所述响应单元还用于:使用所述目标调整策略对所述特定页面组件中的背景、边框、轮廓、呈现颜色、尺寸、在页面中的位置、文字大小或动画效果进行调整。
8.一种电子设备,其特征在于,包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-5中任一项所述的方法。
9.一种非暂态计算机可读存储介质,其特征在于,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令用于使所述计算机执行权利要求1-5中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410043829.3A CN117573107A (zh) | 2024-01-12 | 2024-01-12 | 前端页面生成方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410043829.3A CN117573107A (zh) | 2024-01-12 | 2024-01-12 | 前端页面生成方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117573107A true CN117573107A (zh) | 2024-02-20 |
Family
ID=89864583
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202410043829.3A Pending CN117573107A (zh) | 2024-01-12 | 2024-01-12 | 前端页面生成方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117573107A (zh) |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108399088A (zh) * | 2018-01-19 | 2018-08-14 | 北京奇艺世纪科技有限公司 | 页面展示方法、用户终端、页面服务器及样式配置服务器 |
CN109614545A (zh) * | 2018-11-13 | 2019-04-12 | 阿里巴巴集团控股有限公司 | 页面加载方法、装置及设备 |
US20200097506A1 (en) * | 2018-09-21 | 2020-03-26 | International Business Machines Corporation | Using natural language to control structured web page data |
CN111158679A (zh) * | 2018-11-08 | 2020-05-15 | 北京航天长峰科技工业集团有限公司 | 一种基于VueJS的平台前端框架解决方案 |
CN111506310A (zh) * | 2020-03-24 | 2020-08-07 | 平安国际智慧城市科技股份有限公司 | 生成多平台样式的方法、装置、设备及存储介质 |
CN111782213A (zh) * | 2020-06-30 | 2020-10-16 | 贵州北斗领航科技有限责任公司 | 基于dom的动态控制页面生成系统 |
CN114090608A (zh) * | 2020-07-20 | 2022-02-25 | 北京沃东天骏信息技术有限公司 | 数据报表的生成方法及装置 |
CN114090934A (zh) * | 2021-11-19 | 2022-02-25 | 中国银行股份有限公司 | 页面调整方法及装置、存储介质及电子设备 |
CN116955861A (zh) * | 2022-04-14 | 2023-10-27 | 北京沃东天骏信息技术有限公司 | 页面生成方法和装置以及前端融合系统 |
CN117215556A (zh) * | 2023-09-18 | 2023-12-12 | 重庆工业赋能创新中心有限公司 | 模块化的页面快速构建方法、系统、设备及介质 |
-
2024
- 2024-01-12 CN CN202410043829.3A patent/CN117573107A/zh active Pending
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108399088A (zh) * | 2018-01-19 | 2018-08-14 | 北京奇艺世纪科技有限公司 | 页面展示方法、用户终端、页面服务器及样式配置服务器 |
US20200097506A1 (en) * | 2018-09-21 | 2020-03-26 | International Business Machines Corporation | Using natural language to control structured web page data |
CN111158679A (zh) * | 2018-11-08 | 2020-05-15 | 北京航天长峰科技工业集团有限公司 | 一种基于VueJS的平台前端框架解决方案 |
CN109614545A (zh) * | 2018-11-13 | 2019-04-12 | 阿里巴巴集团控股有限公司 | 页面加载方法、装置及设备 |
CN111506310A (zh) * | 2020-03-24 | 2020-08-07 | 平安国际智慧城市科技股份有限公司 | 生成多平台样式的方法、装置、设备及存储介质 |
CN111782213A (zh) * | 2020-06-30 | 2020-10-16 | 贵州北斗领航科技有限责任公司 | 基于dom的动态控制页面生成系统 |
CN114090608A (zh) * | 2020-07-20 | 2022-02-25 | 北京沃东天骏信息技术有限公司 | 数据报表的生成方法及装置 |
CN114090934A (zh) * | 2021-11-19 | 2022-02-25 | 中国银行股份有限公司 | 页面调整方法及装置、存储介质及电子设备 |
CN116955861A (zh) * | 2022-04-14 | 2023-10-27 | 北京沃东天骏信息技术有限公司 | 页面生成方法和装置以及前端融合系统 |
CN117215556A (zh) * | 2023-09-18 | 2023-12-12 | 重庆工业赋能创新中心有限公司 | 模块化的页面快速构建方法、系统、设备及介质 |
Non-Patent Citations (1)
Title |
---|
蒋凌燕;查英华;: "基于HTML5的响应式Web页面重组适配技术研究", 计算机与现代化, no. 02, 15 February 2015 (2015-02-15) * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108363602B (zh) | 智能ui界面布局方法、装置、终端设备及存储介质 | |
WO2018133452A1 (zh) | 一种网页渲染方法及相关设备 | |
CN109213948B (zh) | 网页加载方法、中间服务器和网页加载系统 | |
WO2017071189A1 (zh) | 网页的访问方法、装置、设备及非易失性计算机存储介质 | |
US10990641B2 (en) | Configuration of content site user interaction monitoring in data networks | |
US10218775B2 (en) | Methods for servicing web service requests using parallel agile web services and devices thereof | |
CN112905928B (zh) | 网页刷新方法、装置、电子设备及存储介质 | |
TW201409273A (zh) | 網頁訪問請求的響應方法和裝置 | |
CN113094049A (zh) | 一种页面生成方法、页面展示方法、装置及电子设备 | |
CN108664519B (zh) | 业务规则管理的方法、装置、电子设备和存储介质 | |
CN109344351B (zh) | 网页加载方法、中间服务器和网页加载系统 | |
CN113050921A (zh) | 一种网页转换方法、装置、存储介质和计算机设备 | |
CN114117498A (zh) | 脱敏数据的实现方法、装置、系统、设备及存储介质 | |
US10417318B2 (en) | Treatment controller | |
CN115065945B (zh) | 短信链接生成方法、装置、电子设备及存储介质 | |
CN117573107A (zh) | 前端页面生成方法和装置 | |
CN117093798A (zh) | 渲染异常检测方法、装置、电子设备及存储介质 | |
CN110874278A (zh) | 外部系统的嵌入方法、工作流系统、设备及存储介质 | |
CN114629955A (zh) | 一种身份认证方法、设备及计算机可读存储介质 | |
CN113626392A (zh) | 文档数据更新的方法和装置、电子设备和存储介质 | |
CN113608745B (zh) | 一种初始化用户权限的方法及存储介质 | |
CN115776516B (zh) | 页面刷新方法及其装置、电子设备 | |
CN116975837A (zh) | 数据处理方法、装置、设备及可读存储介质 | |
CN117056192A (zh) | 信息采集方法、装置、电子设备及计算机可读存储介质 | |
CN117093800A (zh) | 网络资产数据报告pdf批量输出方法、装置及电子设备 |
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 |