JVS动态首页全攻略:权限设置、组件拖拽,轻松打造个性化门户

本文主要是介绍JVS动态首页全攻略:权限设置、组件拖拽,轻松打造个性化门户,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

概要说明

“动态首页”通常指的是一个网站或应用的主页,其内容会根据时间、用户行为、或其他因素实时更新。这样的设计旨在为用户提供最新、最相关的信息,并增强用户的互动体验。在jvs平台用户可自定义设置角色权限实现让不同用户看到不同的首页样式,从而实现千人千面的功能,同时支持自定义添加多种组件以拖拉拽方式设计并添加数据。下面就是对首页设计配置的操作说明。

配置入口

门户首页配置的入口如下图所示,在首页顶部点击【首页管理】按钮

依次包括:

①权限设置:可以针对不同角色设计不同门户页面,实现千人千面

②另存为新门户:创建一个新的门户页面

③保存:保存配置的信息

④编辑:修改当前门户名称

⑤门户:展示当前用户下可查看的门户,可切换展示

⑥卡片:点击拖动后设计参数,可以在对应门户上添加功能组件

首页权限设置

选显设置是为了提供给不同用户可以展示不同的 门户页面而存在的,如下图所示,点击权限设置页面,系统弹出权限设置的配置框,通过配置角色,实现为具备对应角色的人员赋予这个页面的功能;

点击选择角色的按钮,可以计入角色选择器,系统弹出人员选择窗口,选择当前首页哪些角色人员可以展示本界面作为门户页面

添加卡片

数据类组件

数据类的组件主要展示基于低代码提供的数据模型的图形化渲染,这里渲染的图形主要用于单表的数据做一些基础性的配置输入,如果需要支持多表的数据关联展示,建议直接使用JVS-BI的功能实现复杂的数据展示。

注意:添加柱状图、折线图、饼状图、数据卡片字段数据必须先增加模型标识。这里的模型标识是低代码应用中的某个具体的表。

第一步,创建数据模型的标识

例如:如果需要配置 “客户管理”这个轻应用中,客户类型的分别占比,那么就需要先到 “客户管理”轻应用的应用详情-开发标识管理页面中,选择客户管理的表,设置这个表的模型标识 (用于图表组件找到对应的基础数据)。

第二步:返回首页,进入配置门户配置状态,点击添加组件按钮,如下图所示

第三步:点击柱状图、折线图、饼状图和数据卡片中任意一个卡片,进入设计页

①:模式标识,模型名称,可选择已添加有模型标识的模型(第一步根据对应的表创建的模型标识)

②:聚合字段,选择了模型后展示对应模型下的所有字段(最终展示出来的数据指标)

③:分组字段,即统计字段,展示所选模型下的所有字段

④:聚合方式,即统计方式,目前有sum\count\ave三种函数公式统计。

OA组件

OA组件展示应用下所有已发布的流程,为用户快速发起流程提供快速操作的入口,配置如下图所示,点击拖取OA组件

配置参数后点击【确认】,系统将生成流程申请的的配置入口

点击流程申请后,可以进入到对应的流程申请界面,填写表单,提交后,系统自动发起对应的流程

OA任务组件

组件展示当前登录用户所有待办任务的清单展示,可以给用户提供快捷办理待办任务的入口,如下图所示:

点击每行任务的办理按钮,可以进入到对应的流程审批界面,如下图所示

项目导航组件

展示系统可跳转内部应用和包含部分可能对接的三方应用,即应用管理,通过后台配置跳转生效。

填写该卡片展示在首页的标题名称

最后添加成功后首页上就会自动展示后台已经配置好的应用

链接导航

链接导航,即添加链接地址,通过在首页展示一个导航名称,点击可跳转的形式。

①:显示图片,可以选择上传图片展示

②:链接地址,填写完整正确的url地址,包含http

③:导航名称,这一条链接的主题名称

④:添加一项,可以添加多条链接地址

⑤:显示标题,当前整个卡片的标题名称

⑥:关闭

流程管理

展示工作台信息,即统计流程相关的待我处理,我创建的,抄送我的,审核记录和代理中心的数据。

直接填写该卡片的名称标题

添加成功后,系统会根据当前登录用户自动统计待我处理,我创建的,抄送我的,审核记录和代理中心的数据。

二维码

通过自定义上传二维码添加卡片

①:组件名称,当前卡片的标题名称

