本发明涉及软件页面设计,具体而言,涉及一种基于资金系统的页面设计方法、装置、设备及存储介质。
背景技术:
1、在q i ankun.js微前端架构下,采用门户加业务模块的开发模式,在当前开发背景下,出现了业务模块初始化、业务模块开发方式差异化较大的问题,导致页面统一性差,开发效率较低。
2、现有技术基于单个模块,单个页面完成页面设计;跨模块复用页面设计较少;跨模块复用页面,多采用复制粘贴代码的方式实现;如此导致规模庞大,需要安装各种依赖,组件调试较于本地调试更为复杂,稳定性较弱,需要长期迭代。
技术实现思路
1、本发明的目的在于提供一种基于资金系统的页面设计方法、装置、设备及存储介质,以解决目前规模庞大,需要安装各种依赖,组件调试较于本地调试更为复杂,稳定性较弱的问题。
2、为解决上述问题,本发明首先提供了一种基于资金系统便于操作的页面设计方法,包括以下步骤:响应于页面元素审查请求,获取目标页面,对其页面元素进行分类;根据所述页面元素的拓展性,将所述页面元素拆分为公共组件和业务组件;通过设计装置开发业务组件;运用公共组件及业务组件开发静态页面;优化所述静态页面,对其进行测试,并修复测试问题。
3、进一步的,通过设计装置开发业务组件包括:根据需求选择技术和框架,包括react、vue、angu l ar,编写开发组件的html、css和javascr i pt/typescr i pt代码,进行页面组件化开发。
4、进一步的,还包括:发布组件,将开发的组件发布至对应的组件库或版本控制系统中。
5、进一步的,还包括操作文档,记录发布的组件安装、配置及使用方法。
6、本发明还提供了一种基于资金系统便于操作的页面设计装置,包括:审查模块,进行页面元素审查,获取目标页面,对其页面元素分类;组件拆分模块,由所述页面元素的拓展性,将所述页面元素拆分为公共组件和业务组件;开发模块,通过设计装置开发业务组件,并运用公共组件及业务组件开发静态页面;调试模块,优化所述静态页面,对其进行测试,并修复测试问题。
7、进一步的,开发模块还包括:根据需求选择技术和框架,包括react、vue、angu lar,编写开发组件的html、css和javascr i pt/typescr i pt代码,进行页面组件化开发。
8、进一步的,还包括:发布模块,将所述开发模块开发的组件发布至对应的组件库或版本控制系统中。
9、进一步的,发布模块还包括操作文档,记录发布的组件安装、配置及使用方法。
10、本发明还提供了一种电子设备,包括:处理器,以及与所述处理器连接的存储器;所述存储器存储有计算机执行指令;所述处理器执行所述存储器存储的计算机执行指令,以实现如以上技术方案中所述的基于资金系统便于操作的页面设计方法。
11、本发明还提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被执行时用于实现如以上技术方案中所述的基于资金系统便于操作的页面设计方法。
12、根据本发明提供的一种基于资金系统的页面设计方法、装置、设备及存储介质,能够保障页面交互的统一,降低开发成本,提升开发效率;减少开发过程中代码冗余,更好复用代码,为开发过程提供公共解决方案,避免重复踩坑。
1.一种基于资金系统便于操作的页面设计方法,其特征在于,包括以下步骤:
2.根据权利要求1所述的基于资金系统便于操作的页面设计方法,其特征在于,通过设计装置开发业务组件包括:
3.根据权利要求2所述的基于资金系统便于操作的页面设计方法,其特征在于,还包括:
4.根据权利要求3所述的基于资金系统便于操作的页面设计方法,其特征在于,还包括操作文档,记录发布的组件安装、配置及使用方法。
5.一种基于资金系统便于操作的页面设计装置,其特征在于,包括:
6.根据权利要求5所述的基于资金系统便于操作的页面设计装置,其特征在于,开发模块还包括:
7.根据权利要求6所述的基于资金系统便于操作的页面设计装置,其特征在于,还包括:
8.根据权利要求7所述的基于资金系统便于操作的页面设计装置,其特征在于,发布模块还包括操作文档,记录发布的组件安装、配置及使用方法。
9.一种电子设备,其特征在于,包括:处理器,以及与所述处理器连接的存储器;
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被执行时用于实现如权利要求1至4中任一项所述的基于资金系统便于操作的页面设计方法。
