IT从业者张某某
IT从业者张某某

CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01

在这里插入图片描述

摘要

本文是网易数帆CodeWave智能开发平台系列的第09篇，主要介绍了基于CodeWave平台文档的新手入门进行学习，实现一个完整的应用，本文主要完成07供应商数据表格

CodeWave智能开发平台的09次接触

CodeWave参考资源

网易数帆CodeWave开发者社区课程中心

在这里插入图片描述

网易数帆CodeWave开发者社区文档中心

在这里插入图片描述

网易数帆CodeWave开发者社区考试认证

在这里插入图片描述

应用开发流程

在这里插入图片描述

经过上篇文章的初级入门，对CodeWave低代码平台有了一定的认知，在模板的范围内开发一个特点的程序还是比较容易的，但同时需要说明的是，低代码平台有很多自己的逻辑，如果都学完在操作，实在是需要较长时间，本文结合应用开发流程，进行专题学习，应用创建☀️☀️

应用开发-搭建采购管理系统

视频来源

应用开发流程-07-供应商数据表格

进入自己的CodeWave智能开发平台
https://itzhang.codewave.163.com/dashboard/product/Home

待实现效果

在这里插入图片描述

快速创建供应商管理页面下的数据表格

在供应商管理页面下添加面板，并删除多余文本

CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第1张图片

把数据下的实体拖入供应商管理页面下的面板中，选择列表全即可。同时在结构树中可以查看到自动生成的列表中包含了线性布局（表单），数据表格和弹窗等组件

CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第2张图片

上一步的表单太多了，不需要都作为选择条件，接下来点击回撤（ctrl+z）按钮（因为自动创建的过程还包括很多逻辑，如果删除，会存在删除不干净的情况），去掉自动创建的数据表格。

然后在supplier实体中修改数据，从待实现效果可以看到:

表格中需要显示的内容包括供应商id，供应商编号，供应商名称，供应商等级，负责人，当前状态，供应商地址，创建时间，操作等，这样就在实体中勾选对应的显示在表格中选项。

筛选中只有供应商等级和供应商状态

CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第3张图片

再次回到页面中，把供应商实体拖入到供应商管理的页面的面板中即可

CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第4张图片

选择点击查看效果

CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第5张图片

供应商管理数据表格的优化

在这里插入图片描述

预计实现的效果中

供应商名称不换行
有一个刷新按钮
新增按钮为新增供应商
表格列的顺序和内容与默认也有所不同

供应商名称不换行

供应商名称不换行，只要把对应组件的文本调整为小即可,同时选择过长文本始终不换行

在这里插入图片描述

新增按钮替换为新增供应商

新增按钮替换为新增供应商，只需要更换文本即可,同时给图标添加一个 +号 按钮

在这里插入图片描述

添加修改排序表格中的字段

上面在表格显示中没有显示供应商id，这里可以给添加下

CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第6张图片

重新预览，即可把供应商id显示在数据表格中。

CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第7张图片

调整表格顺序，并改名

顺序分别为序号，供应商编号，供应商名称，供应商等级，负责人（新增），当前状态，供应商地址，创建时间（新增），操作
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第8张图片

创建修改刷新按钮

选择刷新图标，去除文本
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第9张图片

修改刷新按钮事件

在刷新按钮中添加一个点击事件，事件内需要把查询的内容清空，查询信息的输入都会通过一个变量（默认为filter变量）来存储。为了清空查询内容，在事件中拖入内置函数clear函数，把filter作为clear函数的参数。接下来再调用逻辑（页面逻辑下的reload逻辑，记得要选tableview下的reload逻辑，这个是数据表格生成时自动创建的）来刷新表格。

修改供应商评分显示

把文本删除，拖入评分组件，修改评分组件的最大分数，然后将评分值绑定为current下的level即可，再把评分组件的状态属性修改为只读
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第10张图片

修改当前状态修改

在案例中，供应商新增时，会自动把状态设置为启用，在修改时，可对状态进行修改。

我们进入弹窗中，把输入状态的表单项设置一个只在修改状态显示的显示条件
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第11张图片
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第12张图片

接下来要实现新增时状态默认为启用

点击立即创建按钮，在立即创建按钮的事件逻辑submit中找到create逻辑的位置，就在创建数据之前，对存入的input变量做一个状态的赋值
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第13张图片

我们要用不同颜色的标签来区分供应商的状态

将状态的文本先删除，拖入一个标签，将主题色改为成功色，内容改为启用，再复制一个标签，内容改为禁用，把样式中的背景颜色改为浅灰色
然后设置当供应商状态为启用时显示启用标签，为禁用时显示禁用标签（所有的组件都可以设置条件）。选用启用标签，选择启用标签的显示表达式，拖入一个等号，等号左侧是current下的supplier状态status值，等号右侧是枚举中StatusEnum中的启用。复制这个表达式到禁用标签中。
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第14张图片

