使用ivx小模块制作日历的经验总结

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

本文总结了如何在ivx中利用小模块功能制作日历模型，包括小模块的创建与保存、公共数据、公共方法、自定义事件的使用。详细介绍了日历模型的布局、数据传递、事件触发等实现步骤，帮助理解ivx中组件间的交互与复用。

在ivx中很多常用功能都已经封装成了拓展组件供大家使用，其实我们还可以将常用的自定义功能写成一个小模块实现复用。在ivx中小模块有以下分类：前台小模块（相对定位/绝对定位）、后台小模块和综合小模块（相对定位/绝对定位），其中综合小模块会包含前台和后台的部分，也因此前台小模块和总和小模块会涉及到前台的舞台布局，所以会带有相对定位和绝对定位的属性

一.小模块
1.创建与保存
点击下图位置并选择小模块类型即可添加一个小模块，制作完成后可以就可以进行保存和上传，这样在其他案例中就可以从云端下载进行复用了。
在这里插入图片描述
在这里插入图片描述
2.公共数据
我们可以看到小模块内部除了我们要自定义添加的布局组件外还包含公共数据、公共方法和自定义事件三个部分，下面我们来分别说一下它们的使用方法。首先是公共数据，这里一般添加的是需要与外部交互的数据变量，我们通过小模块外的组件设置小模块属性的时候就是设置这些公共数据的值。同样，外部组件和变量也可以通过获取小模块的属性来的得到这些公共数据。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.公共

