一种按照接入方式自动切换页面布局的方法及装置与流程

技术特征：
1.一种按照接入方式自动切换页面布局的方法，其特征在于，该方法包括：搭建前端页面，在所述前端页面中设置页面布局区及业务功能区；在全局变量中添加表示接入状态的标志位，在标志位处于第一状态时，以内嵌方式接入，隐藏页面布局区，在标志位处于第二状态时，显示页面布局区；配置路由守卫，根据当前接入方式，调节对应的标志位信息；在页面布局区的组件中添加显隐控制逻辑，根据标志位的状态控制渲染；在发起访问时，初始化前端页面，将标志位置为第二状态；利用路由守卫截取访问过程中内嵌方式的参数，若路由守卫截取到访问路径为内嵌访问的参数时，调节标志位为第一状态；若未截取到访问路径的参数或截取到访问路径不为内嵌访问的参数时，保持标志位为第二状态；根据标志位的状态进行页面渲染，当标志位为第一状态时，跳过渲染页面布局区，在页面中渲染业务功能区；当标志位为第二状态时，渲染页面布局区及业务功能区。2.根据权利要求1所述的按照接入方式自动切换页面布局的方法，其特征在于，所述页面布局区至少包括：标题栏及菜单栏，用于显示系统标题、用户信息及菜单信息；所述业务功能区的内容随着功能的切换进行切换。3.根据权利要求1所述的按照接入方式自动切换页面布局的方法，其特征在于，在全局变量中添加表示接入状态的标志位，在标志位处于第一状态时，内嵌方式为接入，隐藏页面布局区，在标志位处于第二状态时，显示页面布局区，包括：在标志位为true时，以内嵌方式接入，隐藏页面布局区；在标志位为false时，通过本地系统入口访问，显示页面布局区；其中，标志位的默认值为false。4.根据权利要求3所述的按照接入方式自动切换页面布局的方法，其特征在于，配置路由守卫，根据当前接入方式，调节对应的标志位信息，包括：添加路由守卫，根据访问的url参数判断系统接入方式；其中，路由守卫是前端页面在每次进入页面时所执行的逻辑，路由守卫中添加对url的处理逻辑；当内嵌至其他系统时，当前系统的访问路径需要添加参数embed＝true，表示通过内嵌方式访问当前系统，路由守卫根据embed参数且参数为true，调用标志位的处理逻辑，将标志位置为true；若embed参数不存在或embed参数为false，路由守卫不做处理。5.根据权利要求4所述的按照接入方式自动切换页面布局的方法，其特征在于，在页面布局区的组件中添加显隐控制逻辑，根据标志位的状态控制渲染，包括：在页面布局区的组件中，利用前端框架提供的条件渲染语句添加显隐控制逻辑，布局组件根据标志位的状态控制自身是否渲染。6.根据权利要求5所述的按照接入方式自动切换页面布局的方法，其特征在于，在发起访问时，初始化前端页面，将标志位置为第二状态，包括：在发起访问时，对前端页面进行初始化，并将标志位初始化为false，默认为非嵌入状态，显示页面布局区。7.根据权利要求6所述的按照接入方式自动切换页面布局的方法，其特征在于，利用路由守卫截取访问过程中内嵌方式的参数，包括：若截取到访问url中的embed参数且参数为true，调用标志位的处理逻辑，将标志位置
为true；若未截取到embed参数或截取到embed参数为false，保持标志位为false。8.根据权利要求7所述的按照接入方式自动切换页面布局的方法，其特征在于，根据标志位的状态进行页面渲染，当标志位为第二状态时，渲染页面布局区及业务功能区；当标志位为第一状态时，跳过渲染页面布局区，在页面中渲染业务功能区，包括：当标志位为true时，跳过渲染页面布局区，在前端页面中渲染业务功能区，并通过页面进行展示；当标志位为false时，渲染页面布局区及业务功能区，并通过页面进行展示。9.一种按照接入方式自动切换页面布局的装置，其特征在于，该装置包括：页面设置模块，用于搭建前端页面，在所述前端页面中设置页面布局区及业务功能区；标志位添加模块，用于在全局变量中添加表示接入状态的标志位，在标志位处于第一状态时，以内嵌方式接入，隐藏页面布局区，在标志位处于第二状态时，显示页面布局区；路由守卫配置模块，用于配置路由守卫，根据当前接入方式，调节对应的标志位信息；显隐控制逻辑添加模块，用于在页面布局区的组件中添加显隐控制逻辑，根据标志位的状态控制渲染；访问模块，用于在发起访问时，初始化前端页面，将标志位置为第二状态；参数截取模块，用于利用路由守卫截取访问过程中内嵌方式的参数，若路由守卫截取到访问路径为内嵌访问的参数时，调节标志位为第一状态；若未截取到访问路径的参数或截取到访问路径不为内嵌访问的参数时，保持标志位为第二状态；页面渲染模块，用于根据标志位的状态进行页面渲染，当标志位为第一状态时，跳过渲染页面布局区，在页面中渲染业务功能区；当标志位为第二状态时，渲染页面布局区及业务功能区。10.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至8任一所述方法。11.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1至8任一所述方法。

技术总结
本发明提出了一种按照接入方式自动切换页面布局的方法及装置，涉及计算机技术领域，该方法包括：搭建前端页面；在全局变量中添加表示接入状态的标志位；配置路由守卫，根据当前接入方式，调节对应的标志位信息；在页面布局区的组件中添加显隐控制逻辑，根据标志位的状态控制渲染；在发起访问时，初始化前端页面，将标志位置为第二状态；利用路由守卫截取访问过程中内嵌方式的参数，若路由守卫截取到访问路径为内嵌访问的参数时，调节标志位为第一状态；根据标志位的状态进行页面渲染，当标志位为第一状态时，跳过渲染页面布局区，在页面中渲染业务功能区；当标志位为第二状态时，渲染页面布局区及业务功能区。页面布局区及业务功能区。页面布局区及业务功能区。


技术研发人员：刘泱 林相相 詹娇淑 徐晓琳
受保护的技术使用者：中国工商银行股份有限公司
技术研发日：2021.08.11
技术公布日：2021/11/9