CN116841548A - 一种基于可配置渲染的网页生成方法和装置 - Google Patents

一种基于可配置渲染的网页生成方法和装置 Download PDF

Info

Publication number
CN116841548A
CN116841548A CN202310825041.3A CN202310825041A CN116841548A CN 116841548 A CN116841548 A CN 116841548A CN 202310825041 A CN202310825041 A CN 202310825041A CN 116841548 A CN116841548 A CN 116841548A
Authority
CN
China
Prior art keywords
user
component
rendering
page
target
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
Application number
CN202310825041.3A
Other languages
English (en)
Inventor
杨小星
唐昭文
鲁梦新
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Shen Xue Supply Chain Management Co ltd
Original Assignee
Shanghai Shen Xue Supply Chain Management Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shanghai Shen Xue Supply Chain Management Co ltd filed Critical Shanghai Shen Xue Supply Chain Management Co ltd
Priority to CN202310825041.3A priority Critical patent/CN116841548A/zh
Publication of CN116841548A publication Critical patent/CN116841548A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

本申请涉及渲染和显示的领域,提供一种基于可配置渲染的网页生成方法和装置,所述方法包括执行预配置操作以生成页面渲染容器;接收来自用户的网页请求,并根据所述用户的预设置权限确定与所述网页请求所指示的目标页面相关联的目标组件;将所述目标组件动态加载到所述页面渲染容器中进行渲染以生成所述目标页面。本申请显示的多种页面都可以使用同一套的基本组件通过“拼图”构成,在进行个性化设置的时候只需要修改基本组件的“拼图”就可以完成页面的改动,整体多个页面的代码量少,整体数据量也更少,同时对用户的页面和组件均设置有权限,从而实现不同权限的用户渲染显示的页面不同,保证“千人千面”的差异性渲染显示效果。

Description