最低0.47元/天 解锁文章
【低代码】iVX编辑介绍及随机验证码demo
NoBack7--For the dream
08-22 1万+
生成六位随机验证码”是动作组程序，即程序名称。[T]验证码定义了一个变量，初值为空次数循环6次，生成6个随机数字，数值范围为0~35数字对应的验证码，进行筛选，将6个随机数字对应转换为字符回调组合6次输出的字符，产生我们需要的验证码。通过实际demo以及介绍，我们熟悉了ivx编辑器的运用，通过拖延，属性编辑以及动作组定义等操作，真正实现了低代码甚至无代码开发。
网管教程+从入门到精通软件篇
mvcgo的专栏
12-06 1万+
★一。★详细的xp修复控制台命令和用法!!!  放入xp（2000）的光盘，安装时候选R，修复！  Windows XP（包括 Windows 2000）的控制台命令是在系统出现一些意外情况下的一种非常有效的诊断和测试以及恢复系统功能的工具。小编的确一直都想把这方面的命令做个总结，这次辛苦老范给我们整理了这份实用的秘笈。  　　Bootcfg  　　bootcfg 命令启动配置和故障恢复（
制作日历的方法总结
liwei5bao的博客
08-04 638
制作日历 1,必须知道一年内的每个月有多少天 2.必须知道每个月有多少天 3.必须知道字符串和日期的转换 4.必须知道每个月的每一天对应周几 5.必须知道当前时间
ivx页面（2）选择地址：省-市-区（小模块使用）+跨应用复制
张羽的博客
07-07 207
跨应用复制注意事项：相同应用类型的案例才可以跨应用复制，如web应用中复制到web应用，原生小程序复制到原生小程序等。点击这个省市区级联选择然后有3个部分：前台的省市区选择小模块、文本1、小模块的省市区选择小模块。实现思路：ivx的教学demo中存在这个组件下载下来然后跨应用复制粘贴到自己的应用中。小模块的省市区选择小模块的作用：调节样式还有显示选择地址的逻辑。前台的省市区选择小模块的作用：显示省市区选择小模块的。省市区级联选择应用然后点击前台里面的小模块然后右键选择跨应用复制。工作台上出现这个应用。
写日历的一些总结
weixin_30786617的博客
03-24 178
近来项目中有一块日历的部分，找了各种网上的资料没有特别合适的 所有自己写了一下，前前后后折腾了很久 先说一下需求，日历页面中显示当前月份以及当前月份的前三个月，当前日期之前都可以点击，之后日期显示灰色不可点击状态；效果图如下： html代码：<div class="table-cont"><table class="week"><thead>&...
写日历的一些总结（二）
weixin_30567225的博客
03-24 129
点击切换前一天的日期 只能切换到当前月份的前三个月 例如（今天是2017年3月24日，点击左边按钮只能切换到2016年12月1日左按钮不能再点击，点击右边按钮只能切换到当前日期的前一天右按钮不能再点击）具体js代码如下： var today = new Date(); 获取当前日期 var year = today.getFullYear(); var month = ...
使用ivx制作倒计时小模块的经验总结
VXLab的博客
05-07 1041
今天我们使用小模块来制作一个倒计时播放器，要求能够输入倒计时的时长，控制倒计时播放器的暂停与播放，并且可以重置状态重新计时。 一.公共数据 由于是倒计时器，所以我们添加一个数值变量保存倒计时长，并且与小模块内部用于展示的文本组件直接进行数据绑定。 二.公共动作 这类倒计时的动画效果我们一般都是通过触发器实现的，例如本案例中可以设置触发器每隔一秒触发一次，每次触发令倒计时长减1来达成效果，而控制倒...
iVX移动端应用开发指导与规范v2.0
deadlinefighter的博客
09-27 627
序言 iVX是一个高度灵活的应用开发工具，实现同一个功能，有各种不同的实现方法。为了提高项目在一个团队内部的可读性与可维护性，并确保项目运行时的性能，我们总结了30+个移动端项目，提出了一套最佳实践方案，帮助大家以最优化的结构开始搭建项目。 一、 框架 一个项目的推荐架构，详见视频：框架说明 项目框架的核心要点如下： 1.使用页面作为项目构成的基本单元，即每个独立的UI场景构成一个页面。注意，尽管使用if条件容器也可以实现UI场景的切换，但为了能够让项目结构更加清晰，我们还是推荐使用页面作为基本场
iVX中如何获取系统信息
deadlinefighter的博客
09-27 387
常见功能 获取系统信息用于获取当前设备的系统环境、系统语言等信息，并可通过判断条件进行判断，针对不同的系统环境、系统语言选择性执行某些动作。例如，对ios设备中文环境进行中文提示、英文环境执行英文提示等。 使用方法 在需要获取或显示系统信息的组件上添加事件，然后点击属性栏的箭头进行数据绑定 说明 获取窗口宽和窗口高 可用于制作自适应案例，识别不同环境的宽高，对内容显示范围作出调整 获取当前域名等信息 可用于页面分享等 设备信息的获取 设备信息是系统的相关属性，因此，要获取设备信息，需
ivx简单实战，多图新手小白速成（1：签到系统）
张羽的博客
07-04 1028
签到系统功能描述：简易的四个页面快速上手ivx1.创建一个签到：当点击时跳转到页面然后输入签到名和选择签到的时间点击之后生成一个2.用户扫码签到：当用户点击时跳转到页面，当用户填写完自己的名字后点击其他地方然后用户扫码之后会提示（不做重复教如何建立，节省文章篇幅，有后台先后台-》前台绘图-》前台交互）
完美融入云原生的无代码平台 iVX编辑器实战
weixin_42469135的博客
07-19 2526
对象树是iVX编辑器中直观呈现案例数据结构、管理对象的可视化体系。它具有非常强大的功能，尤其当案例中添加了数量众多的对象，数据结构繁杂时，借助于对象树可以更好地管理对象。在iVX中，对象树分为了前台和后台两个部分，前台为我们项目中可视的部分，各种页面的组件和模块都放在前台这个“根”的下方；后台则专门用于存放数据库，已及用于前台后台沟通的服务等，该部分主要是抽象的功能，并不具有可视的实体。下面将主要针对对象树前台根进行几种基本功能的详解对象树中的对象之间一般会存在以下两种特殊的关系。...
【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作
1_bit 的博客
02-14 3054
一、数据绑定 数据绑定在 iVX 中指某一个组件的属性值绑定于其他组件，例如以下示例中，点击这个文本，将会在其属性面板中看见一个锁链按钮： 此锁链就表示当前对应的属性值可以与其他值进行绑定。 首先，咱们可以点击文本变量组件，创建一个存储文本的变量： 接着，点击文本变量，可以在其属性中设置当前文本变量的值，当然这个文本变量也可以绑定于其他值： 接着，咱们点击文本，点击其数据绑定按钮： 我们发现，此时数值前面有一个箭头，该箭头可以从对象树中选择某一个组件的值： 选择值之后，咱们点击预览即可发现文本的值
使用ivx开发学习绝对定位的经验总结
VXLab的博客
03-11 3574
今天想与大家分享的ivx学习经验是关于绝对定位的使用，分析使用的依然是ivx官网的demo，绝对定位容器的使用，我认为核心在于理解绝对定位的含义，我所理解的绝对定位指的是所添加的组件在其所处的绝对定位环境中的位置，也就是坐标，是固定的，也就是这个组件位于这个绝对环境中一个固定的位置，固定它的就是它的坐标，下面我分享一下我对官网demo的分析： 1.在新版本的ivx工作台中新创的作品可以直接选择最初...
iVX能开发哪些什么应用？
VXLab的博客
05-21 2343
iVX能开发哪些应用 iVX是一款高速发展的无代码可视化编程语言，现在已经可以完整覆盖几乎所有操作系统应用的开发，包括： WebApp（通过Web浏览器封装，可以支持各种小程序，Android/iOS App，Win/Mac/Linux App） 原生微信小程序（iVX专门针对微信小程序，单独制作所有相关组件） 原生微信小游戏（iVX专门针对微信小游戏，单独制作所有相关组件） 通过iVX工作台，进入开发的IDE界面，如下图所示： 每一种类型的应用的基本开发模式是一致的，但有着不同的组件集与基本配置设定。因
【iVX 初级工程师培训教程 10篇文拿证】01 了解 iVX 完成新年贺卡
1_bit 的博客
02-14 4210
一、了解 iVX iVX 是一门编程语言，但与常规的编程不同，iVX是一款无代码的开发语言，对于不懂开发的初学者来说，抛弃了常规编程语言中的代码，使开发更加简单并高效；iVX 在开发某些功能时自带了对应的模块，开发起来更加高效，并且对于程序员来说可以导出其代码进行二次开发，极大的增加了开发效率且不失灵活。 iVX不仅是一门编程语言，还是一个IDE；开发者不需要下载对应的环境就可以在线的进行开发，在发布项目时还可以直接进行部署，并支持域名的解析；在这一方面，iVX 减省了对应的运维成本，开发者只需要关注应用功
iVX——无代码开发神器的自我介绍
热门推荐
homjeong的博客
10-27 8万+
iVX创造了一个全新的“可视化编程体系”，把编程过程的“交互方式”做了根本的改变，从“以代码编程（键盘为主）”变成了“以图形编程（鼠标为主）”的开发方式。这一改变和早期“DOS操作系统到WINDOWS类似”，也和“按键手机到智能手机类似”。
使用ivx实现日期格式转换的经验总结
VXLab的博客
04-03 708
在案例展示中经常包含日期这一信息，而在不同的应用场景下对日期的格式要求也不尽相同。其实日期最终的展示结果本质上还是一个字符串，我们要做的只是把日期截取然后组合成与标准模型一致的样式，下面我们就来讲一讲如何在ivx中通过自定义函数做这种日期的格式化处理。 1.自定义函数 在这个demo中使用了一些自定义函数，虽然ivx的案例中一般不需要写代码，但是依旧提供了代码功能。自定义函数组件可以接收和返回参...
绝对定位和相对定位详解
langyixuan的博客
05-14 1万+
一：绝对定位 position: absolute;绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。 绝对定位与文档流无关，所以它们可以覆盖页面上其他的元素，可以通过z-index属性来控制这些层的对方顺序。 #box_relative { position: absolute; left: 30px; top: 20px; } 二：相对定位 position: relative
初探一个0代码开发—iVX平台
bigsai
12-06 8679
任何生产力的进步，都不是一帆风顺的，iVX作为一款全新的“生产力”工具，也准备好迎接各种挑战！ 蒸汽机车被发明的时候，被马车夫鄙视； 流水线发明的时候，被手工业者抵制； 而移动支付，更是让门口的工行营业厅关门，当然也端了小偷的饭碗。 任何革命性的创新和发明，都会伴随新一轮的分工和社会的进步，同时也会给原有社会分工的既得利益者带来挑战。 iVX本质上就是编程领域的一种创新和发明，是互联网IT开发领域的一场“革命”！ “去掉程序语法，保留程序逻辑”，也许有百万人有过这种想法，认真思考过如何实现的不足万人，真正去
ivx软件制作H5画图小游戏应该怎么做
最新发布
10-09
提供的参考引用未涉及使用ivx软件制作H5画图小游戏的教程相关内容，不过一般而言，使用ivx软件制作H5画图小游戏可能可以按以下思路进行： ### 需求分析与设计 明确画图小游戏的功能，如支持的画笔类型（铅笔、刷子等）、颜色选择、撤销和重做等操作，设计好界面布局。 ### 创建项目 打开ivx软件，创建一个新的项目，为项目设置合适的名称和基本参数。 ### 界面搭建 利用ivx的可视化界面设计工具，搭建画图游戏的界面。添加画布区域，可通过创建一个特定大小的容器作为画布；添加画笔类型选择按钮、颜色选择器、撤销和重做按钮等控件。例如： ```html <!-- 简单示意的HTML结构 --> <div id="canvas-container"></div> <button id="pencil-btn">铅笔</button> <button id="brush-btn">刷子</button> <input type="color" id="color-picker"> <button id="undo-btn">撤销</button> <button id="redo-btn">重做</button> ``` ### 功能实现 - **画布初始化**：在代码中初始化画布，设置画布的大小、背景颜色等属性。 - **画笔功能**：实现不同画笔类型的绘制效果，通过监听鼠标事件（如鼠标按下、移动、抬起）来实现绘制操作。例如，铅笔模式下可以简单地绘制连续的线条，刷子模式下可以绘制更粗的线条。 ```javascript // 简单的铅笔绘制示例 const canvas = document.getElementById('canvas-container'); const ctx = canvas.getContext('2d'); let isDrawing = false; let lastX = 0; let lastY = 0; canvas.addEventListener('mousedown', (e) => { isDrawing = true; [lastX, lastY] = [e.offsetX, e.offsetY]; }); canvas.addEventListener('mousemove', (e) => { if (isDrawing) { ctx.beginPath(); ctx.moveTo(lastX, lastY); ctx.lineTo(e.offsetX, e.offsetY); ctx.stroke(); [lastX, lastY] = [e.offsetX, e.offsetY]; } }); canvas.addEventListener('mouseup', () => { isDrawing = false; }); canvas.addEventListener('mouseout', () => { isDrawing = false; }); ``` - **颜色选择**：监听颜色选择器的变化事件，将选择的颜色应用到画笔上。 ```javascript const colorPicker = document.getElementById('color-picker'); colorPicker.addEventListener('change', (e) => { ctx.strokeStyle = e.target.value; }); ``` - **撤销和重做功能**：可以使用栈数据结构来实现撤销和重做操作，将每次绘制的路径信息保存到栈中，撤销时从栈中取出上一次的操作并清除，重做时将撤销的操作重新绘制。 ### 测试与优化 完成基本功能开发后，对H5画图小游戏进行测试，检查是否存在功能异常、兼容性问题等，根据测试结果进行优化和调整。 ### 发布上线 在测试通过后，使用ivx软件的发布功能，将H5画图小游戏发布上线，生成可供访问的链接。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值