首页 > 其他分享 >告别单调的列表页,探索JVS低代码列表页设计的新思路

告别单调的列表页,探索JVS低代码列表页设计的新思路

时间:2023-10-17 13:05:49浏览次数:41  
标签:界面 JVS 新思路 列表 设置 按钮 所示 页面

列表页是什么?

列表页是管理平台中的基础页面,核心的逻辑是实现数据的增删改查(CRUD),列表页核心的几个要素:页面内容的数据展示、查询条件、页面按钮及按钮触发的逻辑。

列表页配置

具备应用配置权限的用户,可以在列表页目录上,鼠标悬空,系统会弹出列表页设计的菜单,如下图所示:

告别单调的列表页,探索JVS低代码列表页设计的新思路_数据

点击“设计页面”,系统进入列表页设计器,其中包括四个板块的设计内容:

  • 页面基础信息的设计

如下图所示,展示“页面设置”的功能界面

告别单调的列表页,探索JVS低代码列表页设计的新思路_字段_02

①:点击“笔”图标,修改列表页的名称

②:设置列表页的名称,这里的名称和目录下面的菜单名称相同

③:设置列表页的备注描述

④:列表页的布局设置,其中包括普通列表、左树右表、卡片布局三种模式

⑤:预览列表页最后效果的地址,支持复制和查看

其中包括列表页名称,这里的名称就是目录上展示的页面名称,页面描述会在界面上展示为列表页的备注说明

告别单调的列表页,探索JVS低代码列表页设计的新思路_低代码_03

页面布局有三种模式,普通布局(如上图所示),树表布局(如下图所示),卡片布局(如下图所示)

告别单调的列表页,探索JVS低代码列表页设计的新思路_数据_04

告别单调的列表页,探索JVS低代码列表页设计的新思路_增删改查_05

预览地址是可以直接在浏览器上通过url访问到这个列表页的页面展现。

  • 列表页设计

进入列表页设计界面,本页面主要提供列表页界面展示的数据配置,如下图所示:

告别单调的列表页,探索JVS低代码列表页设计的新思路_数据_06

①:模型设置,这里是列表页关联的数据模型设置入口

②:列表页的数据设置tab界面

③:字段排序的设置tab界面

④:列表页上的按钮设置的tab页面

⑤:列表页上展现数据时,默认过滤设置tab页面

⑥:列表页上展示数据的详细配置

⑦:增加一列数据字段的操作按钮

⑧:预览配置列表页的效果预览按钮

点击排序条件tab页,展示如下图所示

告别单调的列表页,探索JVS低代码列表页设计的新思路_列表引擎_07

①:字段下拉选择框,选择需要排序特殊设置的字段

②:系统会自动展示对应字段选择框中的 字段类型

③:排序下拉选择框,选择升序与降序设置

④:删除本条排序设置按钮

⑤:新增一个字段的排序设置

  • 页面权限设置

页面权限包括两种类型的,如下图所示

告别单调的列表页,探索JVS低代码列表页设计的新思路_字段_08

①:操作权限:对界面的按钮、目录等操作的权限设置(后续章节详细介绍)

②:数据权限:对用户查看的数据内容进行控制(后续章节详细介绍)

  • 数据设置

主要用于列表页从excel文件导入时,对文件导入前的校验,导入后联动触发相应的逻辑,如下图所示

告别单调的列表页,探索JVS低代码列表页设计的新思路_增删改查_09

列表页的数据设置核心的能力都是借助逻辑引擎的处理能力,点击前置/后置的逻辑设计,都是跳转逻辑引擎进行相应功能配置。

以上是关于列表页的全面介绍。列表页作为管理平台中的基础页面,发挥着数据增删改查的重要作用。通过理解列表页的核心要素,以及掌握其设计和配置方法,用户可以有效地管理和操作数据,实现高效的数据管理和处理。

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

gitee地址:https://gitee.com/software-minister/jvs

标签:界面,JVS,新思路,列表,设置,按钮,所示,页面
From: https://blog.51cto.com/u_15454015/7901774

