关于ivx短信组件的经验总结

最新推荐文章于 2023-07-09 00:03:16 发布
原创 最新推荐文章于 2023-07-09 00:03:16 发布 · 435 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍IVX平台的短信组件功能，包括模板短信与自定义短信的发送方式，以及短信数据的记录与统计方法。用户可通过短信组件向指定手机号发送模板短信，系统将按0.1元/条计费。

在ivx中除了邮件组件外还提供了短信组件，在应用后台添加短信组件后，可以使用短信组件的发送短信功能，向指定的手机号码发送模板短信。与邮件类似，发送成功的短信，会记录在短信的数据表中，并按￥0.1元/条的标准扣除相应的费用。同时，也支持对短信数据表的输出和分类统计，与普通数据库的输出和统计类似。
在这里插入图片描述
发送短信动作分为模板短信和自定义短信，模板短信目前提供了八种模板，选择每种模板后只需要设置自己的变量即可。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
如果是选择发送自定义短信，则需要设置签名。模板ID和自定义的变量参数。签名是短信中【】之间的内容，模板ID则需要向阿里云提前申请，而不同的模板变量参数可以自行添加或减少。
在这里插入图片描述
以下图demo为例，我们输入手机号后发送一条确认用户身份的模板短信。该手机号就会收到我们设置的验证码123456。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这时用户输入验证码即可完成验证了。
在这里插入图片描述
在这里插入图片描述

