一种学习平台可视化页面配置方法、装置、终端及介质与流程

本发明涉及计算机，尤其涉及一种学习平台可视化页面配置方法、装置、终端及介质。

背景技术：

1、如今，企业之间的竞争也日益激烈，因此通常使用企业学习平台以提高企业员工的整体知识水平完善及相关技能的系统学习，从而提高企业核心竞争力。

2、目前，在学习平台上进行可视化页面配置的方法通常基于固有组件的添加删除和拖拽排序，其组件形式单一、可配置内容较少，且利用现有的编辑器配置较为复杂的页面，需要开发大量的代码编写，导致页面的开发效率低，且维护成本较高。且各个用户在可视化页面配置时需要在大量的组件中进行选择，系统无法根据不同用户的实际业务需求推送符合其权限的组件，配置效率低下。

技术实现思路

1、为了解决上述技术问题，本发明第一方面公开了一种学习平台可视化页面配置方法，所述方法包括：

2、s1响应于用户在页面管理界面的新建页面请求，并初始化所述新建页面的页面数据；

3、s2获取所述用户的权限配置信息，根据所述权限配置信息在与预设原子组件库中选取对应的目标原子组件；

4、s3使用可视化页面配置器构建所述目标原子组件与新建页面的映射关系；通过可视化页面编辑器对所述新建页面进行编辑；

5、s4基于所述可视化页面配置器，响应用户操作选择任意目标原子组件进行页面设计，并响应用户点击操作选择任一目标原子组件进行组件内部配置；

6、s5将页面配置完成后的配置数据保存至后台，将配置完成后的页面部署至用户侧；

7、s6响应用户操作，在所述用户侧对该页面的基础框架进行加载，从后端获取该页面的配置数据和对应的目标原子组件，并根据所述配置数据将所述第一组件进行组合并渲染得到最终页面。

8、其中一实施方式中，所述组件内部配置包括包括数据配置、样式配置、属性配置、事件配置和交互配置。

9、其中一实施方式中，根据所述权限配置信息在与预设原子组件库中选取对应的目标原子组件，包括：

10、获取新建页面的id及所述新建页面的id对应的所有编辑元素的id；

11、调用预设原子组件库中所述所有编辑元素的id对应的配置组件；

12、获取所述用户的权限配置信息，选取所述配置组件中对应配置权限与所述用户权限相同的组件，得到所述目标原子组件。

13、其中一实施方式中，所述将页面配置完成后的配置数据保存至后台的步骤之前，还包括：

14、根据配置完成后的页面，展示预览页面效果。

15、本发明第二方面公开了一种学习平台可视化页面配置装置，所述装置包括：

16、新建模块，其用于响应于用户在页面管理界面的新建页面请求，并初始化所述新建页面的页面数据；

17、权限模块，其用于获取所述用户的权限配置信息，根据所述权限配置信息在与预设原子组件库中选取对应的目标原子组件；

18、映射模块，其用于使用可视化页面配置器构建所述目标原子组件与新建页面的映射关系；通过可视化页面编辑器对所述新建页面进行编辑；

19、设计模块，其用于响应用户操作选择任意目标原子组件进行页面设计，并响应用户点击操作选择任一目标原子组件进行组件内部配置；

20、部署模块，其用于将页面配置完成后的配置数据保存至后台，将配置完成后的页面部署至用户侧；

21、渲染模块，其用于响应用户操作，在所述用户侧对该页面的基础框架进行加载，从后端获取该页面的配置数据和对应的目标原子组件，并根据所述配置数据将所述第一组件进行组合并渲染得到最终页面。

22、所述设计模块包括包括数据配置单元、样式配置单元、属性配置单元、事件配置单元和交互配置单元。

23、其中一实施方式中，所述权限模块包括获取单元，其用于获取新建页面的id及所述新建页面的id对应的所有编辑元素的id；

24、调用预设原子组件库中所述所有编辑元素的id对应的配置组件；

25、获取所述用户的权限配置信息，选取所述配置组件中对应配置权限与所述用户权限相同的组件，得到所述目标原子组件。

26、其中一实施方式中，所述部署模块中包括预览单元，其用于根据配置完成后的页面，展示预览页面效果。

