无代码软件开发之文本字符串输入框设计


无代码开发一个项目,拖放文本字符串输入框元件并进行测试测试演示:

用无代码设计一个用户输入文本字符串的输入框很简单,直接从元件选项板中显示类型的元件中选中拖放文本字符串输入框元件,放入开发区任意位置即可。

新建项目拖放元件并命名

本地浏览器运行测试

输入值存入变量元件中

数字等输入也存为字符信息

这个输入框的显示样式及点击特效都可以用CSS样式类或标签自定义。

输入框中可以定义默认输入值、放置输入提示信息;也可以开发验证输入内容、输入后的逻辑处理、存入数据库/存入本地、信息处理后回传显示在用户界面等功能。后续会一一介绍。

无代码开发采用拖放元件开发方式,元件比传统VB等开发中控件功能更强且无需代码处理,各类元件近300个,可以自定制元件,可以用基本元件构建复杂的高级组件来开发需要的功能,元件放入后用连线方式来完成小功能到百万级软件的开发。

可以在腾讯课堂搜索“无代码软件开发”或“尚识”学习在线课程,3小时即可学会开发。可以自学无代码开发技能,无需代码及编程知识。可以开发JAVA类的大型企业应用,几万到百万以上复杂项目均可用无代码进行快速开发。

原文地址:https://blog.51cto.com/11967955/2378722

时间: 2024-08-28 04:26:25

无代码软件开发之文本字符串输入框设计的相关文章

无代码软件开发数字输入框

腾讯课堂搜"尚识"在线学习 无代码软件开发中需进行数字输入时,使用数字输入框元件,输入的值存在元件的变量"value"值中,输入框可以修改默认样式也可以放输入提示信息及添加限制输入长度等操作,完整操作演示如下:选中拖放---运行测试---其他设定 主要处理步骤:拖放数字输入元件到开发区本地浏览器测试数字输入样式类属性设定设定提示信息最终效果本地测试 和其他所有显示元件一样,默认样式可以用样式属性或样式类属性进行重新定义,对默认的样式也可以在项目样式文件中查看修改.

无代码软件开发输入框样式设计

腾讯课堂免费学习,3小时学会开发,可开发一套简单系统无代码开发时,对输入框等任何显示元件,都可以用样式标签来定义显示样式(两种样式设定方式之一):选中显示元件,添加样式属性名称,添加样式标签及值,保存运行可以用CSS样式标签,对输入框元件设定宽度.高度.边距等常用样式.以下演示中,我们设定了宽度为上级元件宽度的60%.左边距为整行宽度的13%使输入框基本显示在页面中间(也可以是15%).且高度为35像素,样式值写为:width:70%;margin-left:13%;height:35px; 主

无代码软件开发用样式类定义显示效果

用样式类定义样式需先在项目样式文件夹的任意一个样式文件中写入定义的样式类,然后在开发过程中选中要修改样式的元件,为元件样式类属性"html.styleClass"添加样式类名称即可:用样式类来定义显示效果的主要处理步骤如下:浏览器即时查看处理前的样式项目文件夹中找到样式style文件夹打开任意一个样式文件,写一个样式类并保存将样式类名称添加到项目中任何需同样显示的元件的样式类属性值中保存并运行项目,可以看到新的样式 样式类在样式文件中的写法如下,可参考上面图中写的一个例子: 点 样式类

无代码软件开发删除软件项目

腾讯课堂搜"尚识"在线学习 无代码软件开发工具中的项目如果不想显示在开发工具中可以作删除处理,删除项目的完整操作演示如下:停止本地运行---关闭开发窗口---选中项目删除 主要操作步骤如下:停止本地运行项目关闭开发窗口选中项目名称右键选删除?勾选删除项目文件夹全部删除完成 删除项目前,如果项目是运行中的,需点击红色停止运行按钮停止本地浏览器的运行,否则勾选删除文件夹时运行中的项目因为文件在使用,就无法删除文件夹中部分文件,整个文件删除会提示未完全删除. 删除项目时,可以选是否将项目文件

无代码软件开发不生成对象

腾讯课堂搜"尚识"在线学习 无代码软件开发中,如果运行时默认不需要生成所开发的某些对象,可以直接将对象元件去掉"一直生成"的功能勾选,处理过程完整演示如下:选中对象---右键去掉勾选---保存刷新 主要步骤是右键单击处理对象元件一些设定内容:所有对象默认是直接生成的默认勾选了"一直生成"选项点击后去掉勾选不勾选状态保存刷新项目,运行后不显示对象 "一直生成"在开发中默认是勾选的,如果是显示类的元件,则显示元件运行时就是可见的.

无代码软件开发为输入框添加提示信息

所有无代码开发中的输入框都可以添加一个<placehoder>保留变量名的变量元件(也是数据类型元件),来为输入框设计显示提示信息,可以将我们的输入提示.输入规则或格式要求等信息用一个字符常量定义,然后将常量(或是数据库中设定的提示文本信息)用流程连线方式传值给这个变量即可.以下是一个简单示例的完整演示:主要处理步骤如下:默认无提示信息输入框中添加一个提示信息常量添加一个<placehoder>保留名的变量,用连线将常量传值给变量保存后刷新浏览器即可显示提示信息 在设定提示信息时,

无代码软件开发限制输入框字符个数

腾讯课堂搜"尚识"可以在线学习 所有输入框可以限制用户输入的字符最大长度也就是字符个数,可以通过此方式来要求用户进行简洁信息提交,比如要求标题输入不能超过10个字等功能设计,整体开发过程演示如下:选中元件---添加最大长度属性名称---添加最大长度数值 主要开发测试步骤:未限制最大输入字符长度时运行效果选中元件添加最大长度属性名称属性值中定义最大长度整数数字保存运行后测试,只能输入限定的字符数 首先选中输入框元件,添加属性是用点击开发工具的元件选项板下部带"+"号的

无代码软件开发修改软件标题

腾讯课堂搜"尚识"进行在线学习 软件标题也可以叫软件系统标题或软件应用标题或系统名称等,在浏览器运行软件时,软件默认是以我们开发时命名的项目名称为标题的,可以查看我们之前的字符串文本输入框的开发功能演示中,全部是以TEST这个名称的项目,所以运行时,浏览器中软件标题为"TEST". 以下是我们演示新建一个TERSUS为名称的项目,然后运行,显示默认标题TERSUS,我们修改这个默认标题为"TERSUS无代码开发":新建项目---添加标题属性---

无代码软件开发设定不显示元件

腾讯课堂搜"尚识"可在线学习 无代码开发中,除了之前演示的去掉默认的"一直生成"勾选项来在程序运行时不生成元件外,对于显示类的元件,可以通过设定一个是否显示的变量,为变量传入是/否值来定义显示元件的显示和不显示,元件不显示设计演示如下:双击进入元件---添加是否显示变量---传值否 主要步骤:默认输入框是生成并显示的拖放添加一个是否显示变量并命名为变量传常量值---否刷新后输入框不显示 是否显示对象所用的变量是用<Visible>这个保留名称的布尔数据类