"发送短信"组件:<sms> —— 快应用组件库H-UI
H-UI官方博客
04-04 318
发送短信 <import name="sms" src="../Common/ui/h-ui/advance/c_sms"></import> <template> <div class="container"> <sms data="{{data}}"></sms> </div>...
使用ivx图表组件的经验总结
VXLab的博客
03-12 1135
在案例的制作中我们经常需要展示一些数据，而为了更直观的效果则会需要用到一些图表辅助。ivx在拓展组件中已经为我们封装好了一些常用的图表组件，今天就说一下这些图表组件的应用场景和使用方法吧。 1.散点图 散点图是指在回归分析中，数据点在直角坐标系平面上的分布图，散点图表示因变量随自变量而变化的大致趋势，据此可以选择合适的函数对数据点进行拟合。通常用于比较跨类别的聚合数据。 它数据的值是一个对象数组...
短信组件说明
08-10
短信组件说明 jsf + spring + hibernate 开发示例
关于ivx短信组件的小白经验总结
妹纸也可以
06-06 331
关于ivx短信组件的经验总结怎么实现短信推送发送短信具体操作下一步我要做什么 怎么实现短信推送 https://demo.ivx.cn/ 这是ivx的官方教学Demo，打开之后搜索“短信”，我是跟着第二个Demo实现的短信推送。 发送短信 发送短信动作分为模板短信和自定义短信，模板短信目前提供了八种模板，选择每种模板后只需要设置自己的变量即可。这次我选的是模板短信测试第一个模板，确认用户身份。 具体操作 跟着Demo做就是了，每个组件的事件都自己亲手选择，这样有助于成长。不建议直接复制粘贴。要提醒的是，不
一款满足你的多种发送需求的短信发送组件
wbj16116的博客
03-28 260
添加链接描述
关于ivx中将对象数组的某一列添加到另一对象数组中的经验总结
VXLab的博客
04-09 669
在这个demo中我们要做的就是点击按钮Click后将原始对象数组中的姓名列和性别列的添加到新的对象数组中。 1.首先给按钮添加一个点击事件，然后动作的对象选择新的对象数组，执行的动作选择从另一对象数组添加列。 2.对象数组一栏选择原始对象数组；列名一栏，如果只是添加一列可以直接填入列名，如果是多个列可以用英文逗号将列名隔开或者采用数组格式。 3.最后我们可以在前台初始化时和点击按钮添加列后都...
使用ivx连接组件实现私聊模型的经验总结
VXLab的博客
04-14 726
在一些案例中我们需要实现应用之间的数据即时共享，比如聊天室或者需要互动的多人游戏等。在ivx中我们是通过连接组件实现这种多个设备之间的信息传递功能的，今天结合一个私聊模型来讲一讲连接组件的具体使用方法。 一.连接 首先简单介绍一下连接组件，我们在对象树里选中前台即可添加一个连接，可以看到它只有一个属性就是它的SID码，这也是它的唯一标识。 1.用户 登录连接的每个用户可以设置自己的用户ID、昵...
使用ivx中表格组件的经验总结
VXLab的博客
03-16 1223
之前讲过了使用ivx在案例中如何使用图表组件更直观的展示数据，不过还有另一种展示数据也常用到的手段——表格。ivx中也对这一功能制作了对应的表格组件，今天就来说说这个表格组件是如何使用的。 1.表格的数据来源 表格和for循环创建一样需要有数据来源，而且多是对象数组（嗯，反正我就是喜欢对象数组）。可以看到第一行除了第一列后面几个的元素都是 “left ”（注意前后都是各两个下划线），这个是用于...
使用ivx画布组件打印微信头像的经验总结
VXLab的博客
04-07 835
在案例中经常需要实现这样一种功能，我们先获取到用户的微信头像，然后给用户的头像添加一些装饰的图案并制作出一张新的图片，最后还可以让用户下载下来作为自己的微信头像。今天就结合“给我一面小红旗”这个demo讲一讲这种案例该如何实现。 1.首先搭建一个比较简单的界面，主体是一个画布，在画布里添加两个图片组件，一张用来显示当前用户的头像，另一张小图就是展示小红旗。
使用ivx连接组件实现实时对战答题的经验总结
VXLab的博客
04-15 900
在上一篇帖子中简单介绍了连接组件，并使用连接实现了一个简单的私聊模型，今天我们来制作一个实时对战答题模型。大体的设计思路是，用户A登记进入连接并将自己的CID添加到URL中转发给好友B，B打开带有URL参数的案例创建一个房间并对A发出邀请，A进入房间后答题开始，答对加分，答错对方加分，最后统计总分数分出胜负。 一.数据库 存储题目的questionTable数据库添加了三个字段，title存放题目...
【低代码】iVX编辑介绍及随机验证码demo
NoBack7--For the dream
08-22 1万+
生成六位随机验证码”是动作组程序，即程序名称。[T]验证码定义了一个变量，初值为空次数循环6次，生成6个随机数字，数值范围为0~35数字对应的验证码，进行筛选，将6个随机数字对应转换为字符回调组合6次输出的字符，产生我们需要的验证码。通过实际demo以及介绍，我们熟悉了ivx编辑器的运用，通过拖延，属性编辑以及动作组定义等操作，真正实现了低代码甚至无代码开发。
中国大学mooc java程序设计第十周作业
qq_46169166的博客
08-04 465
做一个窗体应用程序“体重指数计算器”，能根据用户输入的性别、身高、体重计算出“体质指数（身体质量指数）”，并给出是否偏胖的判断。其中，体质指数（BMI）=体重（kg）÷身高^2（m），大于24则为偏胖，更详细的判断可以在网上查查相关的资料。要求有用户界面组件（如文本框、单选按钮、按钮）、布局和事件处理。 评分标准： 是一个窗体应用程序（1分）； 有按钮、文本框等组件（2分）； 有布局（2分）； 有事件处理（2分）； 正确计算，并显示结果（2分）； 总体较好（1分）。 package text; impor
ivx页面（3）轮播图的动态数据绑定实现以及轮播图点击跳转页面
张羽的博客
07-09 1091
然后创建一个数据组件存放数据，然后点击for循环组件绑定数据来源于数据组件，轮播页的背景在选择for循环组件的数据（注意记得要在轮播页的背景图那里点击一下右边的框才可以进行选择数据）创建之后会给你自动添加2个轮播页面，如果你着急实现你可以多创建几个这个轮播页然后在给每一个轮播页上的背景图进行上传图片（这是写死数据）点击选择轮播页给其添加一个点击事件，然后就可以设置你想要跳转的页面从而实现点击轮播图之后跳转页面。删除只留下一个轮播页，然后点击轮播页容器创建一个for循环，并且将轮播页拖入for循环中。
【iVX 初级工程师培训教程 10篇文拿证】04 画布及我和 iVX 合照
1_bit 的博客
02-14 2984
一、后台与数据库 在 iVX 中 数据库 作为数据存储仓库，通过 数据库 可以永久性存储存储数据，而 后台服务 起到数据传输作用，将 数据库 的数据传输到前台页面之中，页面再使用这些数据。 1.1.1 数据库添加 ...
iVX常用开发技巧（2）—环境宽实现自适应
homjeong的博客
04-15 1108
（一）使用场景 环境宽是行、列组件的属性，在网页开发的过程中，我们需要让网页去适应不同的显示屏的大小，也就是页面的自适应，这时我们就可以用到环境宽属性来实现页面在pc端、手机端无差错的显示。如下图所示的图书管理系统，在网页窗口的大小发生变化时，书籍信息的布局也会自动的做相应调整。 全屏显示下，每行有三列书籍信息。 2.缩小到一定程度后，每行显示两列书籍信息。 3.再缩小后，每行只显示一列书籍信息。 （二）基本用法 要做到上述效果，只需要对书籍信息的单元UI这行进行环境宽属性...
iVX案例制作（1）—图片查看器
热门推荐
homjeong的博客
04-15 6万+
（一）功能： 图片以缩略图形式存放，可以点击将图片放大。 滚动鼠标实现图片放大与缩小。 点击左右箭头查看上下图片。 点击浮层可关闭图片。 （二）效果演示 预览地址：图片查看器 （三）步骤： 1、点击对象数组按钮，将事先准备好的图片放入对象数组中。 2、点击行按钮，放入舞台中，建立一个for循环创建，用于展示对象数组中的图片。指定循环创建的数据来源，在循环创建中插入一张图片设置格式，并绑定素材资源地址。 3、设置当前序号用于图片翻页，设置图宽和缩放比例....
使用ivx实现通过角标调整图片的经验总结
VXLab的博客
04-21 1769
今天我们要做一个调整图片的demo，要求能够通过拖动图片的角标来实现旋转和等比放缩的操作，核心设计思路就是通过鼠标移动的位置和图片原位置的坐标进行数学计算，重新设置图片的宽高、坐标和旋转角度等属性。 一.布局 案例中图片和角标都放置在了对象组父容器中。父容器设置了X、Y原点为50%，即父容器的坐标原点在其中心位置，再设置图片组件的X、Y原点也为50%，并令其XY坐标为(0,0)，则可使图片中心点与...
使用ivx注册手机账号的经验总结
VXLab的博客
04-23 1937
在一些案例中，我们需要用户注册并登陆才能正常使用功能或者浏览信息，之前有用过添加微信公众号组件的方式，让用户在微信环境下打开案例发起微信公众号登录，或者将案例的类型选择为小程序采用微信小程序登录。除了这两种方式以外，ivx也提供了手机号注册登录的方法，今天我们就说一说手机注册登录的具体操作。 一.用户组件 手机注册登录同样需要使用到用户组件，我们可以看到其中默认字段包含手机号、openID、uni...
使用ivx画布的遮罩效果实现滑动解锁的经验总结
VXLab的博客
03-27 857
在案例中的注册、重置密码和修改信息等部分，为了确保操作对象是用户而不是机器盗刷，我们常用到验证码。今天我们就结合画布中的遮罩功能来实现一种常用的拼图滑块解锁式验证码。 1.遮罩 遮罩是画布下才能使用的一种功能，作用是让两个组件，一个负责提供形状一个负责提供图案，比如demo中这两张图片，拼图（彩）是一张拼图形状的白色图片，背景（动）是一张背景彩图。 将拼图（彩）移动到背景（动）的上面，并将背景...
ivx怎么引用外部ui组件，比如element plus ant这些组件
最新发布
11-15
<think> 嗯，用户这次明确询问ivx引用外部UI组件（如Element Plus、Ant Design）的具体方法。虽然之前回答过ivx自定义组件的相关问题，但这次聚焦在主流前端框架的集成上，说明用户可能在开发企业级应用时需要复用现有UI库。 用户提到Element Plus和Ant Design这两个具体组件库，显然有实际开发需求。考虑到ivx作为低代码平台的特性，需要区分原生支持和变通方案：官方组件库支持是最高效的，但若未覆盖特定组件，可能需要通过自定义组件功能实现。用户能精准提问，应该具备一定开发经验。 从技术实现看，核心在于解决三个层次的问题：首先是组件封装（将Vue组件转为ivx可识别格式），其次是样式隔离（避免CSS污染），最后是事件通信（处理props和emit）。需要重点提醒用户注意ivx的沙盒环境限制，比如全局CSS可能失效的问题。 注意到用户上次追问过调试方法，这次回答特意补充了事件监听技巧。生成的相关问题也延续了技术深度，比如样式覆盖和组件封装原理，这些都是实际集成时必然遇到的痛点。 最后给出的替代方案——官方组件库和自定义CSS，是针对不同技术偏好用户的补充建议。特别是提到"设计器内操作"的细节，因为ivx的核心优势就是可视化开发，不能因为集成外部组件而放弃这个特性。 </think> 在iVX平台中引用外部UI组件库（如Element Plus、Ant Design）需通过**自定义组件功能**实现，具体步骤如下： --- ### 一、核心步骤 1. **封装外部组件** 在外部开发环境（如VSCode）中将目标组件封装为Vue单文件组件（.vue）： ```vue <template> <el-button>Element按钮</el-button> <!-- Element Plus示例 --> </template> <script> import "element-plus/dist/index.css"; // 引入样式 export default { name: "CustomButton" }; </script> ``` 2. **生成UMD格式组件** 使用构建工具（如Vite）将组件打包为UMD格式： ```javascript // vite.config.js export default { build: { lib: { entry: "./src/CustomButton.vue", name: "CustomButton", formats: ["umd"] } } }; ``` 输出文件：`dist/CustomButton.umd.js` 3. **上传至iVX** - 进入iVX编辑器 → **资源中心** → **自定义组件** - 点击「上传组件」并添加`.umd.js`文件 - 填写组件名、描述（如：`ElementPlus按钮`） 4. **引用组件** - 在组件面板的**自定义**分类中找到上传的组件 - 拖拽到画布中即可使用 --- ### 二、关键注意事项 1. **样式处理** - **推荐**：在封装组件时内联样式（避免全局污染） - **备选**：在iVX的「全局CSS」中手动添加组件库CSS文件 ```css @import url("https://unpkg.com/element-plus/dist/index.css"); ``` 2. **事件绑定** 通过iVX的**事件面板**绑定自定义事件（如按钮点击事件）： ```python # iVX动作面板示例 def 按钮点击事件处理(): 弹出提示("按钮被点击") ``` 3. **属性配置** 在封装组件时声明`props`，可在iVX属性面板动态配置： ```vue <script> export default { props: { buttonText: { type: String, default: "默认文本" } } }; </script> ``` --- ### 三、调试技巧 1. **浏览器控制台** 使用`console.log()`输出日志，在Chrome开发者工具查看 2. **实时预览** iVX编辑器的「预览模式」支持热更新调试组件 3. **错误定位** - 组件加载失败 → 检查UMD文件路径及网络请求 - 样式异常 → 审查元素确认CSS优先级 --- ### 四、替代方案（无需封装） 若仅需简单样式，可直接在iVX中使用以下方法： 1. **官方组件库** iVX内置类Element的组件（如按钮、输入框） 2. **自定义CSS类** 在「样式面板」手动编写类名实现类似效果： ```css .ivx-ant-btn { background: #1890ff; border-radius: 4px; padding: 8px 16px; } ``` --- ### 🌟 最佳实践建议 ```mermaid graph LR A[确定所需组件] --> B{是否复杂交互？} B -->|是| C[封装为Vue组件] B -->|否| D[使用iVX内置组件+CSS] C --> E[UMD打包上传] E --> F[事件/属性配置] D --> G[样式面板微调] ``` > 💡 **重要提示**：对于Ant Design等大型库，建议按需引入避免性能下降。若需高频使用多组件，推荐通过iVX的**项目模板**功能创建可复用的组件集合[^1]。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值