一种基于可配置渲染的网页生成方法和装置
技术领域
本申请涉及渲染和显示的领域,尤其是涉及一种基于可配置渲染的网页生成方法和装置。
背景技术
目前市面上针对用户个性化定制的渲染和显示方案,大部分是先打包好所有可能的页面,每种单独一个页面,根据用户拉取不同的页面链接。这种处理方式使得服务器需要存储海量的页面,每个页面也设置有不同的组件,如此使得服务器中的资源体积十分巨大,整体运行缓慢,且数据之间很容易出现交叉。同时,页面中的组件及组件中的数据无法动态控制,用户每次修改均需要都需要前端新增页面再发布,交付时间长。
发明内容
为了在向用户提供多种个性化的页面同时限制整体数据量,本申请提供一种基于可配置渲染的网页生成方法和装置。
本申请提供的一种基于可配置渲染的网页生成方法和装置,采用如下的技术方案:
一种基于可配置渲染的网页生成方法,所述方法包括:
执行预配置操作以生成页面渲染容器;
接收来自用户的网页请求,并根据所述用户的预设置权限确定与所述网页请求所指示的目标页面相关联的目标组件;
将所述目标组件动态加载到所述页面渲染容器中进行渲染以生成所述目标页面。
通过采用上述技术方案,通过预配置操作生成页面渲染容器,根据实际工作要求生成渲染容器,以使得渲染容器工作更加适配于实际工作。工作人员配置用户的预设置权限来限制在收到用户的网页请求时页面的目标组件,如此实现根据根据预设置权限改变目标页面的内容,随后采用上述的页面渲染容器来进行渲染,并动态显示页面。如此,通过构建和应用不同的目标组件,实现不同用户的目标页面的显示,相比于直接将整个页面的代码完全编辑而言,本案中以目标组件为变量,是的整个页面修改是的所需的代码量减小,该页面的数据量也更少。通过预设权限改变目标组件,以更进一步是的渲染的显示的页面也发生改变,保证“千人千面”的差异性渲染显示效果。
可选的,所述执行预配置操作以生成页面渲染容器包括:
预配置多个基本组件,所述多个基本组件分属至少两种组件类型;
设置与不同的组件类型对应的渲染程序,并对所述渲染程序进行封装以生成所述页面渲染容器。
通过采用上述技术方案,预配置操作生成页面渲染容器时,设置不同组件类型对应的渲染程序,并封装为页面渲染容器。从而实现,在实际引用操作时,识别组件的类型,随后采用与该类型对应的渲染程序进行渲染,保证了根据组件类型的不同采用不同的渲染程序进行渲染,在渲染过程中针对性更强,渲染准确性得到保证。
可选的,所述根据所述用户的预设置权限确定与所述网页请求所指示的目标页面相关联的目标组件包括:
根据所述用户的预设置权限确定所述用户是否具有打开所述网页请求所指示的目标页面的权限;
在确定所述用户具有打开所述网页请求所指示的目标页面的权限的情况下,确认所述多个基本组件中所述用户具有权限的基本组件,并根据用户的选择及调整结果将所述用户具有权限的基本组件中的全部或者一部分作为所述目标组件。
通过采用上述技术方案,用户的预设置权限包括页面权限和组件权限,在页面权限判断通过后再进行组件权限判定,在页面权限判断不通过时直接中断后续操作的执行,避免无异议的页面浪费和操作浪费。确认基本组件中用户具有权限的部分并构成目标组件,保证每个有权限的页面所使用的目标组件都是根据用户的权限设置的。本案中对用户的页面和基本组件均设置有权限,从而实现根据用户请求的不同调配不同的页面以及不同的组件,进而实现不同权限的用户渲染显示的页面不同,保证“千人千面”的差异性渲染显示效果。
可选的,所述将所述目标组件动态加载到所述页面渲染容器中进行渲染以生成所述目标页面包括:
将所述目标组件动态加载到所述页面渲染容器中,并启用与各个目标组件的组件类型对应的所述渲染程序分别对所述目标组件进行渲染,以生成所述目标页面。
通过采用上述技术方案,目标组件动态到页面渲染容器中进行渲染时,根据目标组件的组件类型对应的渲染程序进行渲染,保证渲染的准确性,避免外界其他无关渲染程序的干扰。
可选的,所述基本组件中的一部分具有预设的嵌套关系,并且具有嵌套关系的基本组件所对应的渲染程序之间也具有对应的逻辑处理嵌套顺序。
通过采用上述技术方案,充分考虑到了基本组件中具有嵌套关系的情况,在进行渲染时,同样调整渲染程序的逻辑处理关系,按照基本组件的嵌套顺序来进行渲染程序之间的逻辑处理嵌套顺序。保证相互嵌套的基本组件经过渲染后依然展示嵌套关系。
可选的,确认所述多个基本组件中所述用户具有权限的基本组件,并根据用户的选择即调整结果将所述用户具有权限的基本组件中的全部或者一部分作为所述目标组件,包括:
根据所述用户的预设置权限确定用户具有权限的基本组件,并将所确定的用户具有权限的基本组件加载至组件容器,以展示所述用户具有权限的基本组件的预览;
基于用户的选择及调整指令,筛选及调整所述组件容器中的基本组件;
在用户发出确认指示后,将所述组件容器中已经过选择及调整的基本组件作为目标组件。
通过采用上述技术方案,将多个用户具有权限的基本组件组合加载至组件容器,并对于组件容器中所有用户具有权限的基本组件的预览。实现对于用户具有权限的基本组件的整理,通过组件容器对所有用户具有权限的基本组件进行展示,以供用户对这些用户具有权限的基本组件进行选择和修改,实现对于目标组件设定的可视化选择和修改。随后根据确认指示,将组件容器中已经经过选择和调整的基本组件作为目标组件,以供动态加载到页面渲染容器中进行渲染。
可选的,所述基于用户的选择及调整指示,筛选及调整所述组件容器中的基本组件包括:
根据来自用户的剔除指令去除所述组件容器中的一个或多个基本组件;以及,
根据来自用户的调整指令修改所述组件容器中的一个或多个基本组件。
通过采用上述技术方案,工作人员通过剔除指令删除组件容器中的基本组件,从而将误入的基本逐渐删除,以保证组件容器中的基本组件均符合用户的预设置权限,亦或者将组件容器中的无关基本组件删除。工作人员通过调整指令修改组件容器中的基本组件,完成对于基本组件的修改以实现基本组件定制修改。
可选的,所述根据来自用户的调整指令修改所述组件容器中的一个或多个基本组件包括:改变全部或部分基本组件的显示位置和/或显示方式,以及配置全部或部分基本组件的显示内容。
可选的,所述基本组件包括共用组件和权限组件,所述共用组件的方位权限不设限,所述权限组件的访问权限由所述用户的预设置权限进行限定,并且所述用户具有权限的基本组件包括共用组件和与所述用户的预设置权限所限定的权限组件。
通过采用上述技术方案,基本组件中只有权限组件才会被赋予需要用户权限才会被使用的功能,共用组件则是不需要用户权限即可被使用的,所以用户具有权限的基本组件包括了共用组件和设置有仅供用户具有权限使用的权限组件。本案中并不是所有基本组件都需要设定需要用户权限来使用的,保证了无权限的用户也能够正常使用具有页面权限的目标页面。
本发明还提供一种基于可配置渲染的网页生成装置,包括:
渲染容器配置模块,用于执行预配置操作以生成页面渲染容器;
页面配置模块,用于接收来自用户的网页请求,并根据所述用户的预设置权限确定与所述网页请求所指示的目标页面相关联的目标组件;
页面渲染模块,用于将所述目标组件动态加载到所述页面渲染容器中进行渲染以生成所述目标页面。
过采用上述技术方案,通过预配置操作生成页面渲染容器,根据实际工作要求生成渲染容器,以使得渲染容器工作更加适配于实际工作。工作人员配置用户的预设置权限来限制在收到用户的网页请求时页面的目标组件,如此实现根据预设置权限改变目标页面的内容,随后采用上述的页面渲染容器来进行渲染,并动态显示页面。如此,通过构建和应用不同的目标组件,实现不同用户的目标页面的显示,相比于直接将整个页面的代码完全编辑而言,本案中以目标组件为变量,是的整个页面修改是的所需的代码量减小,该页面的数据量也更少。通过预设权限改变目标组件,以更进一步是的渲染的显示的页面也发生改变,保证“千人千面”的差异性渲染显示效果。
综上所述,本申请包括以下至少一种有益技术效果:
1.本案中显示的多种页面都可以使用同一套的基本组件通过“拼图”构成,整体多个页面的代码量少,整体数据量也更少;在进行个性化设置的时候只需要修改基本组件的“拼图”就可以完成页面的改动,改动更为便捷。
2.对用户的页面和组件均设置有权限,从而实现根据用户请求的不同调配不同的页面以及不同的组件,从而实现不同权限的用户渲染显示的页面不同。
3.根据组件类型的不同采用不同的渲染程序进行渲染,在渲染过程中针对性更强,渲染准确性得到保证。
4.按照基本组件的嵌套顺序来进行渲染程序之间的逻辑处理嵌套顺序,保证相互嵌套的基本组件经过渲染后依然展示嵌套关系。
附图说明
图1是本发明第一实施方式提供的基于可配置渲染的网页生成方法的流程示意图;
图2是本发明第二实施方式提供的基于可配置渲染的网页生成装置的结构示意图。
具体实施方式
以下结合附图,对本申请作进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
在以下描述中,为了解释的目的,阐述了很多具体细节,以便提供对发明构思的彻底理解。作为本说明书的一部分,本公开的附图中的一些附图以框图形式表示结构和设备,以避免使所公开的原理复杂难懂。为了清晰起见,实际具体实施的并非所有特征都有必要进行描述。在本公开中对“一个具体实施”或“具体实施”的提及意指结合该具体实施所述的特定特征、结构或特性被包括在至少一个具体实施中,并且对“一个具体实施”或“具体实施”的多个提及不应被理解为必然地全部是指同一具体实施。
除非明确限定,否则术语“一个”、“一种”和“该”并非旨在指代单数实体,而是包括其特定示例可以被用于举例说明的一般性类别。因此,术语“一个”或“一种”的使用可以意指至少一个的任意数目,包括“一个”、“一个或多个”、“至少一个”和“一个或不止一个”。术语“或”意指可选项中的任意者以及可选项的任何组合,包括所有可选项,除非可选项被明确指示是相互排斥的。短语“中的至少一者”在与项目列表组合时是指列表中的单个项目或列表中项目的任何组合。所述短语并不要求所列项目的全部,除非明确如此限定。
第一实施方式:
本发明的第一实施方式提供一种基于可配置渲染的网页生成方法,包括:执行预配置操作以生成页面渲染容器;接收来自用户的网页请求,并根据所述用户的预设置权限确定与所述网页请求所指示的目标页面相关联的目标组件;将所述目标组件动态加载到所述页面渲染容器中进行渲染以生成所述目标页面。
本案通过预配置操作生成页面渲染容器,根据实际工作要求生成渲染容器,以使得渲染容器工作更加适配于实际工作。工作人员配置用户的预设置权限来限制在收到用户的网页请求时页面的目标组件,如此实现根据根据预设置权限改变目标页面的内容,随后采用上述的页面渲染容器来进行渲染,并动态显示页面。如此,通过构建和应用不同的目标组件,实现不同用户的目标页面的显示,相比于直接将整个页面的代码完全编辑而言,本案中以目标组件为变量,是的整个页面修改是的所需的代码量减小,该页面的数据量也更少。通过预设权限改变目标组件,以更进一步是的渲染的显示的页面也发生改变,保证“千人千面”的差异性渲染显示效果。
下面对本实施方式的一种基于可配置渲染的网页生成方法实现细节进行具体说明,以下内容仅为方便理解提供的实施细节,并非本实施本方案的必须,本实施方式的具体流程如图1所示,包括如下步骤:
步骤101,执行预配置操作以生成页面渲染容器。
具体而言,步骤101的实施包括:S1-1,预配置多个基本组件,所述多个基本组件分属至少两种组件类型;S1-2,设置与不同的组件类型对应的渲染程序,并对所述渲染程序进行封装以生成所述页面渲染容器。
预先配置多个基本组件,通常这些基本组件是存储在共享组件库中,这些多个基本组件至少有两种组件类型,通常基本组件的类型有指标卡、趋势图、表格、自定义组件。针对不同类型的组件类型设定对应的渲染程序,例如针对指标卡的组件类型设定的渲染程序就会同时渲染指标卡的业务指标卡、垂直指标卡、水平指标卡所对应的渲染程序,例如针对趋势图的组件类型设定的渲染程序会根据返回数据不同显示折线图、饼图、柱状图等所对应的渲染程序,例如针对表格的组件类型设定的渲染程序就会根据表格类型渲染不同子表格。也就是说,S1-2中渲染程序是针对组件类型的具体分类设定的,并将这些渲染程序封装生成页面渲染容器,以保证该页面渲染容器中的渲染程序能够对应本案中各种组件类型。优选的,S1-2中渲染容器中设定是所有数据类型对应的渲染程序的集合,与任一数据类型无关的渲染程序并不会放入到渲染容器中,采用 HTML、CSS 和 JavaScript 等技术,实现一个自定义的渲染容器,此容器可以用来展示各种类型的组件,例如卡片、页面操作工具、趋势图组件、表格组件等,一般页面除了渲染内容体组件外,还会有头部的设置例如显示日期,公告栏等,这种不需要在容器内做组件匹配,需要根据预先设置好的插槽地址判断是否显示即可。
在一些示例中,S1-1中,所述基本组件中的一部分具有预设的嵌套关系,并且具有嵌套关系的基本组件所对应的渲染程序之间也具有对应的逻辑处理嵌套顺序。
本示例充分考虑到了基本组件中具有嵌套关系的情况,在进行渲染时,同样调整渲染程序的逻辑处理关系,按照基本组件的嵌套顺序来进行渲染程序之间的逻辑处理嵌套顺序。保证相互嵌套的基本组件经过渲染后依然展示嵌套关系。例如,在指标卡A内嵌套有指标卡a1和趋势图a2,那么该指标卡A对应的渲染程序就是,A对应的渲染程序KA中在执行时还嵌套了指标卡a1对应的Ka1和指标卡a2对应的Ka2。本示例支持基本逐渐互相嵌套,可以使用插槽(slot)或者约定好指定类型(比如前后端约定好数据格式,如果类型是GROUP就表示需要)识别此组件是否需要嵌套等技术实现。
在一些示例中,S1-1中,所述基本组件新增指令下增设,以及在组件修改指令下修改内容。
工作人员可以通过新增指令增加一个或多个基本组件,用以丰富现有的共享组件库。并且工作人员在发现基本组件需要更新或修改后是能够通过组件修改指令来对现有的某个基本组件进行修改,如此所有应用该基本组件的页面也会进行数据的同步更新,相比现有需要用户针对每个相关页面进行单独的整个页面的配置和修改而言明显本案更为便捷。
在一些示例中,S1-1中,部分所述基本组件与各个页面关联。
本示例方案中,每个页面都设有固定项和活动项,固定项对应的部分基本组件是与所述页面相互绑定的,旨在体现所述目标页面的页面格式。例如,页面的固定项体现页面格式以符合预设的页面版型规定,所述固定项包括日期、页眉、故障提示的弹窗、滚动条标题等。活动项对应的部分基本组件是由工作人员预先配置的,旨在体现目标页面的页面内容。如此可以直接在根据用户的网页请求确定目标页面后,自动配置固定项的基本组件,而工作人员只需要配置代表目标页面的页面内容所对应的活动项的部分基本组件,大大降低工作量。
步骤102,接收来自用户的网页请求,并根据所述用户的预设置权限确定与所述网页请求所指示的目标页面相关联的目标组件。
具体而言,用户的网页请求通常是由用户登录网页端后产生的,该网页请求指示了目标页面需要进行显示。
步骤102中,所述根据所述用户的预设置权限确定与所述网页请求所指示的目标页面相关联的目标组件包括:S2-1,根据所述用户的预设置权限确定所述用户是否具有打开所述网页请求所指示的目标页面的权限;S2-2,在确定所述用户具有打开所述网页请求所指示的目标页面的权限的情况下,确认所述多个基本组件中所述用户具有权限的基本组件,并根据用户的选择及调整结果将所述用户具有权限的基本组件中的全部或者一部分作为所述目标组件。
S2-1中,确定当前用户是否拥有目标页面的页面权限,如果有目标页面的页面权限,则会执行S2-2,如果没有目标页面的页面权限,则通过页面向用户反馈“无权限”,例如在当前页面显示提示框“无权限”。
在本案中,用户的预设置权限包括页面权限和组件权限,在页面权限判断通过后再进行组件权限判定,在页面权限判断不通过时直接中断后续操作的执行,避免无异议的页面浪费和操作浪费。确认基本组件中用户具有权限的部分并构成目标组件,保证每个有权限的页面所使用的目标组件都是根据用户的权限设置的。本案中对用户的页面和基本组件均设置有权限,从而实现根据用户请求的不同调配不同的页面以及不同的组件,进而实现不同权限的用户渲染显示的页面不同,保证“千人千面”的差异性渲染显示效果。
在一些示例中,所述基本组件包括共用组件和权限组件,所述共用组件的访问权限不设限,所述权限组件的访问权限由所述用户的预设置权限进行限定,并且所述用户具有权限的基本组件包括共用组件和所述用户的预设置权限所限定的权限组件。
通过采用上述技术方案,基本组件中只有权限组件才会被赋予需要用户权限才会被使用的功能,共用组件则是不需要用户权限即可被使用的,所以用户具有权限的基本组件包括了共用组件和设置有仅供用户具有权限使用的权限组件。本案中并不是所有基本组件都需要设定需要用户权限来使用的,保证了无权限的用户也能够正常使用具有页面权限的目标页面(此时只会显示由共用组件构成的目标组件)。
在一些示例中,S2-2,所述确认所述多个基本组件中所述用户具有权限的基本组件,并根据用户的选择及调整结果将所述用户具有权限的基本组件中的全部或者一部分作为所述目标组件,包括:
S2-2-1,根据所述用户的预设置权限确定用户具有权限的基本组件并将所确定的用户具有权限的基本组件加载至组件容器,以展示所述用户具有权限的基本组件的预览;
S2-2-2,基于用户的选择及调整指示,筛选及调整所述组件容器中的基本组件;
S2-2-3,在用户发出确认指示后,将所述组件容器中已经过选择及调整的基本组件作为所述目标组件。
本实例中,采用 Vue.js 或 React 等流行的前端框架,将用户具有权限的各项基本组价加载到组件容器中进行预览供用户对此进行选择和修改,实现组件化开发。将多个用户具有权限的基本组件组合加载至组件容器,并对于组件容器中所有用户具有权限的基本组件的预览。实现对于用户具有权限的基本组件的整理,通过组件容器对所有用户具有权限的基本组件进行展示,以供用户对这些用户具有权限的基本组件进行选择和修改,从而进行对于目标组件设定的可视化地选择和修改。随后根据确认指示,将组件容器中已经经过选择和调整的基本组件作为目标组件,以供动态加载到页面渲染容器中进行渲染。
并且,本案中展示组件容器中用户具有权限的基本组件的预览时,还会展示其中基本组件之间的嵌套关系,例如,组件容器A中有基本组件a1和基本组件a2,在显示时组件容器中用户具有权限的基本组件的预览时,显示基本组件a1和a2之间的嵌套关系。便于后续工作人员通过选择和调整指令进行基本组件的选择和修改。
进一步的,S2-2-2中,所述基于用户的选择及调整指示,筛选及调整所述组件容器中的基本组件包括:
根据来自用户的剔除指令去除所述组件容器中的一个或多个基本组件;以及,
根据来自用户的调整指令修改所述组件容器中的一个或多个基本组件。
工作人员通过剔除指令删除组件容器中的基本组件,从而将误入的基本逐渐删除,以保证组件容器中的基本组件均符合用户的预设置权限,亦或者将组件容器中的无关基本组件删除。工作人员通过调整指令修改组件容器中的基本组件,完成对于基本组件的修改以实现基本组件定制修改。
进一步的,所述根据来自用户的调整指令修改所述组件容器中的一个或多个基本组件包括:改变全部或部分基本组件的显示位置和/或显示方式,以及配置全部或部分基本组件的显示内容。
来自用户的调整指令可以是改变基本组件的显示位置,是改变基本组件的显示方式,是配置基本组件的内容,以及是修改基本组件的内容。如此实现基本组件的显示调整和内容调整,用以更便捷的提供基本组件的定制化服务。
在一些示例中,S2-2中,在确定所述用户具有打开所述网页请求所指示的目标页面的权限的情况下,确认所述多个基本组件中所述用户具有权限的基本组件,并将所述用户具有权限的基本组件作为所述目标组件,包括:
在确定用户具有打开所述网页请求所指示的目标页面的页面权限下,获取该目标页面所对应的模板页面,在模板页面的基础上重新使用所述用户具有权限的基本组件作为更替组件替换原先的模板组件,从而生成符合目标页面排版的目标组件集合,以使得步骤103直接根据所述目标组件集动态加载到页面渲染容器中进行渲染以生成并显示目标页面;或者,
在确定用户具有打开所述网页请求所指示的目标页面的页面权限下,获取该目标页面所对应的模板页面,在模板页面的基础上重新使用所述用户具有权限的基本组件作为更替组件替换原先的模板组件,从而将更替组件作为目标组件,以使得步骤103直接根据所述目标组件动态加载到页面渲染容器中进行渲染,并替换所述模板页面对应的内容,以生成并显示目标页面。
本示例采用页面配置线上化操作,默认收到网页请求可以预设一套数据用来匹配组件,在进行目标组件的生成和目标页面的生成时都是基于默认的模板组件来进行修改的,相比于完全重新配置目标组件和渲染目标页面中的所有目标组件而言,本案的效率明显更过高。另外,本案可以通过配置线上化页面可以方便维护同时对不同用户不同页面的不同组件,也可以减低前后端耦合度,提高开发效率。也可以设置在线管理页面,配置每个页面所关联的不同组件,以及组件之间的关系和排列方式,从而方便地进行组件管理和维护。
步骤103,将所述目标组件动态加载到所述页面渲染容器中进行渲染以生成所述目标页面。
具体而言,步骤103的实施包括:将所述目标组件动态加载到所述页面渲染容器中,并启用与各个目标组件的组件类型对应的所述渲染程序分别对所述目标组件进行渲染,以生成所述目标页面。
在实施时,目标组件动态到页面渲染容器中进行渲染时,根据目标组件的组件类型对应的渲染程序进行渲染,保证渲染的准确性,避免外界其他无关渲染程序的干扰。 采用VUE或React的动态路由方式,结合页面渲染容器实现在同一个页面中渲染内容,实现前端页面的无刷新跳转,同步更换。
上述各种方法的步骤划分,只是为了描述清楚,实现时可以合并为一个步骤或者对某些步骤进行拆分,分解为多个步骤,只要是包括相同的逻辑关系,都在本专利的保护范围内,对算法中或者流程中添加无关紧要的修改或者引入无关紧要的设计,但不改变其算法和流程的核心设计都在该专利的保护范围内。
第二实施方式:
本发明的第二实施方式提供一种基于可配置渲染的网页生成装置20,如图2所示,包括:
渲染容器配置单元21,用于执行预配置操作以生成页面渲染容器22;
页面配置单元23,用于接收来自用户的网页请求,并根据所述用户的预设置权限确定与所述网页请求所指示的目标页面相关联的目标组件;
页面渲染单元24,用于将所述目标组件动态加载到所述页面渲染容器22中进行渲染以生成所述目标页面。
通过预配置操作生成页面渲染容器,根据实际工作要求生成渲染容器,以使得渲染容器工作更加适配于实际工作。工作人员配置用户的预设置权限来限制在收到用户的网页请求时页面的目标组件,如此实现根据预设置权限改变目标页面的内容,随后采用上述的页面渲染容器来进行渲染,并动态显示页面。如此,通过构建和应用不同的目标组件,实现不同用户的目标页面的显示,相比于直接将整个页面的代码完全编辑而言,本案中以目标组件为变量,使得整个页面修改是的所需的代码量减小,该页面的数据量也更少。通过预设权限改变目标组件,以更进一步是的渲染的显示的页面也发生改变,保证“千人千面”的差异性渲染显示效果。
本申请所公开的基于可配置渲染的网页生成装置20的其他实现细节和工作方式与前面所描述的可配置渲染的网页生成方法相同或相似,在此不在赘述。
以上均为本申请的较佳实施例,并非依此限制本申请的保护范围,故:凡依本申请的结构、形状、原理所做的等效变化,均应涵盖于本申请的保护范围之内。

