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

news2024/12/27 0:00:26

列表页是什么?

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

列表页配置

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

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

  • 页面基础信息的设计

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

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

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

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

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

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

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

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

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

  • 列表页设计

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 页面权限设置

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

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

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

  • 数据设置

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

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

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1100717.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

利用Python turtle绘制中国结附源码

一、中国结 01 平安喜乐 1)效果图 import turtle turtle.screensize(600,800) turtle.pensize(10) turtle.pencolor("red") turtle.seth(-45) turtle.fd(102) turtle.circle(-6,180) turtle.fd(102) turtle.circle(6,180) turtle.fd(102) turtle.circle(…

5、函数式编程--方法引用

目录 6. 方法引用6.1 推荐用法6.2 基本格式6.3 语法详解(了解)6.3.1 引用类的静态方法格式使用前提 6.3.2 引用对象的实例方法格式使用前提 6.3.4 引用类的实例方法格式使用前提 6.3.5 构造器引用格式使用前提 6. 方法引用 ​ 我们在使用lambda时,如果方法体中只有…

如何加入开源项目维护并提交代码?本地搭建源码阅读开发构建环境示例: kafka

如何加入开源项目维护并提交代码?本地搭建源码阅读开发构建环境示例: kafka。 大家对开源项目有兴趣、想成为committer,或者工作需要,会从github上获取最新的开源项目源码。本文做一个示例,怎样搭建本地的源码阅读、开发、构建环境。 首先,在github上找到项目的链接,…

OS 进程的描述与控制

目录 前趋图 程序执行 程序顺序执行 程序并发执行 进程 定义 进程控制块 PCB 进程实体 进程 特征 动态性 并发性 独立性 异步性 状态 3 种基本状态 就绪状态 执行状态 阻塞状态 3 种基本状态间的转换 其他状态 创建状态 终止状态 进程 5 种状态及其转换…

创建JUnit4 的TestBase类

Slf4j RunWith(SpringRunner.class) SpringBootTest(classes {TestApplication.class},webEnvironment SpringBootTest.WebEnvironment.RANDOM_PORT) public class TestBase { } 如图:

基于Bert模型的中文语义相似度匹配算法(离线模式)

1、准备中文离线模型 配置文件夹 文件获取方法: 访问官网:https://huggingface.co/bert-base-chinese/tree/main 下载以下文件 2、测试代码 # -*- coding: utf-8 -*- #pip install transformers -i https://mirrors.aliyun.com/pypi/simple/ #pip …

2023年中国机场建设标准、机场数量及机场系统投资完成情况分析[图]

机场,亦称飞机场、空港,较正式的名称是航空站。机场有不同的大小,除了跑道之外,机场通常还设有塔台、停机坪、航空客运站、维修厂等设施,并提供机场管制服务、空中交通管制等其他服务。 机场建设资质等级标准 资料来源…

当遇到修复错误0xc000000e时,你的电脑需要修复。如何在Windows 11/10上修复此错误

恢复错误代码0xc000000e,你的电脑需要修复,表示硬件故障或驱动器配置不正确,并可能伴随不同的错误消息,如: 所需设备未连接或无法访问 无法加载所选条目 由于应用程序丢失或损坏,无法加载所选条目 启动选择失败,因为无法访问所需的设备。 0xC000000E或STATUS_NO_SUCHDEV…

MBR20100CT-ASEMI肖特基MBR20100CT参数、规格、尺寸

编辑:ll MBR20100CT-ASEMI肖特基MBR20100CT参数、规格、尺寸 型号:MBR20100CT 品牌:ASEMI 芯片个数:2 封装:TO-220 恢复时间:>50ns 工作温度:-65C~175C 浪涌电流&#xff1a…

LeetCode //C++ - 427. Construct Quad Tree

427. Construct Quad Tree Given a n * n matrix grid of 0’s and 1’s only. We want to represent grid with a Quad-Tree. Return the root of the Quad-Tree representing grid. A Quad-Tree is a tree data structure in which each internal node has exactly four c…

2023年中国脱硫石膏产量、均价、综合利用量及市场规模分析[图]

脱硫石膏主要成分和天然石膏一样,为二水硫酸钙CaSO42H2O,含量≥93%。脱硫石膏是FGD过程的副产品,FGD过程是一项采用石灰-石灰石回收燃煤或油的烟气中的二氧化硫的技术,其中2022年中国脱硫石膏产量同比增长2.0%;综合利用…

[已解决]llegal target for variable annotation

llegal target for variable annotation 问题 变量注释的非法目标 思路 复制时编码错误,自己敲一遍后正常运行 #** 将垂直知识加入prompt,以使其准确回答 **# prompt_templates { # "recommand":"用户说:__INPUT__ …

上抖音热搜榜需要做哪些准备?

要想在抖音上获得高曝光,首先需要了解抖音热搜榜的算法和规则。抖音热搜榜的排名主要取决于作品的点赞数、评论数、分享数和播放量。其中,播放量是影响排名的关键因素。因此,在创作作品时,要注重提高作品的播放量。此外&#xff0…

最新JustMedia V2.7.3主题破解版去授权WordPress主题模板

JustMedia主题是一款针对有图片或者视频发布需求的网站量身定制开发的wordpress主题,适合各类图片展示类网站使用。 同时JustMedia主题首次加入了我们WPCOM团队独立自主开发的前端用户中心模块,相比用户中心插件可提供更好的体验效果。 新版用户中心为…

麒麟kylinOS 2303通过模板设置电源

原文链接:麒麟kylinOS 2303上通过模板设置电源 hello,大家好啊,今天给大家带来一篇在麒麟kylinOS 2303上通过模板设置电源的文章,主要通过开机启动脚本实现,开机脚本内容主要为gsettings的设置,关于gestati…

超简单小白攻略:如何利用黑群晖虚拟机和内网穿透实现公网访问

文章目录 前言本教程解决的问题是:按照本教程方法操作后,达到的效果是前排提醒: 1. 搭建群晖虚拟机1.1 下载黑群晖文件vmvare虚拟机安装包1.2 安装VMware虚拟机:1.3 解压黑群晖虚拟机文件1.4 虚拟机初始化1.5 没有搜索到黑群晖的解…

在 GeoServer 上发布 Shapefile 文件作为 WMS 数据

首先需要有 java 环境:https://zhuhukang.blog.csdn.net/article/details/132814744 1. 数据发布 点击数据存储,添加存储Shapefile 文件数据源添加 新建矢量数据源 点击保存,然后跳转下个页面进行发布 查找选择4326,然后从数据中进行计算 查看

SpringBoot整合Activiti7——执行监听器(六)

文章目录 一、执行监听器事件类型生命周期配置方式(选)代码实现xml文件创建监听器class方法expression方法delegateExpression 测试流程部署流程启动流程完成任务 一、执行监听器 在流程实例执行过程中触发某个事件时,Activiti提供的执行监听器可以捕获该事件并执行…

AI原生应用速通指南

作者 | 百度文库APP 导读 百度创始人、董事长兼首席执行官李彦宏早在今年年初所预测的:大模型时代最大的机会在于应用层,会出现“杀手级”应用。 全文4448字,预计阅读时间12分钟。 前言 “我们要让AI走下技术的“神坛”,深入应用的…

强化学习与视觉语言模型之间的碰撞,UC伯克利提出语言奖励调节LAMP框架

文章链接: https://arxiv.org/abs/2308.12270 代码仓库: https://github.com/ademiadeniji/lamp 在强化学习(RL)领域,一个重要的研究方向是如何巧妙的设计模型的奖励机制,传统的方式是设计手工奖励函数&…