公民开发者学习无代码编程,从CRUD开始(二)

简介: 公民开发者学习无代码编程,从CRUD开始(二)

3 新增功能开发


首先是考虑商品图片的上传,需要对应图片上传的组件。在组件区域点击+号来添加组件

在输入分类下找到图片选择器,拖入我们的页面中

将图片拉伸到充满页面

接着拖入文字组件,修改内容为商品名称

切换到设计页签,将对齐方式改为左对齐

然后拖入一个文字输入组件,调整宽度到合适的位置

然后修改一下组件名称,修改为商品名称_文字输入

修改成这样是为了在开发提交功能的时候可以知道是对应的哪个字段


剩下的字段按照上述的方式依次添加,添加好之后添加一个按钮组件

修改按钮名称为发布


页面搭建好之后,我们要把页面添加的信息存入我们的数据表中,切换到交互页签,给按钮组件增加行为,点击+号

依次选择请求->修改表数据->添加商品

设置好行为后,展开我们的行为,将页面的字段和数据表的字段依次对应上。对应的方法是选择字段旁边的+号

从输入框中选择对应的字段

选择好之后我们的新增功能就开发好了。


4 预览


功能开发好之后,我们要进行测试,点击导航条的预览功能,添加数据测试一下

点击发布后还需要给用户一个反馈,我们在成功时添加一个提示信息

交互方式为选择视图->显示提示

设置标题为发布成功

为了验证我们的数据是否提交成功,点击顶部导航条的数据模型,切换到数据库,点击我们的数据表查看数据是否正常提交

可以看到我们的数据已经正常入库了,这样新增功能就开发好了


总结


本篇我们介绍了无代码工具如何开发新增功能,作为开发的入门,当然是从CRUD练起,就像学唱歌我们要先从基本的音阶开始练一样,基础打扎实了才可以开发出完整的功能来。


如果觉得很简单,打开你的工具照着练习一遍吧。

相关文章
|
3月前
|
存储 SQL 关系型数据库
Mysql学习笔记(二):数据库命令行代码总结
这篇文章是关于MySQL数据库命令行操作的总结,包括登录、退出、查看时间与版本、数据库和数据表的基本操作(如创建、删除、查看)、数据的增删改查等。它还涉及了如何通过SQL语句进行条件查询、模糊查询、范围查询和限制查询,以及如何进行表结构的修改。这些内容对于初学者来说非常实用,是学习MySQL数据库管理的基础。
150 6
|
13天前
|
存储 JSON NoSQL
学习 MongoDB:打开强大的数据库技术大门
MongoDB 是一个基于分布式文件存储的文档数据库,由 C++ 编写,旨在为 Web 应用提供可扩展的高性能数据存储解决方案。它与 MySQL 类似,但使用文档结构而非表结构。核心概念包括:数据库(Database)、集合(Collection)、文档(Document)和字段(Field)。MongoDB 使用 BSON 格式存储数据,支持多种数据类型,如字符串、整数、数组等,并通过二进制编码实现高效存储和传输。BSON 文档结构类似 JSON,但更紧凑,适合网络传输。
49 15
|
8天前
|
SQL Java 数据库连接
JDBC编程安装———通过代码操控数据库
本文,教你从0开始学习JBCD,包括驱动包的下载安装调试设置,以及java是如何通过JBDC实现对数据库的操作,以及代码的分析,超级详细
|
2月前
|
数据库连接 Go 数据库
Go语言中的错误注入与防御编程。错误注入通过模拟网络故障、数据库错误等,测试系统稳定性
本文探讨了Go语言中的错误注入与防御编程。错误注入通过模拟网络故障、数据库错误等,测试系统稳定性;防御编程则强调在编码时考虑各种错误情况,确保程序健壮性。文章详细介绍了这两种技术在Go语言中的实现方法及其重要性,旨在提升软件质量和可靠性。
39 1
|
2月前
|
JSON JavaScript 关系型数据库
node.js连接GBase 8a 数据库 并进行查询代码示例
node.js连接GBase 8a 数据库 并进行查询代码示例
|
3月前
|
SQL NoSQL 关系型数据库
数据库学习
【10月更文挑战第8天】
33 1
|
3月前
|
数据可视化 API PHP
学生信息管理系统-可视化-科目管理CRUD代码生成器
学生信息管理系统-可视化-科目管理CRUD代码生成器
53 5
|
3月前
|
关系型数据库 MySQL Java
Django学习二:配置mysql,创建model实例,自动创建数据库表,对mysql数据库表已经创建好的进行直接操作和实验。
这篇文章是关于如何使用Django框架配置MySQL数据库,创建模型实例,并自动或手动创建数据库表,以及对这些表进行操作的详细教程。
109 0
Django学习二:配置mysql,创建model实例,自动创建数据库表,对mysql数据库表已经创建好的进行直接操作和实验。
|
3月前
|
Java 关系型数据库 MySQL
springboot学习五:springboot整合Mybatis 连接 mysql数据库
这篇文章是关于如何使用Spring Boot整合MyBatis来连接MySQL数据库,并进行基本的增删改查操作的教程。
334 0
springboot学习五:springboot整合Mybatis 连接 mysql数据库
|
3月前
|
Java 关系型数据库 MySQL
springboot学习四:springboot链接mysql数据库,使用JdbcTemplate 操作mysql
这篇文章是关于如何使用Spring Boot框架通过JdbcTemplate操作MySQL数据库的教程。
119 0
springboot学习四:springboot链接mysql数据库,使用JdbcTemplate 操作mysql