Claims (10)

1.一种基于可配置渲染的网页生成方法,其特征在于,所述方法包括:
执行预配置操作以生成页面渲染容器;
接收来自用户的网页请求,并根据所述用户的预设置权限确定与所述网页请求所指示的目标页面相关联的目标组件;
将所述目标组件动态加载到所述页面渲染容器中进行渲染以生成所述目标页面。
2.根据权利要求1所述的基于可配置渲染的网页生成方法,其特征在于,所述执行预配置操作以生成页面渲染容器包括:
预配置多个基本组件,所述多个基本组件分属至少两种组件类型;
设置与不同的组件类型对应的渲染程序,并对所述渲染程序进行封装以生成所述页面渲染容器。
3.根据权利要求2所述的基于可配置渲染的网页生成方法,其特征在于,所述根据所述用户的预设置权限确定与所述网页请求所指示的目标页面相关联的目标组件包括:
根据所述用户的预设置权限确定所述用户是否具有打开所述网页请求所指示的目标页面的权限;
在确定所述用户具有打开所述网页请求所指示的目标页面的权限的情况下,确认所述多个基本组件中所述用户具有权限的基本组件,并根据用户的选择及调整结果将所述用户具有权限的基本组件中的全部或者一部分作为所述目标组件。
4.根据权利要求3所述的基于可配置渲染的网页生成方法,其特征在于,所述将所述目标组件动态加载到所述页面渲染容器中进行渲染以生成所述目标页面包括:
将所述目标组件动态加载到所述页面渲染容器中,并启用与各个目标组件的组件类型对应的所述渲染程序分别对所述目标组件进行渲染,以生成所述目标页面。
5.根据权利要求4所述的基于可配置渲染的网页生成方法,其特征在于,所述基本组件中的一部分具有预设的嵌套关系,并且具有嵌套关系的基本组件所对应的渲染程序之间也具有对应的逻辑处理嵌套顺序。
6.根据权利要求4所述的基于可配置渲染的网页生成方法,其特征在于,所述确认所述多个基本组件中所述用户具有权限的基本组件,并根据用户的选择及调整结果将所述用户具有权限的基本组件中的全部或者一部分作为所述目标组件,包括:
根据所述用户的预设置权限确定用户具有权限的基本组件并将所确定的用户具有权限的基本组件加载至组件容器,以展示所述用户具有权限的基本组件的预览;
基于用户的选择及调整指示,筛选及调整所述组件容器中的基本组件;
在用户发出确认指示后,将所述组件容器中已经过选择及调整的基本组件作为所述目标组件。
7.根据权利要求6所述的基于可配置渲染的网页生成方法,其特征在于,所述基于用户的选择及调整指示,筛选及调整所述组件容器中的基本组件包括:
根据来自用户的剔除指令去除所述组件容器中的一个或多个基本组件;以及,
根据来自用户的调整指令修改所述组件容器中的一个或多个基本组件。
8.根据权利要求7所述的基于可配置渲染的网页生成方法,其特征在于,所述根据来自用户的调整指令修改所述组件容器中的一个或多个基本组件包括:改变全部或部分基本组件的显示位置和/或显示方式,以及配置全部或部分基本组件的显示内容。
9.根据权利要求3所述的基于可配置渲染的网页生成方法,其特征在于,所述基本组件包括共用组件和权限组件,所述共用组件的访问权限不设限,所述权限组件的访问权限由所述用户的预设置权限进行限定,并且所述用户具有权限的基本组件包括共用组件和所述用户的预设置权限所限定的权限组件。
10.一种基于可配置渲染的网页生成装置,其特征在于,包括:
渲染容器配置单元,用于执行预配置操作以生成页面渲染容器;
页面配置单元,用于接收来自用户的网页请求,并根据所述用户的预设置权限确定与所述网页请求所指示的目标页面相关联的目标组件;
页面渲染单元,用于将所述目标组件动态加载到所述页面渲染容器中进行渲染以生成所述目标页面。
CN202310825041.3A 2023-07-06 2023-07-06 一种基于可配置渲染的网页生成方法和装置 Pending CN116841548A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310825041.3A CN116841548A (zh) 2023-07-06 2023-07-06 一种基于可配置渲染的网页生成方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310825041.3A CN116841548A (zh) 2023-07-06 2023-07-06 一种基于可配置渲染的网页生成方法和装置

