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

相关文章

闲置电脑也能活出第二春?鲁大师AiNAS让你动动手指就能轻松部署

对于大多数人而言,在这个“数据爆炸”的时代或多或少都遇到过存储告急的情况,这使得“存储焦虑”不再是个别现象,而将会是随着软件的不断臃肿而越来越普遍的情况。从不少手机厂商都开始将存储上限提升至1TB可以见得,我们似乎正处在互联网信息飞速增长的阶段,对于存储的需求也将会不断扩大。对于苹果用户而言,这一问题愈发严峻,毕竟512GB和1TB版本的iPhone可不是人人都消费得起的,因此成熟的外置存储方案开

Spring Security 基于表达式的权限控制

前言 spring security 3.0已经可以使用spring el表达式来控制授权,允许在表达式中使用复杂的布尔逻辑来控制访问的权限。 常见的表达式 Spring Security可用表达式对象的基类是SecurityExpressionRoot。 表达式描述hasRole([role])用户拥有制定的角色时返回true (Spring security默认会带有ROLE_前缀),去

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

第10章 中断和动态时钟显示

第10章 中断和动态时钟显示 从本章开始,按照书籍的划分,第10章开始就进入保护模式(Protected Mode)部分了,感觉从这里开始难度突然就增加了。 书中介绍了为什么有中断(Interrupt)的设计,中断的几种方式:外部硬件中断、内部中断和软中断。通过中断做了一个会走的时钟和屏幕上输入字符的程序。 我自己理解中断的一些作用: 为了更好的利用处理器的性能。协同快速和慢速设备一起工作

【数据结构】——原来排序算法搞懂这些就行,轻松拿捏

前言:快速排序的实现最重要的是找基准值,下面让我们来了解如何实现找基准值 基准值的注释:在快排的过程中,每一次我们要取一个元素作为枢纽值,以这个数字来将序列划分为两部分。 在此我们采用三数取中法,也就是取左端、中间、右端三个数,然后进行排序,将中间数作为枢纽值。 快速排序实现主框架: //快速排序 void QuickSort(int* arr, int left, int rig

动态规划---打家劫舍

题目: 你是一个专业的小偷,计划偷窃沿街的房屋。每间房内都藏有一定的现金,影响你偷窃的唯一制约因素就是相邻的房屋装有相互连通的防盗系统,如果两间相邻的房屋在同一晚上被小偷闯入,系统会自动报警。 给定一个代表每个房屋存放金额的非负整数数组,计算你 不触动警报装置的情况下 ,一夜之内能够偷窃到的最高金额。 思路: 动态规划五部曲: 1.确定dp数组及含义 dp数组是一维数组,dp[i]代表

如何在页面调用utility bar并传递参数至lwc组件

1.在app的utility item中添加lwc组件: 2.调用utility bar api的方式有两种: 方法一,通过lwc调用: import {LightningElement,api ,wire } from 'lwc';import { publish, MessageContext } from 'lightning/messageService';import Ca

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

【C++高阶】C++类型转换全攻略:深入理解并高效应用

📝个人主页🌹:Eternity._ ⏩收录专栏⏪:C++ “ 登神长阶 ” 🤡往期回顾🤡:C++ 智能指针 🌹🌹期待您的关注 🌹🌹 ❀C++的类型转换 📒1. C语言中的类型转换📚2. C++强制类型转换⛰️static_cast🌞reinterpret_cast⭐const_cast🍁dynamic_cast 📜3. C++强制类型转换的原因📝

基于 YOLOv5 的积水检测系统:打造高效智能的智慧城市应用

在城市发展中,积水问题日益严重,特别是在大雨过后,积水往往会影响交通甚至威胁人们的安全。通过现代计算机视觉技术,我们能够智能化地检测和识别积水区域,减少潜在危险。本文将介绍如何使用 YOLOv5 和 PyQt5 搭建一个积水检测系统,结合深度学习和直观的图形界面,为用户提供高效的解决方案。 源码地址: PyQt5+YoloV5 实现积水检测系统 预览: 项目背景