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

相关文章

Python结合PyWebView库打造跨平台桌面应用

《Python结合PyWebView库打造跨平台桌面应用》随着Web技术的发展,将HTML/CSS/JavaScript与Python结合构建桌面应用成为可能,本文将系统讲解如何使用PyWebView... 目录一、技术原理与优势分析1.1 架构原理1.2 核心优势二、开发环境搭建2.1 安装依赖2.2 验

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

C#TextBox设置提示文本方式(SetHintText)

《C#TextBox设置提示文本方式(SetHintText)》:本文主要介绍C#TextBox设置提示文本方式(SetHintText),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑... 目录C#TextBox设置提示文本效果展示核心代码总结C#TextBox设置提示文本效果展示核心代

基于Python打造一个全能文本处理工具

《基于Python打造一个全能文本处理工具》:本文主要介绍一个基于Python+Tkinter开发的全功能本地化文本处理工具,它不仅具备基础的格式转换功能,更集成了中文特色处理等实用功能,有需要的... 目录1. 概述:当文本处理遇上python图形界面2. 功能全景图:六大核心模块解析3.运行效果4. 相

SpringQuartz定时任务核心组件JobDetail与Trigger配置

《SpringQuartz定时任务核心组件JobDetail与Trigger配置》Spring框架与Quartz调度器的集成提供了强大而灵活的定时任务解决方案,本文主要介绍了SpringQuartz定... 目录引言一、Spring Quartz基础架构1.1 核心组件概述1.2 Spring集成优势二、J

MySQL中动态生成SQL语句去掉所有字段的空格的操作方法

《MySQL中动态生成SQL语句去掉所有字段的空格的操作方法》在数据库管理过程中,我们常常会遇到需要对表中字段进行清洗和整理的情况,本文将详细介绍如何在MySQL中动态生成SQL语句来去掉所有字段的空... 目录在mysql中动态生成SQL语句去掉所有字段的空格准备工作原理分析动态生成SQL语句在MySQL

Pyserial设置缓冲区大小失败的问题解决

《Pyserial设置缓冲区大小失败的问题解决》本文主要介绍了Pyserial设置缓冲区大小失败的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录问题描述原因分析解决方案问题描述使用set_buffer_size()设置缓冲区大小后,buf

Python从零打造高安全密码管理器

《Python从零打造高安全密码管理器》在数字化时代,每人平均需要管理近百个账号密码,本文将带大家深入剖析一个基于Python的高安全性密码管理器实现方案,感兴趣的小伙伴可以参考一下... 目录一、前言:为什么我们需要专属密码管理器二、系统架构设计2.1 安全加密体系2.2 密码强度策略三、核心功能实现详解

Spring Security基于数据库的ABAC属性权限模型实战开发教程

《SpringSecurity基于数据库的ABAC属性权限模型实战开发教程》:本文主要介绍SpringSecurity基于数据库的ABAC属性权限模型实战开发教程,本文给大家介绍的非常详细,对大... 目录1. 前言2. 权限决策依据RBACABAC综合对比3. 数据库表结构说明4. 实战开始5. MyBA

Java调用C++动态库超详细步骤讲解(附源码)

《Java调用C++动态库超详细步骤讲解(附源码)》C语言因其高效和接近硬件的特性,时常会被用在性能要求较高或者需要直接操作硬件的场合,:本文主要介绍Java调用C++动态库的相关资料,文中通过代... 目录一、直接调用C++库第一步:动态库生成(vs2017+qt5.12.10)第二步:Java调用C++