Publications (1)

Publication Number Publication Date
CN116841548A true CN116841548A (zh) 2023-10-03

Family

ID=88172257

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310825041.3A Pending CN116841548A (zh) 2023-07-06 2023-07-06 一种基于可配置渲染的网页生成方法和装置

Country Status (1)

Country Link
CN (1) CN116841548A (zh)

Similar Documents

Publication Publication Date Title
CN110543303B (zh) 一种可视化业务平台
CN112650766B (zh) 数据库数据操作的方法、系统及服务器
US8090611B2 (en) System, method, and computer program product for enabling workflow applications
CN108984712A (zh) 基于业务场景的造数方法、设备及可读存储介质
CN107705151B (zh) 广告投放调控的展现方法及装置
CN105487864A (zh) 代码自动生成的方法和装置
CN111126019A (zh) 基于模式定制的报表生成方法、装置和电子设备
CN109840257A (zh) 数据库查询方法、装置、计算机装置及可读存储介质
CN113268233B (zh) 一种页面生成方法、装置、计算机设备及存储介质
CN102436503A (zh) 数据条件过滤筛选方法及筛选器
CN112685091A (zh) 基于大数据的业务请求处理方法、装置、设备和介质
CN114741079B (zh) 软件开发方法、平台、电子设备和计算机可读存储介质
CN114153442A (zh) 基于可视化组件的大屏可视化页面配置方法和系统
CN109344165A (zh) 一种查询方法及存储设备
CN116841548A (zh) 一种基于可配置渲染的网页生成方法和装置
CN115167785B (zh) 基于标签的网盘文件管理方法、装置、网盘及存储介质
CN106648338A (zh) 编辑数据的方法和装置
CN111078337B (zh) 样式调整方法、系统及计算机可读存储介质
CN114417789A (zh) 一种数据引用方法、装置、电子设备及存储介质
CN107730572A (zh) 一种图表渲染方法及装置
CN109902275A (zh) 一种自定义表格的方法以及电子设备
US20080195642A1 (en) Knowledge management and result generation system where items are electronically presentable work and knowledge elements or their references, its application method for producing other work or knowledge elements, and the method of delivering knowledge or work results using such elements.
CN113190236A (zh) Hql脚本校验方法及装置
CN113609122A (zh) 一种数据质量扫描方法及系统
CN112861060A (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