CN114461209A - 页面配置与切换方法、装置、设备及存储介质 - Google Patents

页面配置与切换方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN114461209A
CN114461209A CN202111565005.5A CN202111565005A CN114461209A CN 114461209 A CN114461209 A CN 114461209A CN 202111565005 A CN202111565005 A CN 202111565005A CN 114461209 A CN114461209 A CN 114461209A
Authority
CN
China
Prior art keywords
page
level
configuration
template
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.)
Pending
Application number
CN202111565005.5A
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.)
China Construction Bank Corp
Original Assignee
China Construction Bank Corp
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 China Construction Bank Corp filed Critical China Construction Bank Corp
Priority to CN202111565005.5A priority Critical patent/CN114461209A/zh
Publication of CN114461209A publication Critical patent/CN114461209A/zh
Pending legal-status Critical Current

Links

Images

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
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • G06F40/186Templates
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/70Software maintenance or management
    • G06F8/71Version control; Configuration management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Computer Security & Cryptography (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请提供一种页面配置与切换方法、装置、设备及存储介质,涉及访问控制技术领域,用于对页面进行灵活配置,以提高用户对页面模板的满意度。该方法包括:响应用户在管理端进行的页面登录操作,确定用户对应的页面配置权限;根据所述页面配置权限,确定所述用户是否具有对所选择的地区级别的页面模板进行配置的权限;若确定具有,则响应用户在所述管理端进行的页面配置操作,在所述管理端的页面模板编辑区域进行页面配置。进而,响应用户在移动端进行的页面切换操作,确定用户选择的地区级别,以及待切换页面的主题;确定是否具有与所述地区级别以及所述待切换页面的主题的发布页面模板;若确定具有,则根据所述发布页面模板,进行页面切换。

Description

页面配置与切换方法、装置、设备及存储介质
技术领域
本申请涉及访问控制技术领域,提供一种页面配置与切换方法、装置、设 备及存储介质。
背景技术
随着互联网技术的发展,为了满足日益增长和多种多样的业务需求,互联 网服务越来越多,而互联网服务通常是通过开发页面来实现的,进而,为了满 足多种多样的业务需求,不同的互联网服务需要提供不同的页面模式。但是, 在现有的页面配置方式中,基本上仅支持内容替换或者固定模板形式的调整, 而没有通过操作管理系统进行灵活配置首页的系统,使得获得的页面模板并不 能很好的满足用户要求,进而,降低了用户对页面模板的满意度。
发明内容
本申请实施例提供一种页面配置与切换方法、装置、设备及存储介质,用 于对页面进行灵活配置,以提高用户对页面模板的满意度。
一方面,提供一种页面配置方法,所述方法包括:
响应用户在管理端进行的页面登录操作,确定用户对应的页面配置权限; 其中,所述页面配置权限与用户账号归属地区的地区级别有关,所述地区级别 与实际地域行政级别一一对应;
根据所述页面配置权限,确定所述用户是否具有对所选择的地区级别的页 面模板进行配置的权限;
若确定具有,则响应用户在所述管理端进行的页面配置操作,在所述管理 端的页面模板编辑区域进行页面配置。
可见,在本申请实施例中,在对页面进行配置时,由于页面配置权限与用 户账号归属地区的地区级别有关,因此,用户仅能对相应地区级别的页面进行 配置,进而,可以保证页面配置不易被篡改,从而保证页面配置的安全性,此 外,由于是直接在管理端的页面模板编辑区域进行页面配置,因此,可以较为 灵活的对页面进行配置,以提高用户对所配置页面的满意度。
在一种可能的实施方式中,所述响应用户在管理端进行的页面登录操作, 确定用户对应的页面配置权限,包括:
响应用户在管理端进行的页面登录操作,确定所述用户对应的至少一个角 色;其中,一个角色对应一个地区级别;
根据所述用户对应的至少一个角色,确定所述用户对应的至少一个页面配 置权限;其中,所述一个角色对应一个页面配置权限。
在一种可能的实施方式中,在确定用户对应的页面配置权限之前,所述方 法包括:
接收用户对各个页面模板对应的模板数据进行的分组操作;
响应所述分组操作,根据各个页面模板对应的模板数据中包含的地区标识, 对各个页面模板对应的模板数据进行分组;其中,拥有相同地区标识的页面模 板对应的模板数据被分为同一组,且一个分组对应一个页面配置权限,所述地 区标识用于指示所述页面模板对应的地区级别。
在一种可能的实施方式中,所述页面模板编辑区域包括页面预览区域、组 件库区域、组件配置区域以及模板动态展示区域;其中,所述组件库区域中的 各个组件为页面配置组件;
则,所述在所述管理端的页面模板编辑区域进行页面配置,包括:
响应用户对所述组件库区域中的待配置组件进行的拖拽操作,将所述待配 置组件显示至模板动态展示区域;
响应用户在所述组件配置区域进行的组件配置操作,对所述待配置组件进 行组件配置;其中,所述组件配置包括页面属性配置、组件属性配置以及子组 件属性配置;
响应用户在所述页面预览区域进行的页面预览操作,基于对所述待配置组 件进行组件配置,对配置的页面进行预览。
在一种可能的实施方式中,若所述选中的页面配置组件不为父子组件,则 所述组件配置包括页面属性配置和组件属性配置;
其中,若进行页面属性配置,则根据页面背景色、背景图以及页面字体样 式进行组件配置;若进行组件属性配置,则根据组件类型确定对应的组件配置 方式,所述组件类型包括父组件类型与子组件类型。
在一种可能的实施方式中,所述方法包括:
若将所述组件配置区域中的待配置组件拖拽至所述模板动态展示区域,则 根据所述待配置组件对应的索引,从所述模板动态展示区域通过v-model指令 绑定的动态展示数据列表中,确定所述待配置组件对应的模板参数;
将所述模板参数以prop变量的形式,传入所述模板动态展示区域以及组 件配置区域;
响应用户在所述组件配置区域中进行的属性参数修改操作,将所述待配置 组件对应的修改后的模板参数更新至所述模板动态展示区域;
则,所述响应用户在所述页面预览区域进行的页面预览操作,基于对所述 待配置组件进行组件配置,对配置的页面进行预览,包括:
响应用户在所述页面预览区域进行的页面预览操作,基于对所述待配置组 件进行组件配置,对修改了模板参数后的页面进行预览。
一方面,提供一种页面切换方法,所述方法包括:
响应用户在移动端进行的页面切换操作,确定用户选择的地区级别,以及 待切换页面的主题;其中,所述地区级别与实际地域行政级别一一对应;
确定是否具有与所述地区级别以及所述待切换页面的主题的发布页面模 板;
若确定具有,则根据所述发布页面模板,进行页面切换。
可见,在本申请实施例中,在进行页面切换时,由于是在确定具有与用户 选择的地区级别以及待切换页面的主题的发布页面模板,才会进行页面切换, 即可以根据用户选择地区,显示不同的首页内容,并且支持首页切换各种主题, 使得该页面所展示的内容能够更加符合所在地区特色,展现出特色化的页面内 容。
在一种可能的实施方式中,在所述确定是否具有与所述地区级别以及所述 待切换页面的主题对应的发布页面模板之后,所述方法包括:
若确定不具有,则确定所述待切换页面的主题是否为所述地区级别对应的 默认页面主题;
若确定不为所述地区级别对应的默认页面主题,则确定是否具有所述地区 级别对应的默认页面主题的页面模板;
若确定具有,则根据所述地区级别对应的默认页面主题的页面模板,进行 页面切换。
在一种可能的实施方式中,在确定所述待切换页面的主题是否为所述地区 级别对应的默认页面主题之后,所述方法包括:
则确定不为所述地区级别对应的默认页面主题,且同时不具有所述地区级 别对应的默认页面主题的页面模板,则确定所述地区级别的上一级地区是否具 有与自身地区级别对应的默认页面主题的页面模板;或者,
若确定为所述地区级别对应的默认页面主题,则确定所述地区级别的上一 级地区是否具有与自身地区级别对应的默认页面主题的页面模板;
若确定具有,则根据所述上一级地区的地区级别对应的默认页面主题的页 面模板,进行页面切换。
在一种可能的实施方式中,在确定所述地区级别的上一级地区是否具有与 自身地区级别对应的默认页面主题的页面模板之后,所述方法包括:
若确定不具有时,则确定所述上一级地区的地区级别是否为最高地区级别;
若确定为最高地区级别,则根据所述最高地区级别对应的默认页面主题的 页面模板,进行页面切换。
在一种可能的实施方式中,在确定所述上一级地区的地区级别是否为最高 地区级别之后,所述方法包括:
若确定不为最高地区级别,则确定所述上一级地区的上一级地区是否具有 与自身地区级别对应的默认页面主题的页面模板;
若确定具有,则根据所述上一级地区的上一级地区的地区级别对应的默认 页面主题的页面模板,进行页面切换。
一方面,提供一种页面配置装置,所述方法装置:
第一确定单元,用于响应用户在管理端进行的页面登录操作,确定用户对 应的页面配置权限;其中,所述页面配置权限与用户账号归属地区的地区级别 有关,所述地区级别与实际地域行政级别一一对应;
第二确定单元,用于根据所述页面配置权限,确定所述用户是否具有对所 选择的地区级别的页面模板进行配置的权限;
页面配置单元,用于在确定具有时,响应用户在所述管理端进行的页面配 置操作,在所述管理端的页面模板编辑区域进行页面配置。
一方面,提供一种页面切换装置,所述方法装置:
第三确定单元,用于响应用户在移动端进行的页面切换操作,确定用户选 择的地区级别,以及待切换页面的主题;其中,所述地区级别与实际地域行政 级别一一对应;
第四确定单元,用于确定是否具有与所述地区级别以及所述待切换页面的 主题的发布页面模板;
页面切换单元,用于在确定具有时,根据所述发布页面模板,进行页面切 换。
一方面,提供一种计算机设备,包括存储器、处理器及存储在存储器上并 可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述 方面所述的方法的步骤。
一方面,提供一种计算机存储介质,其上存储有计算机程序指令,该计算 机程序指令被处理器执行时实现上述方面所述的方法的步骤。
一方面,提供一种计算机程序产品,其上存储有计算机程序代码,当所述 计算机程序代码在计算机上运行时,实现上述方面所述的方法的步骤。
附图说明
为了更清楚地说明本申请实施例或相关技术中的技术方案,下面将对实施 例或相关技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述 中的附图仅仅是本申请实施例,对于本领域普通技术人员来讲,在不付出创造 性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本申请实施例提供的一种应用场景示意图;
图2为本申请实施例提供的页面配置方法的一种流程示意图;
图3为本申请实施例提供的确定页面配置权限的具体流程示意图;
图4为本申请实施例提供的用户角色与权限之间的关系示意图;
图5为本申请实施例提供的模板分组的流程示意图;
图6为本申请实施例提供的页面模板编辑区域的示意图;
图7为在页面模板编辑区域进行页面配置的流程示意图;
图8为本申请实施例提供的页面切换方法的一种流程示意图;
图9为本申请实施例提供的页面配置装置的一种结构示意图;
图10为本申请实施例提供的页面切换装置的一种结构示意图;
图11为本申请实施例提供的计算机设备的一种结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚明白,下面将结合本申请实 施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然, 所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申 请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所 有其他实施例,都属于本申请保护的范围。在不冲突的情况下,本申请中的实 施例及实施例中的特征可以相互任意组合。并且,虽然在流程图中示出了逻辑 顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。 此外,本申请技术方案中,对数据的采集、传播、使用等,均符合国家相关法律法规要求。
随着互联网技术的发展,为了满足日益增长和多种多样的业务需求,互联 网服务越来越多,而互联网服务通常是通过开发页面来实现的,进而,为了满 足多种多样的业务需求,不同的互联网服务需要提供不同的页面模式。然而, 在现有的页面配置方式中,基本上仅支持内容替换或者固定模板形式的调整, 而没有通过操作管理系统进行灵活配置首页的系统,使得获得的页面模板并不 能很好的满足用户要求,进而,降低了用户对页面模板的满意度。
基于此,本申请实施例中,可以通过响应用户在管理端进行的页面登录操 作,来确定用户对应的与用户账号归属地区的地区级别有关的页面配置权限, 进而,可以根据页面配置权限,确定用户是否具有对所选择的地区级别的页面 模板进行配置的权限,从而,在确定具有时,可以通过响应用户在管理端进行 的页面配置操作,在管理端的页面模板编辑区域进行页面配置。可见,在本申 请实施例中,在对页面进行配置时,由于页面配置权限与用户账号归属地区的 地区级别有关,因此,用户仅能对相应地区级别的页面进行配置,进而,可以 保证页面配置不易被篡改,从而保证页面配置的安全性,此外,由于是直接在管理端的页面模板编辑区域进行页面配置,因此,可以较为灵活的对页面进行 配置,以提高用户对所配置页面的满意度。
在介绍完本申请实施例的设计思想之后,下面对本申请实施例的技术方案 能够适用的应用场景做一些简单介绍,需要说明的是,以下介绍的应用场景仅 用于说明本申请实施例而非限定。在具体实施过程中,可以根据实际需要灵活 地应用本申请实施例提供的技术方案。
如图1所示,为本申请实施例提供的一种应用场景示意图,其中,该页面 配置的应用场景可以包括页面配置设备10和用户终端设备11。
页面配置设备10可以为具有一定处理能力的计算机设备,例如可以为个 人计算机(personal computer,PC)、笔记本电脑或者服务器等。服务器可以是 独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系 统,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、 云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平 台等基础云计算服务的云服务器,但并不局限于此。该页面配置设备10可以 包括一个或多个处理器101、存储器102以及与其他设备交互的I/O接口103 等。此外,页面配置设备10还可以配置数据库104,数据库104可以用于存储 本申请实施例提供的方案中涉及到的页面配置权限与地区级别之间的对应关 系,以及页面配置结果等数据。其中,页面配置设备10的存储器102中可以 存储本申请实施例提供的页面配置方法的程序指令,这些程序指令被处理器 101执行时能够用以实现本申请实施例提供的页面配置方法的步骤,以对页面 进行灵活配置。
用户终端设备11可以为具有能够使用户进行页面登录操作以及页面配置 操作等操作的设备,其可以为手机、平板电脑、笔记本电脑、个人计算机等设 备。
在本申请实施例中,以用户对市级地区的页面进行配置为例,当I/O接口 103检测到用户终端设备11正在进行页面登录操作时,则会调用存储器102 中存储的页面配置方法的程序指令,并通过处理器101来执行这些程序指令, 从而确定用户是否具有对所选择的对市级地区的页面模板进行配置的权限,在 确定具有时,则会响应用户在管理端进行的页面配置操作,进而,在管理端的 页面模板编辑区域进行页面配置,以使所配置的页面可以展现地方人员配置的 地方特色。且在程序指令执行过程结束后,可以将页面配置结果存储于数据库 104中。
当然,本申请实施例提供的方法并不限用于图1所示的应用场景中,还可 以用于其他可能的应用场景,本申请实施例并不进行限制。对于图1所示的应 用场景的各个设备所能实现的功能将在后续的方法实施例中一并进行描述,在 此先不过多赘述。下面,将结合附图对本申请实施例的方法进行介绍。
如图2所示,为本申请实施例提供的页面配置方法的一种流程示意图,该 方法可以通过图1中的页面配置设备10来执行,该方法的流程介绍如下。
步骤201:响应用户在管理端进行的页面登录操作,确定用户对应的页面 配置权限。
在本申请实施例中,页面配置权限与用户账号归属地区的地区级别有关, 地区级别与实际地域行政级别一一对应。
在实际应用时,为了尽可能的使所配置的页面更具有地方特色,因此,可 以采用通过地方人员各自对自己地区级别的网络页面进行配置,来达到使配置 的页面更具有特色的目的。具体的,可以通过对用户账号的归属地区来区分用 户是什么地区级别的人员,该地区人员可以拥有其地区级别及其以下级别的地 区的网络的配置权限,例如,用户为省级地区级别的人员,则其可以拥有对市、 区县、乡镇以及村等地区级别的页面的配置权限。进而,在用户在管理端进行 页面登录操作之后,根据用户账号归属地区的地区级别,便可以确定出用户对 应的页面配置权限了。
步骤202:根据页面配置权限,确定用户是否具有对所选择的地区级别的 页面模板进行配置的权限。
步骤203:在确定具有时,响应用户在管理端进行的页面配置操作,在管 理端的页面模板编辑区域进行页面配置。
在实际应用时,在确实用户具有对所选择的地区级别的页面模板进行配置 的权限时,用户便可以在管理端进行页面配置操作,进而,响应用户在管理端 进行的页面配置操作,便可以在管理端的页面模板编辑区域进行页面配置了。 当然,当用户不具有对所选择的地区级别的页面模板进行配置的权限时,该用 户便不能对所选择的地区级别的页面模板进行配置。
在一种可能的实施方式中,如图3所示,为本申请实施例提供的确定页面 配置权限的具体流程示意图,其具体可以通过图1中的页面配置设备10来执 行,具体流程过程如下。
步骤301:响应用户在管理端进行的页面登录操作,确定用户对应的至少 一个角色。
在本申请实施例中,一个角色对应一个地区级别。例如,乡镇工作人员就 对应乡镇地区级别,市工作人员就对应市地区级别。
在实际应用时,由于一个用户可能会存在多种角色(身份),例如,工作 人员A即在乡镇任职岗位1,又在市区任职岗位2,多种身份,从而使得该工 作人员A可以在不同的地区完成不同的工作,那么在响应用户在管理端进行的 页面登录操作时,该用户就会对应有2个角色。
步骤302:根据用户对应的至少一个角色,确定用户对应的至少一个页面 配置权限。
在本申请实施例中,一个角色对应一个页面配置权限。例如,在乡镇任职 岗位1的工作人员A,则对应具有对乡镇级别的页面进行页面配置的权限。
在实际应用时,如图4所示,为本申请实施例提供的用户角色与权限之间 的关系示意图,一个用户可以对应一个或者多个角色,一个角色对应一个页面 配置权限,其中,一个角色可以绑定一个地区,可以将页面配置权限与可访问 资源列表进行关联,一个页面配置权限可以与一个业务功能相关联,而一个业 务功能可以关联多个可访问资源,其中,资源具体可以表现为页面或者接口。 那么,在根据用户对应的至少一个角色,确定出用户对应的至少一个页面配置 权限,该用户便可以使用相应的业务功能,即,用户可以拥有相应的可访问资 源,例如,可以看到配置页面的入口,或者可以调用进行页面配置的相关接口。这样便可以控制用户对各个地区模板进行查看和编辑的权限,以避免出现任意 用户进行越权操作,以及任意修改模板的情况出现。
在一种可能的实施方式中,为了能够更加方便、快速对页面进行配置和查 看,在确定用户对应的页面配置权限之前,可以对用户所要进行编辑的页面模 板数据进行归类并绑定分组信息,如图5所示,为本申请实施例提供的模板分 组的流程示意图,其具体可以通过图1中的页面配置设备10来执行,具体流 程过程如下。
步骤501:接收用户对各个页面模板对应的模板数据进行的分组操作。
步骤502:响应分组操作,根据各个页面模板对应的模板数据中包含的地 区标识,对各个页面模板对应的模板数据进行分组。
在本申请实施例中,拥有相同地区标识的页面模板对应的模板数据可以被 分为同一组,且一个分组对应一个页面配置权限,该地区标识可以用于指示页 面模板对应的地区级别。
在实际应用时,可以对每一模板均设置用于指示页面模板对应的地区级别 的地区标识,进而,在对页面模板对应的模板数据进行分组时,可以按照地区 标识来进行页面模板数据的归类。从而,当用户在管理端查询已有模板时,便 可以根据用户地域做地域数据管控,例如,拥有省级的页面配置权限的用户可 以查看对应省、市、区县、乡镇、村的模板数据,且可以对其修改。
进一步的,在进行模板分组时,还可以设置无论什么地区级别的用户均可 以查询任意地区的模板分组数据,以及还可以将其它地区级别的模板分组数据 复制并应用到自己所拥有的地区级别。在对页面模板进行使用时,对于同一地 域同一主题的页面模板,至多启用一套页面模板。且,在管理端查询用户可以 编辑配置的页面模板时,具体可以根据用户所选地域、页面主题、启停状态来 返回所有的匹配项。
在一种可能的实施方式中,为了灵活、高效的对页面进行配置,如图6所 示,为本申请实施例提供的页面模板编辑区域的示意图,可以将用于进行页面 模板编辑的页面模板编辑区域设置为包括页面预览区域(图6所示的上侧区域)、 组件库区域(图6所示的左侧区域)、组件配置区域(图6所示的右侧区域) 以及模板动态展示区域(图6所示的中间区域)。
其中,页面预览区域的主要功能可以包括“返回模板列表页面”功能、“当 前编辑模板分组信息”、“组件数据清空”功能、“组件数据预览”功能和“组 件数据保存提交”功能等。
组件库区域中,可以包含有多个组件,各个组件可为页面配置组件,该组 件库区域可以用于展示页面配置组件的组件缩略图和名称等。该组件库区域中 的各个组件可以由组件库工程人员单独进行维护,且可以向管理端和移动端同 时提供使用,能够支持高度配置化和屏幕兼容能力。在具体使用时,该组件库 区域中的各个组件可以通过鼠标进行拖动操作,以将其放置于模板动态展示区 域,该放入位置即为拖动的组件插入当前配置的位置。
模板动态展示区域,可以将其设置为宽度固定为375px的盒子,以便于匹 配设计图尺寸。在管理端组件样式的长度单位可以设置为px,以适配页面模板 编辑区域的固定宽度375px。在移动端可以通过postCSS将px长度单位转为用 视宽vw作为长度单位,进而,便可以使所配置的模板页面适配各种分辨率的 屏幕。在模板动态展示区域中,各页面配置组件可以按照顺序进行堆积,在选 中页面配置组件时,可使所述选中页面配置组件带有高亮效果,以提示用户选 择了该页面配置组件,此外,还提供有编辑按钮,例如拖动、复制、删除等按 钮,以及带有子组件增加/删除功能的按钮。对于父子组件来说,在选中子组件 时,可以将父组件和子组件设置为带有不同的高亮效果,例如,可以设置父组 件带有红色高亮效果,子组件带有蓝色高亮效果。
组件配置区域,可以进行页面属性配置、组件属性配置以及子组件属性配 置。当所配置的组件不是成套的父子组件时,组件配置区域仅会显示与组件属 性配置和页面属性配置相关的内容。其中,在进行页面属性配置时,可以对页 面背景色、背景图、页面字体样式等进行配置;在进行组件属性配置时,不同 的组件具有不同的配置项,例如,在对宫格父组件进行配置时,可以对宫格单 行展示数量、边距、宫格背景等属性进行配置,而在对单个宫格子组件进行配 置时,可以对图片上传、跳转url、宫格大小、文字大小以及顺序调整等属性 进行配置。
此外,组件库与模板动态展示可以使用插件vuedraggable来设定可拖动区 域,在将组件库中的组件拷贝拖拽至模板动态展示区域,由于组件库中数据为 空模板数据,因此,模板动态展示区域可以通过v-model指令绑定的动态展示 数据列表来在对应位置插入该空模板数据。此外,由于可以通过绑定模板动态 展示区域的add事件,因此,在组件新增时,可以为新增的组件绑定唯一的 model-key,从而为新增的组件添加唯一索引。页面模板数据可以通过prop传 参的形式,将该页面模板数据传入模板动态展示区域和组件配置区域。组件配 置区域可以通过空组件已有的属性值,来展示对应的配置项,配置项通过 v-model绑定表单,允许用户输入更改,或者通过change等事件修改绑定值, 由于prop传入对象直接修改属性值,而Vue并没有对prop传递参数进行深度 控制,在属性配置修改的属性值将会更新到页面和动态展示区,动态展示区的 展示就会随编辑页面的更改发生变化。
进而,基于上述页面模板编辑区域所包括的各个区域对应的作用和内容, 用户可以在该页面模板编辑区域中进行相应的页面配置,如图7所示,为本申 请实施例提供的在页面模板编辑区域进行页面配置的流程示意图,其可以通过 图1中的页面配置设备10来执行,具体流程介绍如下。
步骤701:响应用户对组件库区域中的待配置组件进行的拖拽操作,将待 配置组件显示至模板动态展示区域。
在本申请实施中,如图6所示,在进行页面配置时,用户可以对组件库区 域中的待配置组件进行拖拽操作,例如将组件1拖拽至位于页面模板编辑区域 的中间的模板动态展示区域。
步骤702:响应用户在组件配置区域进行的组件配置操作,对待配置组件 进行组件配置。
在本申请实施例中,组件配置可以包括页面属性配置、组件属性配置以及 子组件属性配置。例如,在模板动态展示区域选中组件1之后,如图5所示, 组件配置区域就会出现能够对组件1进行的相应配置,如,对组件1的上边距、 下边距等进行配置,进而,在用户在组件配置区域进行组件配置操作时,例如, 将组件1的上边距和下边距均配置配10,模板动态展示区域中的组件1的上边 距和下边距便会发生相应的改变。
步骤703:响应用户在页面预览区域进行的页面预览操作,基于对待配置 组件进行组件配置,对配置的页面进行预览。
在实际应用时,当用户完成页面配置之后,通常情况下会想要看看页面配 置的效果,此时,用户在页面预览区域进行页面预览操作,来预览所配置的页 面,例如,如图6所示,用户可以在页面预览区域中点击“预览”按钮,进而, 基于用户对待配置组件进行组件配置,来对所配置的页面进行预览。当然了, 若是用户对所配置的页面较为满意,还可以通过在页面预览区域中点击“保存” 按钮,将所配置的页面保存至本地存储器中。进一步的,若是用户还想将所配 置的页面让其他人也能够查看和使用,那么,用户通过在页面预览区域中点击 “发布”按钮,来将所配置的页面进行共享。
在本申请实施例中,上述页面配置方法可以针对地域和角色进行权限管控, 如市级首页配置权限的人员可以配置市级及以下的首页模板,但是不能配置其 省级或者其他省市的首页模板。在进行配置时,可以向操作人员提供简洁明了 的操作界面,由于视图可以转换为数据,数据又可以转换为配置项的形式供用 户编辑,比如选择组件形式、配置封面图片,选择图片大小、文字大小,调整 排列顺序、间距等,最终由用户编辑完成的数据存入数据库,再由移动端APP 识别后,通过组件识别、内容填充、样式调整,还原管理端配置的页面,因此, 可以展现地方人员配置的地方特色页面。
综上所述,在对页面进行配置时,由于页面配置权限与用户账号归属地区 的地区级别有关,因此,用户仅能对相应地区级别的页面进行配置,进而,可 以保证页面配置不易被篡改,从而保证页面配置的安全性,此外,由于是直接 在管理端的页面模板编辑区域进行页面配置,因此,可以较为灵活的对页面进 行配置,以提高用户对所配置页面的满意度。
在一种可能的实施方式中,如图8所示,为本申请实施例提供的页面切换 方法的一种流程示意图,具体流程介绍如下。
步骤801:响应用户在移动端进行的页面切换操作,确定用户选择的地区 级别,以及待切换页面的主题。
在本申请实施例中,地区级别与实际地域行政级别一一对应。例如,地区 级别可以按照国、省、市、区县、乡镇以及村进行划分。
例如,用户想要查看“***村的***安全宣传页面”时,首先,用户可以在 移动端加载“***安全宣传”首页,然后,用户可以在该首页进行页面切换操 作,例如,选择地区(***村)和待切换页面的主题(绿色环保主题),进而, 将页面切换至与上述页面切换操作相对应的页面中。
步骤802:确定是否具有与地区级别以及待切换页面的主题的发布页面模 板。
在实际应用时,由于页面模板可以划分全国版、省级版、市级版、区县级 版、乡镇级版以及村级版,且针对每一地区级别来说,根据实际地域还可以配 置多个版本,例如,针对省级的页面模板来说,假设当前具有A省、B省和C 省,那么可以分别对A省、B省和C省配置具有相应地区特色的页面模板,此 外,由于页面还具有多个不同的主题,可以所需的页面模板较多,若是需要将 全部的页面模板均配置出来,那么页面配置的工程量浩大,非常的费时费力, 因此,为了节省资源,在配置页面模板时,可以选择性的配置一些常用的或者具有代表性的页面模板,而对剩余的页面模板则不进行配置。
因此,在移动端确定用户选择的地区级别以及待切换页面的主题之后,还 需要确定存储页面模板的数据库中是否具有与用户选择的地区级别以及待切 换页面的主题的发布页面模板,从而来确定出所切换的页面。
步骤803:若确定具有与地区级别以及待切换页面的主题的发布页面模板, 则根据发布页面模板,进行页面切换。
在实际应用时,若是存储页面模板的数据库中具有与用户选择的地区级别 以及待切换页面的主题的发布页面模板,则可以将页面切换至该发布页面模板。 继续沿用上述示例,用户在首页了选择“***村”和“绿色环保主题”,那么, 若是数据库中具有与“***村”和“绿色环保主题”对应的发布页面模板1,则 可以获取该发布页面模板1的模板数据,进而,基于该模板数据进行更新渲染, 从而,将该页面从首页切换至该发布页面模板1,以供用户进行查看。
步骤804:若确定不具有与地区级别以及待切换页面的主题的发布页面模 板,则确定待切换页面的主题是否为地区级别对应的默认页面主题。
在本申请实施例中,可以将最常用的页面主题设置为默认页面主题。
步骤805:若确定待切换页面的主题不为地区级别对应的默认页面主题, 则确定是否具有地区级别对应的默认页面主题的页面模板。
步骤806:若确定具有地区级别对应的默认页面主题的页面模板,则根据 地区级别对应的默认页面主题的页面模板,进行页面切换。
步骤807:若确定待切换页面的主题不为地区级别对应的默认页面主题, 且同时不具有地区级别对应的默认页面主题的页面模板,则确定地区级别的上 一级地区是否具有与自身地区级别对应的默认页面主题的页面模板。
步骤808:若确定待切换页面的主题为地区级别对应的默认页面主题,则 确定地区级别的上一级地区是否具有与自身地区级别对应的默认页面主题的 页面模板。
步骤809:若确定地区级别的上一级地区具有与自身地区级别对应的默认 页面主题的页面模板,根据上一级地区的地区级别对应的默认页面主题的页面 模板,进行页面切换。
步骤810:若确定地区级别的上一级地区不具有与自身地区级别对应的默 认页面主题的页面模板,则确定上一级地区的地区级别是否为最高地区级别。
步骤811:若确定上一级地区的地区级别为最高地区级别,根据最高地区 级别对应的默认页面主题的页面模板,进行页面切换。
步骤812:若确定上一级地区的地区级别不为最高地区级别,则返回步骤 807,确定上一级地区的上一级地区是否具有与自身地区级别对应的默认页面 主题的页面模板。
步骤813:若确定上一级地区的上一级地区具有与自身地区级别对应的默 认页面主题的页面模板,则返回步骤809,根据上一级地区的上一级地区的地 区级别对应的默认页面主题的页面模板,进行页面切换。
在本申请实施例中,在寻找页面模板时是依次按照村级、乡镇级、区县级、 市级、省级以及全国级依次从小往大进行类推寻找,如果将所有的地区级别均 寻找完成之后还是没有找到相应的页面模板,那么,可以在移动端的页面给出 缺省页面。当然,用户在进行页面切换时,可以除了可以同时在首页上选择“地 区级别”和“待切换页面的主题”来查询相应的页面模板,还可以仅选择“待 切换页面的主题”来查询相应的页面模板,或者,仅选择“地区级别”来查询 相应的页面模板。此外,还可以先选择“地区级别”进行一次查询,再选择“待 切换页面的主题”进行一次查询,从而切换至相应的页面模板,或者,先选择 “待切换页面的主题”进行一次查询,再选择“地区级别”进行一次查询,从 而查找出切换后地区启用的对应主题的首页模板,如果没有该首页模板的数据, 那么可以查找该地区默认主题首页模板。
在本申请实施例中,所配置的页面模板针对各层级地域、各地区特色进行 配置的,它们可以展示出具有地方特色功能和特色用户界面(User Interface, UI)的首页,突出和丰富具有乡村特色的形象。
综上所述,在进行页面切换时,由于是在确定具有与用户选择的地区级别 以及待切换页面的主题的发布页面模板,才会进行页面切换,即可以根据用户 选择地区,显示不同的首页内容,并且支持首页切换各种主题,使得该页面所 展示的内容能够更加符合所在地区特色,展现出特色化的页面内容。
在一种可能的实施方式中,在本申请实施例中,针对父子组件加载,对请 求列表组件数据可以使用v-for循环,并将数据项中的组件名称componentName, 绑定到<component/>动态组件的is属性上,组件中的组件由全局引入,这样动 态组件就会根据组件名称完成组件的动态渲染加载。对于子组件,在 <component></component>中再写入<component/>,使用v-for循环渲染组件列 表的item.componentChildren列表,然后其余属性与父组件<component/>使用 相同的配置方式。针对父组件通过动态组件插槽引入子组件的用法,在设计父 组件时,需要在父组件中保留子组件加载的位置,使用<slot/>代替子组件内容, 在使用父组件时,写在父组件起始标签中的内容就会加载到<slot/>的位置。
在一种可能的实施方式中,由于组件库的开发允许开发者根据实际业务需 求来设计组件,而组件的展示通常是以数据作为信息传递的方式,再通过文字、 图片、报表等形式渲染出来,所以组件中的主要信息,通常有单独的数据来源, 这样就需要将组件的视图与数据解耦。
进而,在本申请实施例中,在设计组件时并没有限制组件库中组件的独立 行为。组件中的数据来源,一部分是将组件部分属性配置化,支持组件prop 传参,由最外层组件获取模板数据,加载对应组件的同时,将组件的配置化内 容传入,将配置的展示效果显示出来;另一部分是根据组件自有功能,将组件 信息展示的数据、视图、交互,由组件自己控制。
为避免在配置过程中,组件本身的行为影响干扰配置操作,组件均需提供 区分交互和获取数据的开关,以区分管理端和移动端,并且可以更方便的添加 管理端配置和移动端展示的独有效果。在管理端预览时可以与移动端保持一个 效果,方便检查配置是否正确,是否能对外发布。
在一种可能的实施方式中,组件库开发维护作为本地Vue拓展的仓库,由 使用此套配置系统的人员共同开户维护,并且管理端和移动端项目及时更新发 布版本。通常组件的开发版本需要提交管理端和移动端新增组件的一个版本之 前。且由于组件库是用管理端和移动端公用的代码库,因此,必须遵守适用于 配置系统的两端的基本原则,组件必须满足支持如边距等基本配置化功能,必 须能够通过数据加载,且不能具有同名组件等要求。组件库需有一套自己的开 发规范,如CSS命名、变量命名、项目层级管理和文件命名等。
综上所述,本申请的技术方案无论是管理端的页面配置功能,还是移动端 的页面切换功能均可在Vue框架下完成设计,进而,同一展示组件可以在管理 端和移动端同时使用,管理端配置组件的样式和内容,移动端实现展示和点击 后的事件处理,且可以支持组件库开发维护、可以根据地域和页面主题建立首 页模板分组、在移动端可以向上兜底查询模板数据、可以对组件拖动配置、可 以对组件属性配置、可以对组件内容抽离配置、可以对模板配置预览等,进而, 实现通过管理端配置移动端的首页,并在移动端进行页面的加载渲染。
如图9所示,基于同一发明构思,本申请实施例提供一种页面配置装置, 该装置90包括:
第一确定单元901,用于响应用户在管理端进行的页面登录操作,确定用 户对应的页面配置权限;其中,页面配置权限与用户账号归属地区的地区级别 有关,地区级别与实际地域行政级别一一对应;
第二确定单元902,用于根据页面配置权限,确定用户是否具有对所选择 的地区级别的页面模板进行配置的权限;
页面配置单元903,用于在确定具有时,响应用户在管理端进行的页面配 置操作,在管理端的页面模板编辑区域进行页面配置。
在一种可能的实施方式中,该第一确定单元901,具体用于:
响应用户在管理端进行的页面登录操作,确定用户对应的至少一个角色; 其中,一个角色对应一个地区级别;
根据用户对应的至少一个角色,确定用户对应的至少一个页面配置权限; 其中,一个角色对应一个页面配置权限。
在一种可能的实施方式中,该装置90还包括分组单元904,其中,该分组 单元904,用于:
接收用户对各个页面模板对应的模板数据进行的分组操作;
响应分组操作,根据各个页面模板对应的模板数据中包含的地区标识,对 各个页面模板对应的模板数据进行分组;其中,拥有相同地区标识的页面模板 对应的模板数据被分为同一组,且一个分组对应一个页面配置权限,地区标识 用于指示页面模板对应的地区级别。
在一种可能的实施方式中,页面模板编辑区域包括页面预览区域、组件库 区域、组件配置区域以及模板动态展示区域;其中,组件库区域中的各个组件 为页面配置组件;
则,页面配置单元903,具体用于:
响应用户对组件库区域中的待配置组件进行的拖拽操作,将待配置组件显 示至模板动态展示区域;
响应用户在组件配置区域进行的组件配置操作,对待配置组件进行组件配 置;其中,组件配置包括页面属性配置、组件属性配置以及子组件属性配置;
响应用户在页面预览区域进行的页面预览操作,基于对待配置组件进行组 件配置,对配置的页面进行预览。
在一种可能的实施方式中,页面配置单元903,具体用于:
若选中的页面配置组件不为父子组件,则组件配置包括页面属性配置和组 件属性配置;
其中,若进行页面属性配置,则根据页面背景色、背景图以及页面字体样 式进行组件配置;若进行组件属性配置,则根据组件类型确定对应的组件配置 方式,组件类型包括父组件类型与子组件类型。
在一种可能的实施方式中,页面配置单元903,具体用于:
若将组件配置区域中的待配置组件拖拽至模板动态展示区域,则根据待配 置组件对应的索引,从模板动态展示区域通过v-model指令绑定的动态展示数 据列表中,确定待配置组件对应的模板参数;
将模板参数以prop变量的形式,传入模板动态展示区域以及组件配置区 域;
响应用户在组件配置区域中进行的属性参数修改操作,将待配置组件对应 的修改后的模板参数更新至模板动态展示区域;
则,响应用户在页面预览区域进行的页面预览操作,基于对待配置组件进 行组件配置,对配置的页面进行预览,包括:
响应用户在页面预览区域进行的页面预览操作,基于对待配置组件进行组 件配置,对修改了模板参数后的页面进行预览。
该装置可以用于执行图2~图7所示的实施例中所述的方法,因此,对于该 装置的各功能单元所能够实现的功能等可参考图2~图7所示的实施例的描述, 不多赘述。需要说明的是,图9中的虚线框示出的功能单元为该装置的非必要 功能单元。
如图10所示,基于同一发明构思,本申请实施例提供一种页面切换装置, 该装置100包括:
第三确定单元1001,用于响应用户在移动端进行的页面切换操作,确定用 户选择的地区级别,以及待切换页面的主题;其中,地区级别与实际地域行政 级别一一对应;
第四确定单元1002,用于确定是否具有与地区级别以及待切换页面的主题 的发布页面模板;
页面切换单元1003,用于在确定具有时,根据发布页面模板,进行页面切 换。
在一种可能的实施方式中,该第四确定单元1002,具体用于:
若确定不具有,则确定待切换页面的主题是否为地区级别对应的默认页面 主题;
若确定不为地区级别对应的默认页面主题,则确定是否具有地区级别对应 的默认页面主题的页面模板;
若确定具有,则根据地区级别对应的默认页面主题的页面模板,进行页面 切换。
在一种可能的实施方式中,该第四确定单元1002,具体用于:
则确定不为地区级别对应的默认页面主题,且同时不具有地区级别对应的 默认页面主题的页面模板,则确定地区级别的上一级地区是否具有与自身地区 级别对应的默认页面主题的页面模板;或者,
若确定为地区级别对应的默认页面主题,则确定地区级别的上一级地区是 否具有与自身地区级别对应的默认页面主题的页面模板;
若确定具有,则根据上一级地区的地区级别对应的默认页面主题的页面模 板,进行页面切换。
在一种可能的实施方式中,该第四确定单元1002,具体用于:
若确定不具有时,则确定上一级地区的地区级别是否为最高地区级别;
若确定为最高地区级别,则根据最高地区级别对应的默认页面主题的页面 模板,进行页面切换。
在一种可能的实施方式中,该第四确定单元1002,具体用于:
若确定不为最高地区级别,则确定上一级地区的上一级地区是否具有与自 身地区级别对应的默认页面主题的页面模板;
若确定具有,则根据上一级地区的上一级地区的地区级别对应的默认页面 主题的页面模板,进行页面切换。
该装置可以用于执行图8所示的实施例中所述的方法,因此,对于该装置 的各功能单元所能够实现的功能等可参考图8所示的实施例的描述,不多赘述。
请参见图11,基于同一技术构思,本申请实施例还提供了一种计算机设备 110,可以包括存储器1101和处理器1102。
所述存储器1101,用于存储处理器1102执行的计算机程序。存储器1101 可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至 少一个功能所需的应用程序等;存储数据区可存储根据计算机设备的使用所创 建的数据等。处理器1102,可以是一个中央处理单元(central processing unit, CPU),或者为数字处理单元等等。本申请实施例中不限定上述存储器1101和 处理器1102之间的具体连接介质。本申请实施例在图11中以存储器1101和 处理器1102之间通过总线1103连接,总线1103在图11中以粗线表示,其它 部件之间的连接方式,仅是进行示意性说明,并不引以为限。所述总线1103 可以分为地址总线、数据总线、控制总线等。为便于表示,图11中仅用一条 粗线表示,但并不表示仅有一根总线或一种类型的总线。
存储器1101可以是易失性存储器(volatile memory),例如随机存取存储 器(random-access memory,RAM);存储器1101也可以是非易失性存储器 (non-volatilememory),例如只读存储器,快闪存储器(flash memory),硬盘 (hard disk drive,HDD)或固态硬盘(solid-state drive,SSD)、或者存储器1101 是能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由 计算机存取的任何其他介质,但不限于此。存储器1101可以是上述存储器的 组合。
处理器1102,用于调用所述存储器1101中存储的计算机程序时执行如图 2~图8所示的实施例中设备所执行的方法。
在一些可能的实施方式中,本申请提供的方法的各个方面还可以实现为一 种程序产品的形式,其包括程序代码,当所述程序产品在计算机设备上运行时, 所述程序代码用于使所述计算机设备执行本说明书上述描述的根据本申请各 种示例性实施方式的方法中的步骤,例如,所述计算机设备可以执行如图2~ 图8所示的实施例中所述的方法。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可 以通过程序指令相关的硬件来完成,前述的程序可以存储于一计算机可读取存 储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储 介质包括:移动存储设备、只读存储器(ROM,Read-Only Memory)、随机存 取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程 序代码的介质。或者,本发明上述集成的单元如果以软件功能模块的形式实现 并作为独立的产品销售或使用时,也可以存储在一个计算机可读取存储介质中。 基于这样的理解,本发明实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介 质中,包括若干指令用以使得一台计算机设备(可以是个人计算机、服务器、 或者网络设备等)执行本发明各个实施例所述方法的全部或部分。而前述的存 储介质包括:移动存储设备、ROM、RAM、磁碟或者光盘等各种可以存储程 序代码的介质。
尽管已描述了本申请的优选实施例,但本领域内的技术人员一旦得知了基 本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要 求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申 请的精神和范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及 其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。

Claims (16)

1.一种页面配置方法,其特征在于,所述方法包括:
响应用户在管理端进行的页面登录操作,确定用户对应的页面配置权限;其中,所述页面配置权限与用户账号归属地区的地区级别有关,所述地区级别与实际地域行政级别一一对应;
根据所述页面配置权限,确定所述用户是否具有对所选择的地区级别的页面模板进行配置的权限;
若确定具有,则响应用户在所述管理端进行的页面配置操作,在所述管理端的页面模板编辑区域进行页面配置。
2.如权利要求1所述的方法,其特征在于,所述响应用户在管理端进行的页面登录操作,确定用户对应的页面配置权限,包括:
响应用户在管理端进行的页面登录操作,确定所述用户对应的至少一个角色;其中,一个角色对应一个地区级别;
根据所述用户对应的至少一个角色,确定所述用户对应的至少一个页面配置权限;其中,所述一个角色对应一个页面配置权限。
3.如权利要求1所述的方法,其特征在于,在确定用户对应的页面配置权限之前,所述方法包括:
接收用户对各个页面模板对应的模板数据进行的分组操作;
响应所述分组操作,根据各个页面模板对应的模板数据中包含的地区标识,对各个页面模板对应的模板数据进行分组;其中,拥有相同地区标识的页面模板对应的模板数据被分为同一组,且一个分组对应一个页面配置权限,所述地区标识用于指示所述页面模板对应的地区级别。
4.如权利要求1所述的方法,其特征在于,所述页面模板编辑区域包括页面预览区域、组件库区域、组件配置区域以及模板动态展示区域;其中,所述组件库区域中的各个组件为页面配置组件;
则,所述在所述管理端的页面模板编辑区域进行页面配置,包括:
响应用户对所述组件库区域中的待配置组件进行的拖拽操作,将所述待配置组件显示至模板动态展示区域;
响应用户在所述组件配置区域进行的组件配置操作,对所述待配置组件进行组件配置;其中,所述组件配置包括页面属性配置、组件属性配置以及子组件属性配置;
响应用户在所述页面预览区域进行的页面预览操作,基于对所述待配置组件进行组件配置,对配置的页面进行预览。
5.如权利要求4所述的方法,其特征在于,若所述选中的页面配置组件不为父子组件,则所述组件配置包括页面属性配置和组件属性配置;
其中,若进行页面属性配置,则根据页面背景色、背景图以及页面字体样式进行组件配置;若进行组件属性配置,则根据组件类型确定对应的组件配置方式,所述组件类型包括父组件类型与子组件类型。
6.如权利要求4所述的方法,其特征在于,所述方法包括:
若将所述组件配置区域中的待配置组件拖拽至所述模板动态展示区域,则根据所述待配置组件对应的索引,从所述模板动态展示区域通过v-model指令绑定的动态展示数据列表中,确定所述待配置组件对应的模板参数;
将所述模板参数以prop变量的形式,传入所述模板动态展示区域以及组件配置区域;
响应用户在所述组件配置区域中进行的属性参数修改操作,将所述待配置组件对应的修改后的模板参数更新至所述模板动态展示区域;
则,所述响应用户在所述页面预览区域进行的页面预览操作,基于对所述待配置组件进行组件配置,对配置的页面进行预览,包括:
响应用户在所述页面预览区域进行的页面预览操作,基于对所述待配置组件进行组件配置,对修改了模板参数后的页面进行预览。
7.一种页面切换方法,其特征在于,所述方法包括:
响应用户在移动端进行的页面切换操作,确定用户选择的地区级别,以及待切换页面的主题;其中,所述地区级别与实际地域行政级别一一对应;
确定是否具有与所述地区级别以及所述待切换页面的主题的发布页面模板;
若确定具有,则根据所述发布页面模板,进行页面切换。
8.如权利要求7所述的方法,其特征在于,在所述确定是否具有与所述地区级别以及所述待切换页面的主题对应的发布页面模板之后,所述方法包括:
若确定不具有,则确定所述待切换页面的主题是否为所述地区级别对应的默认页面主题;
若确定不为所述地区级别对应的默认页面主题,则确定是否具有所述地区级别对应的默认页面主题的页面模板;
若确定具有,则根据所述地区级别对应的默认页面主题的页面模板,进行页面切换。
9.如权利要求8所述的方法,其特征在于,在确定所述待切换页面的主题是否为所述地区级别对应的默认页面主题之后,所述方法包括:
则确定不为所述地区级别对应的默认页面主题,且同时不具有所述地区级别对应的默认页面主题的页面模板,则确定所述地区级别的上一级地区是否具有与自身地区级别对应的默认页面主题的页面模板;或者,
若确定为所述地区级别对应的默认页面主题,则确定所述地区级别的上一级地区是否具有与自身地区级别对应的默认页面主题的页面模板;
若确定具有,则根据所述上一级地区的地区级别对应的默认页面主题的页面模板,进行页面切换。
10.如权利要求9所述的方法,其特征在于,在确定所述地区级别的上一级地区是否具有与自身地区级别对应的默认页面主题的页面模板之后,所述方法包括:
若确定不具有时,则确定所述上一级地区的地区级别是否为最高地区级别;
若确定为最高地区级别,则根据所述最高地区级别对应的默认页面主题的页面模板,进行页面切换。
11.如权利要求9所述的方法,其特征在于,在确定所述上一级地区的地区级别是否为最高地区级别之后,所述方法包括:
若确定不为最高地区级别,则确定所述上一级地区的上一级地区是否具有与自身地区级别对应的默认页面主题的页面模板;
若确定具有,则根据所述上一级地区的上一级地区的地区级别对应的默认页面主题的页面模板,进行页面切换。
12.一种页面配置装置,其特征在于,所述装置包括:
第一确定单元,用于响应用户在管理端进行的页面登录操作,确定用户对应的页面配置权限;其中,所述页面配置权限与用户账号归属地区的地区级别有关,所述地区级别与实际地域行政级别一一对应;
第二确定单元,用于根据所述页面配置权限,确定所述用户是否具有对所选择的地区级别的页面模板进行配置的权限;
页面配置单元,用于在确定具有时,响应用户在所述管理端进行的页面配置操作,在所述管理端的页面模板编辑区域进行页面配置。
13.一种页面切换装置,其特征在于,所述装置包括:
第三确定单元,用于响应用户在移动端进行的页面切换操作,确定用户选择的地区级别,以及待切换页面的主题;其中,所述地区级别与实际地域行政级别一一对应;
第四确定单元,用于确定是否具有与所述地区级别以及所述待切换页面的主题的发布页面模板;
页面切换单元,用于在确定具有时,根据所述发布页面模板,进行页面切换。
14.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,
所述处理器执行所述计算机程序时实现权利要求1-6或者7-11任一项所述方法的步骤。
15.一种计算机存储介质,其上存储有计算机程序指令,其特征在于,
该计算机程序指令被处理器执行时实现权利要求1-6或者7-11任一项所述方法的步骤。
16.一种计算机程序产品,其特征在于,
所述计算机程序产品包括:计算机程序代码,当所述计算机程序代码在计算机上运行时,使得计算机执行上述如权利要求1-6或者7-11中任一项所述的方法。
CN202111565005.5A 2021-12-20 2021-12-20 页面配置与切换方法、装置、设备及存储介质 Pending CN114461209A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111565005.5A CN114461209A (zh) 2021-12-20 2021-12-20 页面配置与切换方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111565005.5A CN114461209A (zh) 2021-12-20 2021-12-20 页面配置与切换方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
CN114461209A true CN114461209A (zh) 2022-05-10

Family

ID=81406657

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111565005.5A Pending CN114461209A (zh) 2021-12-20 2021-12-20 页面配置与切换方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN114461209A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116301869A (zh) * 2023-05-17 2023-06-23 建信金融科技有限责任公司 前端页面配置管控系统、方法、设备、介质及程序产品
CN116578438A (zh) * 2023-07-13 2023-08-11 建信金融科技有限责任公司 一种适老化改造的自动化检测方法及装置

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116301869A (zh) * 2023-05-17 2023-06-23 建信金融科技有限责任公司 前端页面配置管控系统、方法、设备、介质及程序产品
CN116301869B (zh) * 2023-05-17 2023-08-15 建信金融科技有限责任公司 前端页面配置管控系统、方法、设备、介质
CN116578438A (zh) * 2023-07-13 2023-08-11 建信金融科技有限责任公司 一种适老化改造的自动化检测方法及装置
CN116578438B (zh) * 2023-07-13 2023-09-08 建信金融科技有限责任公司 一种适老化改造的自动化检测方法及装置

Similar Documents

Publication Publication Date Title
US20140280484A1 (en) Dynamic Service Extension Infrastructure For Cloud Platforms
CN104321743B (zh) 用于开发在通信网络上查询内容和服务的应用程序的方法和系统
US10706033B2 (en) Content management system and method for managing ad-hoc collections of content
CN114461209A (zh) 页面配置与切换方法、装置、设备及存储介质
CN105630267A (zh) 视图界面资源管理方法和装置
KR101414795B1 (ko) 인스턴트 웹 앱 생성 장치 및 방법
KR20150099318A (ko) 애플리케이션 개발 환경 제공 프로그램을 기록한 컴퓨터로 판독 가능한 기록매체
Biswas Beginning React and Firebase
Pinnis Modern Website Development with Strapi and Next. js
CN103917944A (zh) 动态更新设备中文件夹内容的系统及其方法
Neupane Developing a static website and deploying it to Heroku
Swain Tethys Platform Documentation
Hafner Radiance-a Web Application Environment.
Tanaka Memetic Approach to the Location-Based Ad Hoc Federation of Intelligent Resources
Platoff et al. Leveraging Drupal Capabilities to Create a User-Focused Library Website
Mengistu Organization Management in Drupal
KR20150099283A (ko) 애플리케이션 개발 환경 제공 방법
KR20150099334A (ko) 애플리케이션 개발 환경 제공 방법
KR20150099310A (ko) 애플리케이션 개발 환경 제공 방법
KR20150097108A (ko) 애플리케이션 개발 환경 제공 방법
KR20150099332A (ko) 애플리케이션 개발 환경 제공 방법
KR20150099287A (ko) 애플리케이션 개발 환경 제공 방법
KR20150099328A (ko) 애플리케이션 개발 환경 제공 방법
KR20150099323A (ko) 애플리케이션 개발 환경 제공 방법
KR20150099325A (ko) 애플리케이션 개발 환경 제공 방법

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