相关文章

  • Tita 升级| 移动端 OKR 列表全新升级
    升级详情Tita-OKR和新绩效一体化管理平台1. OKR 列表全新升级全新页面布局,上下级支撑、评分一目了然  对齐支持点击查看详细信息,并修改对齐2.一键更新完成度、权重、信心指数目标、关键成果均可点击进度进行快速更新进度、进展与切换更新方式关键成果支持点击......
  • 转载 | [AcSaveAsType -cad版本代号对应数字 ] & [AutoCAD的DWG文件格式版本代号列
    1. AcSaveAsType-cad版本代号对应数字 doc.SaveAs("D:\AutoCAD\1.dwg",61)#将当前文件另存为PyAutoCAD_SaveAs.dxf;#此时,程序关闭当前文件,将PyAutoCAD_SaveAs.dxf切换为当前文件。#61表示另存为文件的类型是AutoCAD2013DXF,常用类型如下:#12AutoCAD2000DWG(......
  • 计算整数列表中的中位数
    在计算机科学和数据分析领域,计算整数列表中的中位数是一项非常重要的任务。中位数是一组数据中排在中间位置的数值,对于理解数据分布和预测数据趋势具有重要意义。本文将介绍如何使用Python语言来计算整数列表中的中位数,并详细阐述相关实现过程和优缺点。一、解决问题的方法要计算整......
  • 考点列表(附板子)
      我不能白给啊啊啊啊啊!!!!!  我会在这里将最近的考到的知识点罗列,也当是快速复习与刷题计划吧。Part1数论相关计数类Lucas定理点击查看代码constintMod=?;intpowM(intx,inty=Mod-2){ intret=1; while(y){ if(y&1)ret=1ll*ret*x%Mod; x=1ll......
  • 循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(7) -- 图标列
    我们在WPF应用端的界面中,使用lepoco/wpfui来做主要的入口框架,这个项目它的菜单内置了不少图标,我们需要在动态菜单的配置中,使用它作为图标的展示处理,本篇随笔介绍如何基于图标枚举集合进行图标的展示和选择处理。并扩展到Font-Awesome-WPF的处理进行展示和选择。1、lepoco/wpfui......
  • 如何在低代码表单或列表页面中创建OA审批流程?
    随着企业管理的复杂化和信息化,流程管理成为了企业管理中不可或缺的一环。一个合理的流程能够规范企业的业务运作,提高工作效率,减少错误和漏洞。而流程的设计和管理则需要借助相应的工具和平台。今天主要介绍在企业管理中如何使用JVS低代码来创建和管理OA流程,以提高企业的运营效率和......
  • 笨办法学Python3 习题34 访问列表的元素
    基数位置0代表 序数第一X=["a","b","c"]X[0]和X[-0] 代表X列表里的第一个数X[:]  #代表全部的列表内容X[0:1] //['a']  //位置0至位置1之前的元素X[0:2] //["a","b"] //位置0至位置2之前的元素X[-1]  //代表倒数第一个的元素hello="hellowor......
  • Python - 深拷贝一个带有指向自身引用的列表,会报错么?紧接着用==比较,会报错么?
    问题描述深拷贝一个带有指向自身引用的列表:列表x中有指向自身的引用,因此x是一个无限嵌套的列表。importcopyx=[1]x.append(x)>>x[1,[...]]y=copy.deepcopy(x)>>y[1,[...]] 深拷贝不报错但是我们发现深度拷贝x到y后,程序并没有出现stackoverf......
  • Python 列表详解:从基础到进阶
    Python是一种广泛使用的高级编程语言,它的设计强调代码的可读性和简洁的语法。Python支持多种编程范式,包括过程、面向对象和函数式编程。在Python中,列表是一种非常重要的数据类型,它可以包含各种类型的元素,如数字、字符串和其他列表。本文将详细介绍Python列表的基础和进阶用法。【基......
  • 如何将一个列表的列表转换为扁平列表?
    内容来自DOChttps://q.houxu6.top/?s=如何将一个列表的列表转换为扁平列表?我有一个列表的列表,如下所示:[[1,2,3],[4,5,6],[7],[8,9]]如何将其展平以获得[1,2,3,4,5,6,7,8,9]?如果您的列表的列表来自嵌套的列表推导式,可以通过修复推导......