发布测试预览

CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第15张图片

修改操作中的按钮

修改部分有3个按钮
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第16张图片分别对应查看详情，编辑修改，以及删除
原有的删除和修改链接先不动，后续可以将里面的逻辑复制给按钮用。
添加按钮，去掉按钮中的文本内容，形状修改为方形，图标选择查找样式。在这里插入图片描述
然后复制这个按钮，为编辑和删除按钮，分别修改图标样式，修改编辑按钮的背景颜色，修改删除按钮为次要按钮
在这里插入图片描述

为这3个按钮添加事件逻辑

详情页按钮的事件逻辑先不实现，编辑和删除按钮中的逻辑，应该与修改和删除中默认的逻辑是一样的。
选择修改组件，选择右侧的事件，复制modify事件逻辑，然后再编辑图标组件先添加一个点击事件，再把复制的modify事件粘贴过去（选择点击文本后，右键才可以出现粘贴选项），同时删除刚添加的click事件逻辑。

查看预览效果

CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第17张图片

确认按钮逻辑正确后，删除原有的修改和删除链接组件

修改下弹窗中表单的样式

弹窗中需要输入的是供应商名称，地址，等级，介绍，相册，状态
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第18张图片

增加弹窗尺寸，选择弹窗属性中的样式属性，尺寸修改为大。表达项的文本如供应商名称比较长，会换行，修改表单项属性中的样式属性中的标题宽度为小
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第19张图片

修改各个输入框的样式
删除供应商地址中的输入框，拖入地区选择组件，然后进行值的绑定，选择input中的address
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第20张图片

删除供应商等级输入，拖入评分组件，修改最大分数为3，绑定input中的level，
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第21张图片

公司介绍使用一个多行输入框，绑定input中的introduce
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第22张图片

公司相册，要进行上传图片的操作
使用文件上传组件，该组件有多种样式，选择第2个单文件卡片效果样式，绑定值为input中的picture，这里上传图片还要将属性中的转换器改为URL字符串
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第23张图片

再次预览

CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第24张图片

实现点击删除后需要确认的弹窗

这一个步骤中，删除的逻辑是一样的，只是需要在事件逻辑中，添加一个打开弹窗的过程，先拖入一个弹窗，重命名为deleteModel，然后点击重命名并确认引用，双击编辑弹窗，将标题修改为删除供应商信息，下方内容删除，拖入多行线性布局，每个线性布局中输入文本

确定要删除供应商信息吗？
提示：数据一旦删除，无法恢复！

设置图标为警告
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第25张图片
把下方按钮靠右侧对齐，选中后，选择样式里的右对齐
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第26张图片

接下来把删除图标中的事件逻辑，复制到弹窗的确定按钮下

接下来把删除图标中的事件逻辑，复制到弹窗的确定按钮下
这时可以看到系统提示错误，双击错误，定位问题，是因为在确定按钮idea事件逻辑中，拿不到当前行的current值，CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第27张图片
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第28张图片
现在需要再原来表格中的删除按钮逻辑中，将current中的id传递出来，回到删除按钮的逻辑中，删除原来的逻辑内容，第一步需要将当前行current中的id得到，这时可以在当前页面下创建一个局部变量deleteId，数据类型设置为整数
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第29张图片
接下来把current中的id赋值给deleteId
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第30张图片
接下来添加调用逻辑，调用deleteModle的open
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第31张图片
回到弹窗中确定按钮的逻辑中，将deleteId作为参数传入，然后添加调用逻辑，deleteModel中的close
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第32张图片

点击预览查看效果

CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01_第33张图片

