一二三应用开发平台应用开发示例(4)——视图类型介绍以及新增、修改、查看视图配置

调整上级属性类型

前面为了快速展示平台的低代码配置功能,将实体文件夹的数据模型上级属性的数据类型暂时配置为文本类型,现在我们调整下,将其数据类型调整为实体,如下图所示:

image.png
数据类型需要选择实体,并在实体选择框中选择自身“文件夹”
image.png
这时候,再点击生成代码,平台会报错,提示“实体【文件夹】未设置主参照视图”。这是因为文件夹选择的功能页面,同样是基于配置产生的,因为视图我们还没有配置,所以会报错。接下来我们就开始配置视图。

视图类型介绍

这里说的视图,也就是通常说的前端页面。
对于一个典型的实体管理功能,由列表页面+新增页面+修改页面+查看页面组成,包括了增删改查。
对于树状层次的实体,需要树视图,通过树来导航实现直观的数据层次展现。
部分实体还有被关联的需求,当前的文件夹在设置父级时,就需要选择上级文件夹,对于这种选择页面,通过配置“参照视图”来实现。
平台的视图类型通过数据字典定义,并支持扩展,预置有以下几种:
image.png

新增视图

在实体配置菜单下,点击行记录上的“配置”按钮,在左侧导航中,从默认选择的数据模型,切换到“视图”类型,进入视图列表,点击新增按钮,来创建视图。
image.png

image.png
关键属性说明如下:
视图类型:选择新增视图,平台会自动填充名称和编码,保持默认即可。
实体模型:因为一个实体下可以配置多个数据模型,所以需要选择哪个数据模型来作为视图构建的依据。
名称:视图的显示名称。
编码:视图编码,代码生成时平台使用编码来找到对应的代码模板,并将编码作为前端页面的文件名。
下方的几个属性,初始化前、初始化后、验证数据、保存前、保存后是平台前端提供的“钩子”方法,可以通过js来实现一些特定的业务逻辑,即提供了扩展性的支持,后面用到了再说。
保存后,点击行记录的配置按钮,进入配置界面。
image.png
平台会根据该视图对应的数据模型,读取并列出模型的属性,不仅仅列出自身属性,也会列出继承于父级模型属性,以及父级模型的父级模型……。
如上图所示,前三个属性是文件夹自身的属性,中间位置的创建人等6个属性是来自于父级“业务模型”,最后一个属性标识来自于“标识模型”。

平台提供的配置是可视化拖拽的方式,从左侧的“属性列表”的“名称”拖动到右侧“属性”中,则相当于为新增视图增加了一个属性;为了方便操作,平台提供了批量添加和清空列表功能。
image.png
这部分添加的属性,会自动拷贝模型属性中的配置的数据类型、展示控件等。
如要调整属性的次序,可通过拖动来实现。
这里补充说明下,按理说,展示控件等与前端页面相关的配置,应该放到视图里来设置,之所以在模型配置环节设置,是出于开发效率的考虑。一个数据模型会有多个视图,如新增、修改、查看……,放到模型配置环节设置,可以实现只配置一次,对应的所有视图复用其设置作为默认设置的目的,从而避免每个视图都配置一遍的繁琐工作。

点击属性可弹出窗口进行调整。
image.png
除了从对应的模型配置拷贝过来的名称、编码、数据类型、控件类型、默认值等,还增加了几个与页面功能相关的配置属性。
是否只读:设置属性的只读性。
是否显示:设置属性的是否显示,并支持自定义的表达式,如name!=null,用于按条件显示控制。
是否必填:设置是否必填,如为是,则平台会自动添加前端验证。

此外,属性区域允许点击加号按钮,添加自定义的属性来提供扩展性。

修改视图

修改视图与新增视图非常相似,对于大多数实体,甚至说完全相同,少量场景下有特殊需求,如基础数据的编码一旦创建,不允许修改,这时候就需要通过在修改视图中设置属性只读来实现。
对于当前配置的“文件夹”实体,可以通过复制新增的方式来快速实现配置。
image.png
操作完成会自动出现后缀为“副本”的数据
image.png
点击行记录上的修改按钮,将其修改为“修改视图”。
image.png
点击配置按钮,可以看到,复制新增的方式,不仅拷贝了视图自身,而且将其下属的视图属性也一并进行了拷贝,无需再为修改视图去逐个配置属性。
image.png

