【技术实现步骤摘要】
本专利技术涉及计算机，特别指一种工作台展示页面生成方法及系统。
技术介绍
1、工作台是用于展示与使用者自身相关的概要信息，展示用户个性化的一站式工作导航中心，即一个工作平台；工作台可以通过模板、组件等能力，依据用户的自身需求，对展示页面进行灵活、专属的定义。
2、随着时代的发展，前端技术及框架的不断更新，工作台展示页面的功能交互也越发复杂，有时在拥有一些相同模块的基础上，需要为不同用户或角色展示不同布局效果，并且用户自身也可定义不同的布局效果，这就要求开发人员编写一些功能相似的展示页面，并根据每个用户不同的需求来调整展示页面中的模块内容，这无疑造成大量重复的工作，导致资源的浪费。
3、因此，如何提供一种工作台展示页面生成方法及系统，实现提升工作台展示页面生成的便捷性，降低开发成本，成为一个亟待解决的技术问题。
技术实现思路
1、本专利技术要解决的技术问题，在于提供一种工作台展示页面生成方法及系统，实现提升工作台展示页面生成的便捷性，降低开发成本。
2、第一方面，本专利技术提供了一种工作台展示页面生成方法，包括如下步骤：
3、步骤s10、基于vue、antd以及draggable的前端框架技术栈，创建一组件展示区、一画布设计区、一属性配置区以及一功能区；
4、步骤s20、通过拖拽的交互方式将所述组件展示区中的组件添加到画布设计区；
5、步骤s30、所述画布设计区中的组件接收到选中信号后，在所述属性配置区显示对应的
6、步骤s40、基于页面配置文件对所述画布设计区中的各组件进行布局和渲染，生成工作台的展示页面；
7、步骤s50、通过所述功能区对展示页面进行编辑、调整后，对所述展示页面进行保存。
8、进一步的，所述步骤s10中，所述组件展示区设有若干个组件；
9、所述组件的组件类型至少包括页面组件、指标组件以及基础组件；
10、所述基础组件至少包括快捷方式组件、容器组件以及栅栏组件。
11、进一步的，所述步骤s30中，所述属性配置项至少包括高度、宽度、标题、阴影以及位置。
12、进一步的，所述步骤s40具体为：
13、判断数据库中是否存在用户页面配置文件，若是，则加载所述用户页面配置文件，基于所述用户页面配置文件对画布设计区中的各组件进行布局和渲染，生成工作台的展示页面；若否，则加载所述数据库中预先存储的角色页面配置文件，基于所述角色页面配置文件对画布设计区中的各组件进行布局和渲染，生成工作台的展示页面。
14、进一步的，所述步骤s50具体为：
15、所述功能区的编辑图标基于接收的触发信号，将所述展示页面从运行态切换为编辑态，在所述画布设计区对展示页面的组件进行至少包括组件大小、组件布局以及组件增删的编辑、调整后，通过所述功能区的保存图标将展示页面保存到数据库中。
16、第二方面，本专利技术提供了一种工作台展示页面生成系统，包括如下模块：
17、初始化模块，用于基于vue、antd以及draggable的前端框架技术栈，创建一组件展示区、一画布设计区、一属性配置区以及一功能区；
18、组件添加模块，用于通过拖拽的交互方式将所述组件展示区中的组件添加到画布设计区；
19、属性配置模块，用于所述画布设计区中的组件接收到选中信号后，在所述属性配置区显示对应的属性配置项，以对选中的所述组件进行属性配置；
20、展示页面生成模块，用于基于页面配置文件对所述画布设计区中的各组件进行布局和渲染，生成工作台的展示页面；
21、展示页面保存模块，用于通过所述功能区对展示页面进行编辑、调整后，对所述展示页面进行保存。
22、进一步的，所述初始化模块中，所述组件展示区设有若干个组件；
23、所述组件的组件类型至少包括页面组件、指标组件以及基础组件；
24、所述基础组件至少包括快捷方式组件、容器组件以及栅栏组件。
25、进一步的，所述属性配置模块中，所述属性配置项至少包括高度、宽度、标题、阴影以及位置。
26、进一步的，所述展示页面生成模块具体用于：
27、判断数据库中是否存在用户页面配置文件，若是，则加载所述用户页面配置文件，基于所述用户页面配置文件对画布设计区中的各组件进行布局和渲染，生成工作台的展示页面；若否，则加载所述数据库中预先存储的角色页面配置文件，基于所述角色页面配置文件对画布设计区中的各组件进行布局和渲染，生成工作台的展示页面。
28、进一步的，所述展示页面保存模块具体用于：
29、所述功能区的编辑图标基于接收的触发信号，将所述展示页面从运行态切换为编辑态，在所述画布设计区对展示页面的组件进行至少包括组件大小、组件布局以及组件增删的编辑、调整后，通过所述功能区的保存图标将展示页面保存到数据库中。
30、本专利技术的优点在于：
31、通过vue、antd以及draggable的前端框架技术栈，创建组件展示区、画布设计区、属性配置区以及功能区；接着通过拖拽的交互方式将组件展示区中的组件添加到画布设计区，画布设计区中的组件接收到选中信号后，在属性配置区显示对应的属性配置项以进行属性配置；然后基于页面配置文件对画布设计区中的各组件进行布局和渲染，生成工作台的展示页面，最后通过功能区对展示页面进行编辑、调整后，对展示页面进行保存；即仅需拖动组件来控制其在展示页面中的位置，同时为组件设置不同的属性配置项即可展示不同的显示效果，并且可以将展示页面的配置保存到角色中；由于在需要配置大量展示页面时，开发人员无需编码，只需要简单的拖拽和配置就可生成一个展示页面，并且可以显示在具有相同角色的用户中，用户个人也可编辑展示页面的布局方式并保存到用户页面配置文件中，从而赋予用户更多的主动权和控制权，用以满足其独特的需求和偏好，创造出个人化的用户体验，最终极大的提升了工作台展示页面生成的便捷性，极大的降低了工作台展示页面的开发成本。
本文档来自技高网...【技术保护点】
1.一种工作台展示页面生成方法，其特征在于：包括如下步骤：
2.如权利要求1所述的一种工作台展示页面生成方法，其特征在于：所述步骤S10中，所述组件展示区设有若干个组件；
3.如权利要求1所述的一种工作台展示页面生成方法，其特征在于：所述步骤S30中，所述属性配置项至少包括高度、宽度、标题、阴影以及位置。
4.如权利要求1所述的一种工作台展示页面生成方法，其特征在于：所述步骤S40具体为：
5.如权利要求1所述的一种工作台展示页面生成方法，其特征在于：所述步骤S50具体为：
6.一种工作台展示页面生成系统，其特征在于：包括如下模块：
7.如权利要求6所述的一种工作台展示页面生成系统，其特征在于：所述初始化模块中，所述组件展示区设有若干个组件；
8.如权利要求6所述的一种工作台展示页面生成系统，其特征在于：所述属性配置模块中，所述属性配置项至少包括高度、宽度、标题、阴影以及位置。
9.如权利要求6所述的一种工作台展示页面生成系统，其特征在于：所述展示页面生成模块具体用于：
1
...【技术特征摘要】
1.一种工作台展示页面生成方法，其特征在于：包括如下步骤：
2.如权利要求1所述的一种工作台展示页面生成方法，其特征在于：所述步骤s10中，所述组件展示区设有若干个组件；
3.如权利要求1所述的一种工作台展示页面生成方法，其特征在于：所述步骤s30中，所述属性配置项至少包括高度、宽度、标题、阴影以及位置。
4.如权利要求1所述的一种工作台展示页面生成方法，其特征在于：所述步骤s40具体为：
5.如权利要求1所述的一种工作台展示页面生成方法，其特征在于：所述步骤s50具体为：
6....
【专利技术属性】
技术研发人员：黄家昌，王志坚，杨辉，
申请(专利权)人：福建亿能达信息技术股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。