你可能感兴趣的:(CodeWave,低代码)

  • 数据分析：低代码平台助力大数据时代的飞跃发展 快乐非自愿 数据分析低代码大数据
    随着信息技术的突飞猛进，我们身处于一个数据量空前增长的时代——大数据时代。在这个时代背景下，数据分析已经成为企业决策、政策制定、科学研究等众多领域不可或缺的重要工具。然而，面对海量的数据和日益复杂多变的分析需求，传统的数据分析方法往往捉襟见肘，难以应对。幸运的是，低代码平台的兴起为大数据分析注入了新的活力，成为推动大数据时代发展的重要力量。低代码平台，顾名思义，是一种通过少量甚至无需编写代码，就能
  • 低代码与前端开发架构：重塑软件开发的未来 快乐非自愿 低代码架构前端
    随着技术的不断进步和数字化转型的深入，软件开发领域正经历着一场革命性的变革。在这场变革中，低代码开发平台和前端开发架构扮演着越来越重要的角色。本文将探讨低代码与前端开发架构之间的关系，并分析它们如何共同推动软件开发的创新与发展。低代码开发平台的崛起低代码开发平台（Low-CodeDevelopmentPlatform,LCDP）是一种新型的软件开发方式，它允许开发者通过图形化界面、预构建的模块和模
  • 一文详解大数据时代与低代码开发应用 快乐非自愿 大数据低代码
    随着信息技术的飞速发展，我们迎来了一个崭新的时代——大数据时代。在这个时代，数据成为了一种新的资源，大数据技术的应用成为了推动社会进步的关键力量。而在大数据技术的浪潮中，低代码开发应用也逐渐崭露头角，以其高效、灵活的特点，成为大数据时代的重要支撑。大数据时代的来临随着科技的飞速发展和互联网的广泛普及，我们迎来了一个被称为“大数据时代”的全新时代。这个时代，数据无处不在，无时不刻不在增长，其规模之大
  • 低代码开发与数据可视化 工业甲酰苯胺 信息可视化低代码
    随着数字化转型的深入发展，软件开发在各行各业中的重要性日益凸显。近年来，低代码开发与数据可视化技术的兴起，为软件开发带来了革命性的变革。本文将深入探讨低代码开发与数据可视化的概念、优势以及应用场景，旨在帮助读者更好地理解这两项技术，并为其在实际工作中的应用提供参考。低代码开发简化软件开发流程低代码开发平台（Low-CodeDevelopmentPlatform,LCDP）是一种软件开发框架，允许开
  • 云计算与低代码：重塑软件开发的新范式 快乐非自愿 云计算低代码
    随着信息技术的迅猛发展，云计算与低代码已成为引领软件开发领域变革的重要力量。本文将对这两个主题进行深入探讨，分析它们如何重塑软件开发的模式，提高开发效率，以及对企业和开发者带来的深远影响。云计算无限可能的新天地云计算是一种基于互联网的新型计算模式，它能够将计算资源、存储空间和应用程序通过网络进行集中管理和调度，为用户提供按需服务。云计算的出现，极大地降低了企业的IT成本，提高了资源利用率，同时也为
  • 三井住友保险中国区信息技术部负责人陈婧，将出席“ISIG-RPA超级自动化产业发展峰会” RPA中国 rpa自动化运维
    3月16日，第四届「ISIG中国产业智能大会」将在上海中庚聚龙酒店拉开序幕。本届大会由苏州市金融科技协会指导，企智未来科技（RPA中国、AIGC开放社区、LowCode低码时代）主办。大会旨在聚合每一位产业成员的力量，深入探索RPA、流程挖掘、低代码/零代码、AIGC等创新技术的未来发展和应用潜力，促进行业的持续进步和提升。三井住友保险中国区信息技术部负责人陈婧，将受邀在本次「ISIG-RPA超级
  • 微软大中华区商业应用事业部高级产品经理张诗源，将出席“ISIG-低代码/零代码技术与应用发展峰会” RPA中国 microsoft产品经理低代码
    3月16日，第四届「ISIG中国产业智能大会」将在上海中庚聚龙酒店拉开序幕。本届大会由苏州市金融科技协会指导，企智未来科技（LowCode低码时代、RPA中国、AIGC开放社区）主办。大会旨在聚合每一位产业成员的力量，深入探索低代码/零代码、AIGC、RPA、流程挖掘等创新技术的未来发展和应用潜力，促进行业的持续进步和提升。来自微软大中华区商业应用事业部的高级产品经理张诗源女士，将受邀在本次「IS
  • 深度探析低代码：助力“数智转型”赋能中国制造 快乐非自愿 低代码制造开发语言前端
    随着数字化和智能化技术的飞速发展，我国制造业正面临着从传统制造向智能制造的转型升级。在这个过程中，低代码技术作为一种创新性的软件开发模式，逐渐成为助力我国制造业数智转型的关键驱动力。本文将从低代码技术的原理、应用场景以及在我国制造业中的实践案例等方面进行深入剖析，探讨低代码如何为我国制造业数智转型赋能。低代码技术概述低代码（Low-Code）技术是一种通过图形化界面、配置和自动化工具快速开发应用程
  • 设计模式：设计模式概述 星光闪闪k Java设计模式设计模式java数据库后端架构
    1.设计模式概述1.1什么是设计模式设计模式是在软件工程中常见的解决特定问题的可复用解决方案。它们是对软件设计中常见问题的经验总结，提供了一套通用的解决方案，能够帮助开发人员设计出更加灵活、可维护和可扩展的软件系统。1.2设计模式的重要性和价值设计模式的重要性在于它们可以帮助开发人员解决各种常见的设计问题，提高软件的质量和可维护性。通过应用设计模式，可以降低代码的耦合度，增强代码的可重用性，并且使
  • 如何用低代码实现批量导出PDF？ 低代码
    前言事情是这样的，熟悉我们的朋友都知道，我司有一个为广大开发者朋友们提供学习帮助的地方，叫做新手训练营，具体的内容就是会针对初次接触葡萄城产品和技术的用户，通过2-3天的集中学习，采用直播授课的方式帮助用户快速上手产品，课后讲师会根据讲课内容布置相应的作业，对于所有提交作业的同学会颁发结业证书，同时对于作业优秀的同学还会颁发优秀学员证书，如下图所示：但是随着新手训练营的日益火爆，参加学习的人也越来
  • 微软宣布 Power Fx 开源！ 老率的IT私房菜
    PowerFx是一种基于类似表格公式的低代码通用编程语言，它是一种强类型、声明性和函数式语言，可根据需要提供命令式逻辑和状态管理，Excel用户使用PowerFx将会特别熟悉。今年5月，微软通过与OpenAI的GPT-3模型的集成进一步提升了语言能力，PowerFx可以使用自然语言代替复杂的公式进行计算。此前，微软只开放了PowerFx的文档，并计划在今年年底前对实际源代码进行开源。今日，微软将P
  • 自定义表单工作流的优势特点有啥？ Gzlcxxjs 开源微服务架构低代码
    低代码技术平台是提升办公效率的得力武器，在当今竞争激烈的社会中获得了很多中小企业的喜爱与支持。流辰信息是一家专业研发低代码技术平台的服务商，IBPS开发平台用于很多行业中，助力企业实现了办公流程化。自定义表单工作流的优势多、简单灵活好操作，是做好数字化转型的有力助手。低代码技术平台有什么功能和作用？其实，低代码技术平台可以通过前端图形化的拖拉拽实现需求，实现了研发效率的提高，使用低代码平台降低了研
  • 提高办公效率，可以多了解流程引擎表单 Gzlcxxjs 微服务开源低代码
    当前，为了提升办公协作效率，很多企业倾向于低代码技术平台带来的高效率和便利性。如果利用流程引擎表单，可以帮助企业做好数据资源的利用率，为企业搭建好沟通桥梁，成功提升办公协作率，创造更高的市场价值。那么，什么服务商拥有流程引擎表单？流辰信息就是一家专业研发低代码技术平台的服务商，具备深厚的研发实力和经验，可以针对客户需求，提供专业的系统开发、数据治理、数据分析各环节技术和方案支撑，对于不同的客户需求
  • 低代码开发与网络信息安全：构建高效防护体系 工业甲酰苯胺 低代码网络
    随着数字化转型的加速，越来越多的企业开始关注低代码开发平台，以提高软件开发效率，缩短上市时间。然而，随之而来的网络信息安全问题也日益严峻。如何在享受低代码开发带来的便捷与高效的同时，确保网络信息安全成为企业面临的重要课题。本文将从以下几个方面探讨低代码开发与网络信息安全之间的关系，并提出相应的应对策略。低代码开发平台的安全挑战低代码开发平台在现代软件开发中越来越受欢迎，它通过简化编程过程和降低开发
  • 凤凰鸿鹄微代码平台：企业管理与智能制造的降本增效之选 koine 低代码
    引言在当今高度信息化的时代，企业如何有效利用信息技术提升管理效率、降低运营成本，已成为竞争制胜的关键。在这一背景下，凤凰鸿鹄微代码平台应运而生，它是一款全面而高效的智能制造解决方案，旨在满足企业管理与信息化发展的需求。本文将深入探讨凤凰鸿鹄微代码平台在企业管理与智能制造中的应用，以及如何帮助企业实现降本增效的目标。一、凤凰鸿鹄微代码平台简介凤凰鸿鹄微代码平台是一款介于低代码平台和零代码平台之间的微
  • JimuReport积木报表 v1.7.0 变革版本发布，低代码报表设计工具 JEECG低代码平台 低代码数据可视化
    项目介绍一款免费的数据可视化报表，含报表和大屏设计，像搭建积木一样在线设计报表！功能涵盖，数据报表、打印设计、图表报表、大屏设计等！Web版报表设计器，类似于excel操作风格，通过拖拽完成报表设计。秉承“简单、易用、专业”的产品理念，极大的降低报表开发难度、缩短开发周期、节省成本、解决各类报表难题。领先的企业级Web报件，采用纯Web在线技术，专注于解决企业报表快速制作难题。当前版本：v1.7.
  • 低代码开发：助力企业迈向智能化未来 液态不合群 低代码
    在科技日新月异的今天，软件开发行业面临着前所未有的挑战。为了适应市场的快速变化和业务的不断创新，开发团队需要寻求更高效、更便捷的开发方式。近年来，低代码开发逐渐成为软件开发领域的热点，它以简洁、高效、易用等特点吸引了众多企业和开发者。那么，低代码开发如何助力企业迈向智能化未来呢？提高开发效率，缩短上市周期在当今激烈的市场竞争中，企业越来越注重提高开发效率，缩短上市周期，以快速响应市场需求，抢占市场
  • Python+Flask低代码数据融合引擎工具 阿桂天山 flaskpython后端
    我用了2年多时间开发了一个低代码数据融合引擎工具1.整体界面2.主要功能1)通过excel文件生成mysql数据表结构及数据保存说明:功能细节包括(excel文件上传,文件内容预览,建表导入数据),难点在于对excel数据类型判断,并与mysql数据类型对应2)建立数据表结构并批量导入数据3)外部数据库对接,数据预览4)对数据表进行视图管理,可设置视图的列表显示及查询字段内容5)对表视图的图表统计
  • Java如何集成工作流？如何与业务绑定审批？如何实现低代码配置化？ 软件项目资料查询库 需求分析javagithubeclipse
    前言目前市场上有很多开源平台没有整合工作流，即使有，也是价格不菲的商业版，来看这篇文章的估计也了解了行情，肯定不便宜。我这个快速开发平台在系统基础功能（用户管理，部门管理…）上整合了工作流，你可以直接用来开发ERP，OA，CRM等企业级应用，不用再担心如何再去花大量的时间集成工作流进来。目前是单独把这一套给抽取出来了，做成了可插拔的，可以非常方便的整合到你的程序中。下面我们来一起看看吧。源码及其他
  • 【 JS 进阶 】作用域、变量提升、闭包 fans小知 #JSjavascript开发语言ecmascript
    人生如诗，每一个瞬间都是一行句子。在逐字逐句的书写中，勾勒出属于自己的篇章，让生命的诗意，在坎坷中奏响，于欢笑中升华。-罗曼·罗兰目标学习作用域、变量提升、闭包等语言特征，加深对JavaScript的理解，掌握变量赋值、函数声明的简洁语法，降低代码的冗余度。理解作用域对程序执行的影响能够分析程序执行的作用域范围理解闭包本质，利用闭包创建隔离作用域了解何为变量提升及函数提升掌握箭头函数、解析剩余参数
  • 【Effective Objective - C】—— block 块 《杯莫停》 c语言cocoaios
    【EffectiveObjective-C】——block块前言37.理解块的概念块的基础知识块可以捕获变量内联块的用法块的内部结构栈块堆块全局块要点38.为常用的块类型创建typedef要点39.用handler块降低代码分散程度协议传值实现异步块实现异步回调操作里的块要点40.用块引用其所属对象时不要出现保留环块中也存在保留环要点前言本章的内容是比较麻烦复杂的一章，牵扯到了GCD和Block，
  • 适用于 Amazon Step Functions 的低代码可视化新工作流 Workflow Studio, 现已在 Amazon Application Composer 正式发布！ 亚马逊云开发者 低代码composer
    今天，我们非常欣喜地宣布现已在AmazonApplicationCompose中推出AmazonStepFunctionsWorkflowStud。通过这款全新的集成应用，工作流与应用程序资源开发便可整合到统一的可视化基础设施即代码(IaC)生成器。对于使用AmazonStepFunctionsWorkflowStudio创建工作流与使用AmazonApplicationComposer定义资源，
  • 低代码开发：改变企业办公模式的创新之道 快乐非自愿 低代码
    随着数字化转型的深入推进，企业对于高效、便捷的办公方式的需求日益凸显。低代码开发作为一种创新性的技术手段，正逐步改变着企业办公模式的方方面面。本文将从低代码开发的定义、优势、应用场景以及如何赋能企业办公模式转变等方面进行探讨。低代码开发的定义及发展背景低代码开发（Low-CodeDevelopment）是一种先进的应用程序开发技术，它通过图形化界面和少量的编码来实现应用程序的开发。这种技术将复杂的
  • 纯前端低代码平台demo，vue框架，nodejs，简单的pm2纯前端部署实践 Yoyo_Yan vue.jsvue低代码node.jspm2
    文章目录目录结构说明本地运行项目启动后的页面demo前端部署打包pm2nginx后话前段时间开发了一个纯前端的低代码平台demo，vue框架，nodejs，pm2纯前端部署实践。为此记录一下开发过程以及各方面遇到的问题，并作说明。表单用了若依的开源代码https://gitee.com/y_project/RuoYi-Vue，由于这个没有表格等组件，所以在此基础上又开发了一些表格、分页等相关组件，
  • 【amis低代码前端框架】vue2集成百度低代码前端框架amis G佳伟 amis低代码前端框架低代码前端框架
    什么是amis：amis是一个低代码前端框架，它使用JSON配置来生成页面，可以减少页面开发工作量，极大提升效率。第一步：下载amis命令行内执行以下命令下载安装amisnpmiamis第二步：下载完毕amis后将node_modules中的amis包复制到public内第三步：在public/index.html内引入amis包ps：cxd.css属于基础样式文件，如果是新项目正常引入cxd，我
  • 什么是低代码平台 我有一棵树 低代码
    低代码平台是一种软件开发工具，旨在帮助开发者快速构建应用程序而无需编写大量的传统代码。它们通常提供了可视化的用户界面，通过拖放、配置和组合预先构建的组件或模块，使开发者能够以更快的速度开发应用程序。低代码平台的主要特点包括：可视化开发界面：提供了图形化的界面，开发者可以通过拖放组件、定义属性和逻辑等方式进行应用程序的设计和开发。模块化组件：平台通常提供了丰富的预制组件，包括UI组件、数据管理组件、
  • 听说解锁字节扣子,能轻松搭建你的私人AI助手！ 栈江湖 人工智能字节coze字节扣子
    一、引子几年前低代码平台推出了，这种概念应该是未来的一种趋势，不过一直没有被大面积推广起来，或许技术方面还不算成熟。不过随着科技的发展，区块链技术、元宇宙技术、AI技术这些对我们来说触不可及的技术也已经走进大家的视线里。以前的编程世界是个高门槛的地方，现在也变成了大家都可以轻松进出的地方。2023年chatgpt引爆了AI浪潮。类chatgpt聊天机器人产品、数字人、AIBot这些复杂技术衍生出来
  • 数实融合！低代码推动工业数字化转型走“深”向“实”
    当下，“数字化、智能化”已经不再是新鲜词。毕竟，在早几年前就已经有企业喊出大举进军数字化的口号，轰轰烈烈的数字化转型运动也持续了很长一段时间，有一些业内人士甚至判断“如今的企业数字化已经走过了成熟期，来到了深水区。”但事实真的是如此吗？以工业领域为例，工业4.0时代，越来越多企业开始运用数据和算法来指导自身的研发生产实践，但从中国电子技术标准化研究院发布的《智能制造成熟度指数报告（2022）》的数
  • 低代码配置式组态软件-BY组态 工业互联网物联网
    随着物联网、大数据等技术高速发展，我们逐步向数字化、可视化的人工智能（AI）时代的方向不断迈进。智能时代是工业4.0时代，我国工业领域正努力从“制造”迈向“智造”的新跨越。什么是组态软件？组态软件，又称组态监控软件。它们处在自动控制系统监控层一级的软件平台和开发环境，使用灵活的组态方式，为用户提供快速构建工业自动控制系统监控功能的、通用层次的软件工具。组态软件的应用领域很广，可以应用于电力系统、给
  • 了解低代码这项软件开发工具 虚无火星车 低代码JNPF
    目录一、低代码概念二、低代码衍生历程三、低代码为什么受企业青睐？四、低调且强大的JNPF快速开发平台五、低代码未来趋势一、低代码概念低代码开发平台是一种无需编码或者只需要少量代码即可快速生成应用程序的开发平台，通过可视化进行应用程序开发的方法，让不同经验水平的开发人员可以通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。这一技术的出现，使得企业只需耗费更少的时间和精力即可
  • Enum用法 不懂事的小屁孩 enum
    以前的时候知道enum，但是真心不怎么用，在实际开发中，经常会用到以下代码: protected final static String XJ = "XJ"; protected final static String YHK = "YHK"; protected final static String PQ = "PQ";
  • 【Spark九十七】RDD API之aggregateByKey bit1129 spark
    1. aggregateByKey的运行机制   /** * Aggregate the values of each key, using given combine functions and a neutral "zero value". * This function can return a different result type
  • hive创建表是报错： Specified key was too long; max key length is 767 bytes daizj hive
    今天在hive客户端创建表时报错，具体操作如下   hive> create table test2(id string); FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. MetaException(message:javax.jdo.JDODataSto
  • Map 与 JavaBean之间的转换 周凡杨 java自省转换反射
    最近项目里需要一个工具类，它的功能是传入一个Map后可以返回一个JavaBean对象。很喜欢写这样的Java服务，首先我想到的是要通过Java 的反射去实现匿名类的方法调用，这样才可以把Map里的值set 到JavaBean里。其实这里用Java的自省会更方便，下面两个方法就是一个通过反射，一个通过自省来实现本功能。 1：JavaBean类 1 &nb
  • java连接ftp下载 g21121 java
    有的时候需要用到java连接ftp服务器下载，上传一些操作，下面写了一个小例子。 /** ftp服务器地址 */ private String ftpHost; /** ftp服务器用户名 */ private String ftpName; /** ftp服务器密码 */ private String ftpPass; /** ftp根目录 */ private String f
  • web报表工具FineReport使用中遇到的常见报错及解决办法（二） 老A不折腾 finereportweb报表java报表总结
      抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、没有返回数据集： 在存储过程中的操作语句之前加上set nocount on 或者在数据集exec调用存储过程的前面加上这句。当S
  • linux 系统cpu 内存等信息查看 墙头上一根草 cpu内存liunx
    1 查看CPU 　　1.1 查看CPU个数 　　# cat /proc/cpuinfo | grep "physical id" | uniq | wc -l 　　2 　　**uniq命令：删除重复行;wc –l命令：统计行数** 　　1.2 查看CPU核数 　　# cat /proc/cpuinfo | grep "cpu cores" | u
  • Spring中的AOP aijuans springAOP
      Spring中的AOP Written by Tony Jiang @ 2012-1-18 （转）何为AOP AOP，面向切面编程。 在不改动代码的前提下，灵活的在现有代码的执行顺序前后，添加进新规机能。 来一个简单的Sample: 目标类： [java]  view plain copy print ? package&nb
  • placeholder(HTML 5) IE 兼容插件 alxw4616 JavaScriptjquery jQuery插件
    placeholder 这个属性被越来越频繁的使用. 但为做HTML 5 特性IE没能实现这东西. 以下的jQuery插件就是用来在IE上实现该属性的. /** * [placeholder(HTML 5) IE 实现.IE9以下通过测试.] * v 1.0 by oTwo 2014年7月31日 11:45:29 */ $.fn.placeholder = function
  • Object类,值域,泛型等总结(适合有基础的人看) 百合不是茶 泛型的继承和通配符变量的值域Object类转换
    java的作用域在编程的时候经常会遇到,而我经常会搞不清楚这个 问题,所以在家的这几天回忆一下过去不知道的每个小知识点   变量的值域;   package 基础; /** * 作用域的范围 * * @author Administrator * */ public class zuoyongyu { public static vo
  • JDK1.5 Condition接口 bijian1013 javathreadConditionjava多线程
    Condition 将 Object 监视器方法（wait、notify和 notifyAll）分解成截然不同的对象，以便通过将这些对象与任意 Lock 实现组合使用，为每个对象提供多个等待 set （wait-set）。其中，Lock 替代了 synchronized 方法和语句的使用，Condition 替代了 Object 监视器方法的使用。 条件（也称为条件队列或条件变量）为线程提供了一
  • 开源中国OSC源创会记录 bijian1013 hadoopsparkMemSQL
    一.Strata+Hadoop World（SHW）大会         是全世界最大的大数据大会之一。SHW大会为各种技术提供了深度交流的机会，还会看到最领先的大数据技术、最广泛的应用场景、最有趣的用例教学以及最全面的大数据行业和趋势探讨。          二.Hadoop   &nbs
  • 【Java范型七】范型消除 bit1129 java
    范型是Java1.5引入的语言特性，它是编译时的一个语法现象，也就是说，对于一个类，不管是范型类还是非范型类，编译得到的字节码是一样的，差别仅在于通过范型这种语法来进行编译时的类型检查，在运行时是没有范型或者类型参数这个说法的。 范型跟反射刚好相反，反射是一种运行时行为，所以编译时不能访问的变量或者方法(比如private)，在运行时通过反射是可以访问的，也就是说，可见性也是一种编译时的行为，在
  • 【Spark九十四】spark-sql工具的使用 bit1129 spark
    spark-sql是Spark bin目录下的一个可执行脚本，它的目的是通过这个脚本执行Hive的命令，即原来通过 hive>输入的指令可以通过spark-sql>输入的指令来完成。 spark-sql可以使用内置的Hive metadata-store，也可以使用已经独立安装的Hive的metadata store   关于Hive build into Spark
  • js做的各种倒计时 ronin47 js 倒计时
    第一种：精确到秒的javascript倒计时代码      HTML代码:   <form name="form1">   <div align="center" align="middle"
  • java-37.有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接 bylijinnan java
    public class MaxCatenate { /* * Q.37 有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接， * 问这n 个字符串最多可以连成一个多长的字符串，如果出现循环，则返回错误。 */ public static void main(String[] args){
  • mongoDB安装 开窍的石头 mongodb安装 基本操作
    mongoDB的安装          1:mongoDB下载   https://www.mongodb.org/downloads         2:下载mongoDB下载后解压     
  • [开源项目]引擎的关键意义 comsci 开源项目
         一个系统，最核心的东西就是引擎。。。。。       而要设计和制造出引擎，最关键的是要坚持。。。。。。       现在最先进的引擎技术，也是从莱特兄弟那里出现的，但是中间一直没有断过研发的    
  • 软件度量的一些方法 cuiyadll 方法
    软件度量的一些方法http://cuiyingfeng.blog.51cto.com/43841/6775/在前面我们已介绍了组成软件度量的几个方面。在这里我们将先给出关于这几个方面的一个纲要介绍。在后面我们还会作进一步具体的阐述。当我们不从高层次的概念级来看软件度量及其目标的时候，我们很容易把这些活动看成是不同而且毫不相干的。我们现在希望表明他们是怎样恰如其分地嵌入我们的框架的。也就是我们度量的
  • XSD中的targetNameSpace解释 darrenzhu xmlnamespacexsdtargetnamespace
    参考链接: http://blog.csdn.net/colin1014/article/details/357694 xsd文件中定义了一个targetNameSpace后，其内部定义的元素，属性，类型等都属于该targetNameSpace,其自身或外部xsd文件使用这些元素，属性等都必须从定义的targetNameSpace中找： 例如：以下xsd文件，就出现了该错误，即便是在一
  • 什么是RAID0、RAID1、RAID0+1、RAID5，等磁盘阵列模式? dcj3sjt126com raid
    RAID 1又称为Mirror或Mirroring，它的宗旨是最大限度的保证用户数据的可用性和可修复性。 RAID 1的操作方式是把用户写入硬盘的数据百分之百地自动复制到另外一个硬盘上。由于对存储的数据进行百分之百的备份，在所有RAID级别中，RAID 1提供最高的数据安全保障。同样，由于数据的百分之百备份，备份数据占了总存储空间的一半，因而，Mirror的磁盘空间利用率低，存储成本高。 Mir
  • yii2 restful web服务快速入门 dcj3sjt126com PHPyii2
    快速入门 Yii 提供了一整套用来简化实现 RESTful 风格的 Web Service 服务的 API。 特别是，Yii 支持以下关于 RESTful 风格的 API： 支持 Active Record 类的通用API的快速原型 涉及的响应格式（在默认情况下支持 JSON 和 XML) 支持可选输出字段的定制对象序列化 适当的格式的数据采集和验证错误
  • MongoDB查询(3)——内嵌文档查询（七） eksliang MongoDB查询内嵌文档MongoDB查询内嵌数组
    MongoDB查询内嵌文档 转载请出自出处：http://eksliang.iteye.com/blog/2177301 一、概述        有两种方法可以查询内嵌文档：查询整个文档；针对键值对进行查询。这两种方式是不同的，下面我通过例子进行分别说明。   二、查询整个文档 例如:有如下文档 db.emp.insert({ &qu
  • android4.4从系统图库无法加载图片的问题 gundumw100 android
    典型的使用场景就是要设置一个头像，头像需要从系统图库或者拍照获得，在android4.4之前，我用的代码没问题，但是今天使用android4.4的时候突然发现不灵了。baidu了一圈，终于解决了。 下面是解决方案： private String[] items = new String[] { "图库","拍照" }; /* 头像名称 */
  • 网页特效大全 jQuery等 ini JavaScriptjquerycsshtml5ini
    HTML5和CSS3知识和特效 asp.net ajax jquery实例 分享一个下雪的特效 jQuery倾斜的动画导航菜单 选美大赛示例 你会选谁 jQuery实现HTML5时钟 功能强大的滚动播放插件JQ-Slide 万圣节快乐！！！ 向上弹出菜单jQuery插件 htm5视差动画 jquery将列表倒转顺序 推荐一个jQuery分页插件 jquery animate
  • swift objc_setAssociatedObject block(version1.2 xcode6.4) 啸笑天 version
      import UIKit class LSObjectWrapper: NSObject { let value: ((barButton: UIButton?) -> Void)? init(value: (barButton: UIButton?) -> Void) { self.value = value
  • Aegis 默认的 Xfire 绑定方式，将 XML 映射为 POJO MagicMa_007 javaPOJOxmlAegisxfire
          Aegis 是一个默认的 Xfire 绑定方式，它将 XML 映射为 POJO, 支持代码先行的开发.你开发服 务类与 POJO,它为你生成 XML schema/wsdl XML 和 注解映射概览       默认情况下，你的 POJO 类被是基于他们的名字与命名空间被序列化。如果
  • js get max value in (json) Array qiaolevip 每天进步一点点学习永无止境max纵观千象
    // Max value in Array var arr = [1,2,3,5,3,2];Math.max.apply(null, arr); // 5 // Max value in Jaon Array var arr = [{"x":"8/11/2009","y":0.026572007},{"x"
  • XMLhttpRequest 请求 XML,JSON ,POJO 数据 Luob. POJOjsonAjaxxmlXMLhttpREquest
    在使用XMlhttpRequest对象发送请求和响应之前，必须首先使用javaScript对象创建一个XMLHttpRquest对象。 var xmlhttp； function getXMLHttpRequest(){ if(window.ActiveXObject){ xmlhttp:new ActiveXObject("Microsoft.XMLHTTP
  • jquery wuai jquery
    以下防止文档在完全加载之前运行Jquery代码，否则会出现试图隐藏一个不存在的元素、获得未完全加载的图像的大小 等等 $(document).ready(function(){ jquery代码; }); <script type="text/javascript" src="c:/scripts/jquery-1.4.2.min.js&quo
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他