②:图片,背景图片,系统默认展示有几张可选

③:还可以上传自定义图片

④:二维码,上传二维码

⑤:字体大小设置

⑥:字体颜色设置

标签文本

在首页展示固定文本的形式

①:自定义文本,填写自定义文本内容,展示在首页的固定文本信息

②:文本对齐,默认是居中展示

③:字体大小设置

④:字体颜色设置

日历组件

一个日历组件,用于展示日历,并提供一种优雅的方式来展示和管理日期数据。

公告组件

展现系统公告管理中的已发布的公告信息,主要作用是将重要、紧急或需要广泛传播的信息以公告的形式呈现给用户。

首先,公告组件能够显示公告的标题、内容、发布日期等关键信息。

自定义添加该公告卡片的展示标题

添加成功后系统默认就会展示系统平台管理-公告管理中所有已发布的公告信息

消息组件

消息通知组件用于实现消息的展示和管理等功能。它通常包含消息的列表展示、消息详情查看等功能模块,使得用户能够方便地进行消息的交互和操作。

自定义添加该消息卡片的展示标题

添加成功后系统默认会展示系统当前最近的四条消息通知,点击【查看更多】可以查看更多的消息通知。

同时也可以点击【全部已读】和查看历史消息。

在线demo:https://frame.bctools.cn

基础框架开源地址:
​​https://gitee.com/software-minister/jvs​​

这篇关于JVS动态首页全攻略:权限设置、组件拖拽,轻松打造个性化门户的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1120805

相关文章

mybatis和mybatis-plus设置值为null不起作用问题及解决

《mybatis和mybatis-plus设置值为null不起作用问题及解决》Mybatis-Plus的FieldStrategy主要用于控制新增、更新和查询时对空值的处理策略,通过配置不同的策略类型... 目录MyBATis-plusFieldStrategy作用FieldStrategy类型每种策略的作

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

浅析如何使用Swagger生成带权限控制的API文档

《浅析如何使用Swagger生成带权限控制的API文档》当涉及到权限控制时,如何生成既安全又详细的API文档就成了一个关键问题,所以这篇文章小编就来和大家好好聊聊如何用Swagger来生成带有... 目录准备工作配置 Swagger权限控制给 API 加上权限注解查看文档注意事项在咱们的开发工作里,API

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

轻松上手MYSQL之JSON函数实现高效数据查询与操作

《轻松上手MYSQL之JSON函数实现高效数据查询与操作》:本文主要介绍轻松上手MYSQL之JSON函数实现高效数据查询与操作的相关资料,MySQL提供了多个JSON函数,用于处理和查询JSON数... 目录一、jsON_EXTRACT 提取指定数据二、JSON_UNQUOTE 取消双引号三、JSON_KE

Go Mongox轻松实现MongoDB的时间字段自动填充

《GoMongox轻松实现MongoDB的时间字段自动填充》这篇文章主要为大家详细介绍了Go语言如何使用mongox库,在插入和更新数据时自动填充时间字段,从而提升开发效率并减少重复代码,需要的可以... 目录前言时间字段填充规则Mongox 的安装使用 Mongox 进行插入操作使用 Mongox 进行更

Windows设置nginx启动端口的方法

《Windows设置nginx启动端口的方法》在服务器配置与开发过程中,nginx作为一款高效的HTTP和反向代理服务器,被广泛应用,而在Windows系统中,合理设置nginx的启动端口,是确保其正... 目录一、为什么要设置 nginx 启动端口二、设置步骤三、常见问题及解决一、为什么要设置 nginx

Java使用POI-TL和JFreeChart动态生成Word报告

《Java使用POI-TL和JFreeChart动态生成Word报告》本文介绍了使用POI-TL和JFreeChart生成包含动态数据和图表的Word报告的方法,并分享了实际开发中的踩坑经验,通过代码... 目录前言一、需求背景二、方案分析三、 POI-TL + JFreeChart 实现3.1 Maven

Java导出Excel动态表头的示例详解

《Java导出Excel动态表头的示例详解》这篇文章主要为大家详细介绍了Java导出Excel动态表头的相关知识,文中的示例代码简洁易懂,具有一定的借鉴价值,有需要的小伙伴可以了解下... 目录前言一、效果展示二、代码实现1.固定头实体类2.动态头实现3.导出动态头前言本文只记录大致思路以及做法,代码不进