查看视图

参照修改视图的操作方式,通过平台提供的复制新增功能,快速创建查看视图,不再赘述。
平台自动会为新增和修改视图添加保存和取消按钮,为查看视图添加取消按钮。

通过上述配置产生的页面,属性是单列显示,按照配置次序自上而下排列。对于属性较多实体,希望提供双列或多列展示,平台还提供了高级配置功能,集成了表单设计器。当前配置的实体文件夹仅有三个属性,用不到该功能,这里简单提一下,知道平台有相应的支持即可。
image.png

开发平台资料

平台名称:一二三应用开发平台
平台简介:企业级通用低代码应用开发平台,免费全开源可商用
设计资料:csdn专栏
开源地址:Gitee
开源协议:MIT

应用系统资料

应用名称:一二三文档管理系统
应用简介: 企事业单位一站式文档管理系统,让组织内文档管理有序,协作高效、安全可控
设计文档:csdn专栏
开源地址:Gitee
开源协议:MIT

如果您在阅读本文时获得了帮助或受到了启发,希望您能够喜欢并收藏这篇文章,为它点赞~
请在评论区与我分享您的想法和心得,一起交流学习,不断进步,遇见更加优秀的自己!

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

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

相关文章

STM32单片机系统

1.STM32最小系统 微型计算机(面) 单片机最小系统是指能够将单片机芯片运行所必需的最少的硬件电路集成在一起的系统。 它是一种基本的单片机应用系统,通常由主芯片,时钟电路,复位电路,电源电路&#xff0c…

Ubuntu/Linux SSH 端口转发

文章目录 Ubuntu/Linux SSH 端口转发概述本地端口转发场景一场景二 参考资料 Ubuntu/Linux SSH 端口转发 概述 SSH, Secure Shell 是一种在网络上用于安全远程登录到另一台机器的工具。除了远程登录以外,ssh 的端口转发是它的另一项强大功能。通过 ssh 端口转发功…

计算机网络知识点整理1

目录 激励的话 一、计算机发展的三个阶段 二、互联网标准化工作 三、互联网的组成 边缘部分 核心部分 电路交换的主要特点 分组交换的主要特点 四、三大交换方式的主要特点 总结 激励的话 没关系的,有三分钟热度,就有三分钟收获 一、计算机…

RabbitMQ实践——使用WebFlux响应式方式实时返回队列中消息

大纲 Pom.xml监听队列实时返回消息测试完整代码工程代码 在之前的案例中,我们在管理后台收发消息都是通过短连接的形式。本文我们将探索对队列中消息的实时读取,并通过流式数据返回给客户端。 webflux是反应式Web框架,客户端可以通过一个长连…

捷云等保一体机 产品服务一站式等保合规交付解决方案

等保2.0的变化 2019 年 5 月 13 日,网络安全等级保护制度 2.0 国家标准(简称“等保 2.0”)正式发布,将等保 2.0 基本要求、测评要求、安全设计技术要求框架统一为安全管理中心支持下的三重防护结构框架。定级对象在按照等保 2.0 …

Python爬虫-贝壳新房

前言 本文是该专栏的第32篇,后面会持续分享python爬虫干货知识,记得关注。 本文以某房网为例,如下图所示,采集对应城市的新房房源数据。具体实现思路和详细逻辑,笔者将在正文结合完整代码进行详细介绍。接下来,跟着笔者直接往下看正文详细内容。(附带完整代码) 正文 地…

TensorFlow高阶API使用与PyTorch的安装

欢迎来到 Papicatch的博客 文章目录 🍉TensorFlow高阶API使用 🍈示例1:使用tf.keras构建模型 🍍通过“序贯式”方法构建模型 🍍通过“函数式”方法构建模型 🍈示例2:编译模型关键代码 &am…

ArkTS开发系列之导航 (2.6 图形)

上篇回顾:ArkTS开发系列之导航 (2.5.2 页面组件导航) 本篇内容: 显示图片、自定义图形和画布自定义图形的学习使用 一、知识储备 1. 图片组件(Image) 可以展示jpg 、png 、svg 、gif等各格式的网络和本地资源文件图…

AI 开发平台(Coze)搭建小游戏《挑战花光10亿》

前言 本文讲解如何从零开始,使用扣子平台去搭建一个小游戏 这是成品链接:挑战花光10亿 - 扣子 AI Bot (coze.cn) 欢迎大家去体验一下 效果 正文 什么是coze平台? 扣子(Coze)是字节跳动推出的一站式 AI 开发平台&am…