27、本发明第三方面公开了一种学习平台可视化页面配置终端，所述终端包括：

28、存储有可执行程序代码的存储器；

29、与所述存储器耦合的处理器；

30、所述处理器调用所述存储器中存储的所述可执行程序代码，执行本发明实施方式第一方面所述的学习平台可视化页面配置方法。

31、本发明第四方面公开了一种计算机存储介质，所述计算机存储介质存储有计算机指令，所述计算机指令被调用时，用于执行本发明第一方面公开的学习平台可视化页面配置方法中的部分或全部步骤。

32、与现有技术相比，本发明实施例具有以下有益效果：

33、本发明实施例中，首先通过本发明提供一种学习平台可视化页面配置方法，其包括如下步骤：响应用户新建页面的同时初始化新建页面的页面数据。然后获取用户的权限配置信息，根据权限配置信息选取该用户能够调用的目标原子组件，用户利用可视化页面编辑器对页面进行页面配置时能够用户根据自身需求，选择目标原子组件进行页面设计并对组件进行内部配置，通过权限配置为不同的用户提供了对应的目标原子组件，通过统一的权限设置使得页面配置的管理更加高效，用户通过可视化页面配置器进行配置能够更加高效的实现页面的搭建和配置。用户对各个目标原子组件的配置数据将保存至后台，且配置完成后的页面将部署至用户侧，则当用户在用户侧打开页面时，页面首先加载基础框架，并获取对应的配置数据和目标原子组件，然后根据页面配置执行预先配置的事件任务，并根据配置数据对目标原子组件进行组合并遍历，以对页面进行渲染得到最终页面。从而不仅实现了配置多种复杂页面的目的，而且由于用户只需要通过对目标原子组件进行配置就可以完成页面配置，相较于传统页面开发方法减少了大量的代码编写，极大地提高了页面开发效率，降低了维护成本。且与现有页面配置方案相比，通过本方法进行页面配置具有极强的灵活性和普适性。

技术特征：

1.一种学习平台可视化页面配置方法，其特征在于，用于学习平台，所述方法包括：

2.根据权利要求1所述的学习平台可视化页面配置方法，其特征在于，所述组件内部配置包括包括数据配置、样式配置、属性配置、事件配置和交互配置。

3.根据权利要求2所述的学习平台可视化页面配置方法，其特征在于，根据所述权限配置信息在与预设原子组件库中选取对应的目标原子组件，包括：

4.根据权利要求3所述的学习平台可视化页面配置方法，其特征在于，所述将页面配置完成后的配置数据保存至后台的步骤之前，还包括：

5.一种学习平台可视化页面配置装置，其特征在于，所述装置包括：

6.根据权利要求5所述的学习平台可视化页面配置装置，其特征在于，所述设计模块包括包括数据配置单元、样式配置单元、属性配置单元、事件配置单元和交互配置单元。

7.根据权利要求5所述的学习平台可视化页面配置装置，其特征在于，所述权限模块包括获取单元，其用于获取新建页面的id及所述新建页面的id对应的所有编辑元素的id；

8.根据权利要求5所述的学习平台可视化页面配置装置，其特征在于，所述部署模块中包括预览单元，其用于根据配置完成后的页面，展示预览页面效果。

9.一种学习平台可视化页面配置终端，其特征在于，所述终端包括：

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1-4任一项所述的学习平台可视化页面配置方法。

技术总结
本发明公开了一种学习平台可视化页面配置方法，用于学习平台，方法包括：响应于用户在页面管理界面的新建页面请求，并初始化新建页面的页面数据；获取用户的权限配置信息，根据权限配置信息选取对应的目标原子组件；可视化页面配置器用于构建所述目标原子组件与新建页面的映射关系；使用可视化页面编辑器对新建页面进行编辑；用户操作选择目标原子组件进行页面设计，并响应用户点击操作选择任一目标原子组件进行组件内部配置；将配置完成后的页面部署至用户侧；响应用户操作，在用户侧对该页面的基础框架进行加载，从后端获取该页面的配置数据和对应的目标原子组件，并根据配置数据将第一组件进行组合并渲染得到最终页面。

技术研发人员：张诺华
受保护的技术使用者：广州希音国际进出口有限公司
技术研发日：
技术公布日：2024/1/15