1.本发明涉及项目模块化开发技术领域，具体地说是一种可动态设置页面模块的方法及存储介质。
背景技术：2.模块化这个词最早出现在研究工程设计中的《design rules》，这本探路性质的书中。其后模块化原则还只是作为计算机科学的理论，尚不是工程实践。此时硬件的模块化一直是工程技术的基石之一。如标准螺纹、汽车组件、计算机硬件组件等。
3.而软件模块化的原则也是随着软件的复杂性诞生的。从开始的机器码、子程序划分、库、框架、再到分布在成千上万公里的互联网上主机上的程序库。模块化是解决软件复杂性的重要方法之一。
4.模块化以分治法为依据，但是否意味着把软件无限制的细分下去。事实上当分割过细，模块总数增多，每个模块的成本确实减少了，但模块接口所需代价随之增加。要确保模块的合理分割则须了解信息隐藏，内聚度及耦合度。
5.模块化简单说就是把软件整体划分，划分后的块组成了软件。这些块都相对独立，之间用接口(协议)通信，每个块完成一个功能，多个块组合可以完成一系列功能。
6.传统的软件更新方式需要每次更改源码、部署等一系列操作，极大的浪费了时间，还有可能会降低项目的稳定性，不利于项目的开发维护。
技术实现要素：7.本发明的技术任务是提供一种可动态设置页面模块的方法及存储介质，来解决传统的软件更新方式需要每次更改源码、部署等一系列操作，极大的浪费了时间，还有可能会降低项目的稳定性，不利于项目的开发维护的问题。
8.本发明的技术任务是按以下方式实现的，一种可动态设置页面模块的方法，该方法是以模块化开发为基础，通过建立对应数据集绑定相应页面模块，更改页面模块对应数据来达到动态更新对应模块的目的；同时根据不同身份个性化定制页面模块，满足个性化配置页面模块以及更新页面布局的需求。
9.作为优选，该方法具体如下：
10.基于前端技术框架vue3.0实现模块化开发：将一个复杂的应用分割成一个个功能独立的组件，每个组件都对应唯一的组件名称，通过组件名称区分应用中的不同组件；
11.通过在管理端设置对应页面模块的数据达到控制页面模块是否显示、更改页面模块的展示顺序及页面布局的效果；
12.在目标模块页面，通过局部注册的方式，在应用界面引入全部所需组件，进行前端展示。
13.更优地，各个组件之间props、emit及vuex方法相关联，实现组件间的数据通信及交互功能。
14.更优地，当任意两个及以上的组件的处理逻辑相同时，通过引入minxin局部混入的方法将相似处理逻辑剥离出来，在组件内实现逻辑代码的复用。
15.更优地，管理端设置具体如下：
16.在应用的页面模块内判断用户身份：
17.若用户为管理员，则通过token鉴权认证判断该用户是否具备管理权限：
18.若有，则对管理员提供后台管理端入口；
19.管理员在后台管理端内配置所有页面模块的数据。
20.更优地，页面模块的每条数据通过所定义的名称对应不同的页面模块，通过更改每条数据的先后顺序控制前端页面模块的展示顺序，同时针对不同的页面模块增加不同的识别字段。
21.更优地，针对不同的页面模块增加不同的识别字段具体包括如下情况：
22.对于轮播图页面模块：配置图片地址、链接、数量及轮播间隔时间；
23.对于多图标按钮页面模块：配置图标的地址、是否禁用及顺序；
24.对于多链接跳转页面模块：配置链接跳转地址、方式及参数；
25.对于信息公告页面模块：配置时间间隔及样式。
26.作为优选，前端展示具体如下：
27.页面初始化前，通过接口获取所有页面模块的配置信息数组；
28.利用v-for指令循环每项数据，在其中嵌套component组件标签，将每项数据中的组件名称赋值给is属性；
29.通过render函数执行creatcomponent方法返回一个vdom并将其挂载到dom上，实现组件在界面上的依次渲染。
30.一种电子设备，包括：存储器和至少一个处理器；
31.其中，所述存储器上存储有计算机程序；
32.所述至少一个处理器执行所述存储器存储的计算机程序，使得所述至少一个处理器执行如上述的可动态设置页面模块的方法。
33.一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，所述计算机程序可被处理器执行以实现如上述的可动态设置页面模块的方法。
34.本发明的可动态设置页面模块的方法及存储介质具有以下优点：
35.(一)本发明在无需更改软件代码的前提下，可进行项目内模块的动态更新，以满足个性化配置页面模块或者更新页面布局的需求；
36.(二)本发明的系统管理员可在管理端设置对应模块的数据，来达到控制模块的是否显示或者更改模块的展示顺序、页面布局等，也可根据不同身份个性化定制模块，以此满足不需更新代码就可操作页面各种模块的目的；
37.(三)在软件开发更新的过程中，本发明可通过管理端的数据配置实现设置页面内不同的模块展示、布局等；
38.(四)本发明通过数据集与模块绑定的方法，无需更改代码即可控制模块，提高系统的可维护性；
39.(五)本发明可将模块数据与用户进行绑定，定制差异化的界面显示；
40.(六)本发明的前端通过获取数据库的模块配置数据再进行渲染；
41.(七)本发明由管理员配置各个页面模块数据，以此来组合成差异化的界面。
附图说明
42.下面结合附图对本发明进一步说明。
43.附图1为前端展示的流程框图。
具体实施方式
44.参照说明书附图和具体实施例对本发明的可动态设置页面模块的方法及存储介质作以下详细地说明。
45.实施例1：
46.本实施例提供了一种可动态设置页面模块的方法，该方法是以模块化开发为基础，通过建立对应数据集绑定相应页面模块，更改页面模块对应数据来达到动态更新对应模块的目的；同时根据不同身份个性化定制页面模块，满足个性化配置页面模块以及更新页面布局的需求；具体如下：
47.s1、基于前端技术框架vue3.0实现模块化开发：将一个复杂的应用分割成一个个功能独立的组件，每个组件都对应唯一的组件名称，通过组件名称区分应用中的不同组件；
48.s2、通过在管理端设置对应页面模块的数据达到控制页面模块是否显示、更改页面模块的展示顺序及页面布局的效果；
49.s3、在目标模块页面，通过局部注册的方式，在应用界面引入全部所需组件，进行前端展示。
50.本实施例中，各个组件之间props、emit及vuex方法相关联，实现组件间的数据通信及交互功能。
51.本实施例中，当任意两个及以上的组件的处理逻辑相同时，通过引入minxin局部混入的方法将相似处理逻辑剥离出来，在组件内实现逻辑代码的复用。
52.本实施例步骤s2中的管理端设置具体如下：
53.s201、在应用的页面模块内判断用户身份：
54.若用户为管理员，则执行步骤s202；
55.s202、通过token鉴权认证判断该用户是否具备管理权限：
56.若有，则执行步骤s203；
57.s203、对管理员提供后台管理端入口；
58.s204、管理员在后台管理端内配置所有页面模块的数据。
59.本实施例中，页面模块的每条数据通过所定义的名称对应不同的页面模块，通过更改每条数据的先后顺序控制前端页面模块的展示顺序，同时针对不同的页面模块增加不同的识别字段。
60.本实施例中，针对不同的页面模块增加不同的识别字段具体包括如下情况：
61.对于轮播图页面模块：配置图片地址、链接、数量及轮播间隔时间；
62.对于多图标按钮页面模块：配置图标的地址、是否禁用及顺序；
63.对于多链接跳转页面模块：配置链接跳转地址、方式及参数；
64.对于信息公告页面模块：配置时间间隔及样式。
65.如附图1所示，本实施例中的前端展示具体如下：
66.s301、页面初始化前，通过接口获取所有页面模块的配置信息数组；
67.s302、利用v-for指令循环每项数据，在其中嵌套component组件标签，将每项数据中的组件名称赋值给is属性；
68.s303、通过render函数执行creatcomponent方法返回一个vdom并将其挂载到dom上，实现组件在界面上的依次渲染。
69.实施例2：
70.本实施例还提供了一种电子设备，包括：存储器和处理器；
71.其中，存储器存储计算机执行指令；
72.处理器执行所述存储器存储的计算机执行指令，使得处理器执行本发明任一实施例中的可动态设置页面模块的方法。
73.处理器可以是中央处理单元(，cpu)，还可以是其他通用处理器、数字信号处理器(dsp)、专用集成电路(asic)、现成可编程门阵列(fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通过处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
74.存储器可用于储存计算机程序和/或模块，处理器通过运行或执行存储在存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现电子设备的各种功能。存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器还可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，只能存储卡(smc)，安全数字(sd)卡，闪存卡、至少一个磁盘存储期间、闪存器件、或其他易失性固态存储器件。
75.实施例3：
76.本实施例还提供了一种计算机可读存储介质，其中存储有多条指令，指令由处理器加载，使处理器执行本发明任一实施例中的可动态设置页面模块的方法。具体地，可以提供配有存储介质的系统或者装置，在该存储介质上存储着实现上述实施例中任一实施例的功能的软件程序代码，且使该系统或者装置的计算机(或cpu或mpu)读出并执行存储在存储介质中的程序代码。
77.在这种情况下，从存储介质读取的程序代码本身可实现上述实施例中任何一项实施例的功能，因此程序代码和存储程序代码的存储介质构成了本发明的一部分。
78.用于提供程序代码的存储介质实施例包括软盘、硬盘、磁光盘、光盘(如cd-rom、cd-r、cd-rw、dvd-rom、dvd-rym、dvd-rw、dvd+rw)、磁带、非易失性存储卡和rom。可选择地，可以由通信网络从服务器计算机上下载程序代码。
79.此外，应该清楚的是，不仅可以通过执行计算机所读出的程序代码，而且可以通过基于程序代码的指令使计算机上操作的操作系统等来完成部分或者全部的实际操作，从而实现上述实施例中任意一项实施例的功能。
80.此外，可以理解的是，将由存储介质读出的程序代码写到插入计算机内的扩展板中所设置的存储器中或者写到与计算机相连接的扩展单元中设置的存储器中，随后基于程序代码的指令使安装在扩展板或者扩展单元上的cpu等来执行部分和全部实际操作，从而
实现上述实施例中任一实施例的功能。
81.最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。
技术特征：1.一种可动态设置页面模块的方法，其特征在于，该方法是以模块化开发为基础，通过建立对应数据集绑定相应页面模块，更改页面模块对应数据来达到动态更新对应模块的目的；同时根据不同身份个性化定制页面模块，满足个性化配置页面模块以及更新页面布局的需求。2.根据权利要求1所述的可动态设置页面模块的方法，其特征在于，该方法具体如下：基于前端技术框架vue3.0实现模块化开发：将一个应用分割成一个个功能独立的组件，每个组件都对应唯一的组件名称，通过组件名称区分应用中的不同组件；通过在管理端设置对应页面模块的数据达到控制页面模块是否显示、更改页面模块的展示顺序及页面布局的效果；在目标模块页面，通过局部注册的方式，在应用界面引入全部所需组件，进行前端展示。3.根据权利要求2所述的可动态设置页面模块的方法，其特征在于，各个组件之间props、emit及vuex方法相关联，实现组件间的数据通信及交互功能。4.根据权利要求2所述的可动态设置页面模块的方法，其特征在于，当任意两个及以上的组件的处理逻辑相同时，通过引入minxin局部混入的方法将相似处理逻辑剥离出来，在组件内实现逻辑代码的复用。5.根据权利要求2所述的可动态设置页面模块的方法，其特征在于，管理端设置具体如下：在应用的页面模块内判断用户身份：若用户为管理员，则通过token鉴权认证判断该用户是否具备管理权限：若有，则对管理员提供后台管理端入口；管理员在后台管理端内配置所有页面模块的数据。6.根据权利要求5所述的可动态设置页面模块的方法，其特征在于，页面模块的每条数据通过所定义的名称对应不同的页面模块，通过更改每条数据的先后顺序控制前端页面模块的展示顺序，同时针对不同的页面模块增加不同的识别字段。7.根据权利要求6所述的可动态设置页面模块的方法，其特征在于，针对不同的页面模块增加不同的识别字段具体包括如下情况：对于轮播图页面模块：配置图片地址、链接、数量及轮播间隔时间；对于多图标按钮页面模块：配置图标的地址、是否禁用及顺序；对于多链接跳转页面模块：配置链接跳转地址、方式及参数；对于信息公告页面模块：配置时间间隔及样式。8.根据权利要求1所述的可动态设置页面模块的方法，其特征在于，前端展示具体如下：页面初始化前，通过接口获取所有页面模块的配置信息数组；利用v-for指令循环每项数据，在其中嵌套component组件标签，将每项数据中的组件名称赋值给is属性；通过render函数执行creatcomponent方法返回一个vdom并将其挂载到dom上，实现组件在界面上的依次渲染。9.一种电子设备，其特征在于，包括：存储器和至少一个处理器；
其中，所述存储器上存储有计算机程序；所述至少一个处理器执行所述存储器存储的计算机程序，使得所述至少一个处理器执行如权利要求1至8任一项所述的可动态设置页面模块的方法。10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机程序，所述计算机程序可被处理器执行以实现如权利要求1至8中任一项所述的可动态设置页面模块的方法。
技术总结本发明公开了可动态设置页面模块的方法及存储介质，属于项目模块化开发技术领域，本发明要解决的技术问题为传统的软件更新方式需要每次更改源码、部署等一系列操作，极大的浪费了时间，还有可能会降低项目的稳定性，不利于项目的开发维护，采用的技术方案为：该方法是以模块化开发为基础，通过建立对应数据集绑定相应页面模块，更改页面模块对应数据来达到动态更新对应模块的目的；同时根据不同身份个性化定制页面模块，满足个性化配置页面模块以及更新页面布局的需求。以及更新页面布局的需求。以及更新页面布局的需求。
技术研发人员：方明涛 黎文志
受保护的技术使用者：山东浪潮智慧医疗科技有限公司
技术研发日：2022.07.05
技术公布日：2022/11/1