周末设计高端企业_集团官网主题Discuz模板

风格名称: 周末设计_高端企业_集团官网 适用版本: Discuz! X3.0、X3.1、X3.2、X3.3、F1.0 风格编码: 使用语言包结构,适合全部编码 周末设计高端企业_集团官网主题Discuz模板

会话会话会话

目录 1.会话 1.1 为什么需要会话控制 1.2 域对象的范围 1.2.1 应用域的范围 1.2.2 请求域的范围 1.2.3 会话域的范围 1.3 Cookie技术 1.3.1 Cookie的概念 1.3.2 Cookie的作用 1.3.3 Cookie的应用场景 1.3.4 Cookie的入门案例 ① 目标 ② Cookie相关的API ③ Serv…

C++ | Leetcode C++题解之第187题重复的DNA序列

题目&#xff1a; 题解&#xff1a; class Solution {const int L 10;unordered_map<char, int> bin {{A, 0}, {C, 1}, {G, 2}, {T, 3}}; public:vector<string> findRepeatedDnaSequences(string s) {vector<string> ans;int n s.length();if (n < L…

GPOPS-II教程(1): 语法和一个最优控制问题案例

文章目录 一、写在前面二、GPOPS-II结构2.1 setup的语法2.2 function的语法2.2.1 setup.functions.continuousfun2.2.2 setup.functions.endpoint 2.3 bounds的语法setup.guessoutput 三、例题3.1 问题描述3.2 代码部分3.2.1 main function3.2.1.1 初始参数设置3.2.1.2 边界条件…

安装VEX外部编辑器

Houdini20配置VEX外部编辑器方法_哔哩哔哩_bilibili 下载并安装Visual Studio Code软件&#xff1a;Download Visual Studio Code - Mac, Linux, Windows 在Visual Studio Code软件内&#xff0c;安装相关插件&#xff0c;如&#xff1a; 中文汉化插件vex插件 安装Houdini Expr…

图像处理Python库--图片裁剪、缩放、灰度图、圆角等

图像处理Python库 py-img-processor1. 安装2. 使用(Usage)2.1 运行配置2.2 图像处理处理函数图像处理参数为字符串图像处理参数为JSON 命令行提取图像主色调 py-img-processor Image editor using Python and Pillow. 依赖Pillow开发的Python库&#xff0c;用于图像编辑处理。…

nest.js关键笔记

Nest.js 介绍核心功能设计模式&#xff1a;IOC 控制反转 DI 依赖注入前置知识&#xff1a;装饰器前置知识装饰器-实现一个GET请求 Nestjs脚手架Nestjs cli 常用命令 RESTful 风格设计Nestjs 控制器控制器中常见的参数装饰器 Session 实例Nestjs 提供者**工厂模式**异步模式 Nes…

【Unity服务器01】之【AssetBundle上传加载u3d模型】

首先打开一个项目导入一个简单的场景 导入怪物资源&#xff0c; AssetBundle知识点&#xff1a; 1.指定资源的AssetBundle属性标签 &#xff08;1&#xff09;找到AssetBundle属性标签 &#xff08;2&#xff09;A标签 代表&#xff1a;资源目录&#xff08;决定打包之后在哪…

如何给文档设置密码?电脑文件安全加密的详细操作步骤(10种方法)

在数字化时代&#xff0c;电脑文件的安全和隐私至关重要。通过给电脑的文件或者文件夹设置密码和加密&#xff0c;可以有效保护你的重要文件不被未经授权的人员访问&#xff0c;特别是公司的重要岗位&#xff0c;一些特殊的机密文件&#xff0c;投标文件&#xff0c;资金文件等…

动手学深度学习(Pytorch版)代码实践 -深度学习基础-10权重衰减

10权重衰减 """ 正则化是处理过拟合的常用方法&#xff1a;在训练集的损失函数中加入惩罚项&#xff0c;以降低学习到的模型的复杂度。 保持模型简单的一个特别的选择是使用L2惩罚的权重衰减。这会导致学习算法更新步骤中的权重衰减。 """impor…

html--好看的手机充值单页

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><title>线上充值-首页</title><meta content"widthdevice-width,initial-scale1.0,maximum-scale1.0,user-scalable0" name"viewport&…