IoT小程序框架测评

简介: 个人测评

IoT小程序框架我们首先要了解一下这是做什么的,和传统的小程序框架有什么区别,带着问题去测评产品。

首先我们先看一下简介:IoT小程序是一套跨平台应用显示框架,它利用JS语言低门槛和API标准化大幅度降低了IoT应用的研发难度,目前支持AliOS Things、Ubuntu、Linux、MacOS、Window等系统上运行;全面拥抱JavaScript开源生态,且系统服务通过统一的JSAPI,实现一端开发,多端运行策略。

我们先来看一下这个框架

image.png

目前跨平台应用显示框架,它利用JS语言低门槛和API标准化大幅度降低了IoT应用的研发难度,移动开发模式,全面拥抱JavaScript开源生态,且系统服务通过统一的JSAPI,实现一端开发,多端运行策略,包含前端应用图形三大框架能力

可以使用模拟器可以实时预览页面(支持边修改代码边预览),方便开发者开发、调试页面。模拟器配置与运行

  • 点击Simulator预览图标即可启动模拟器
  • 如果在MacBook上出现因执行权限问题导致的启动模拟器失败,可参照链接进行解决
  • 模拟器启动后,即可边修改代码边在模拟器上实时预览效果
  • 若要停止实时预览,在vscode的Simulator终端中,输入ctrl + c即可
  • 让我们入手实际操作一下

第一步安装开发环境

第二步安装开发插件tip:也可以用命令行编译

第三步下载模拟器以及配置环境

第四步下载公板案例代码

再看一个实际案例

“应用场景”界面展示了智能空调、调光面板、智能闹钟、扫码收银等场景化案例

“UI组件”界面展示了组件相关使用效果,包括:

  1. 内置组件:div、text、slider、scroller、image、canvas 等基础标签组件
  2. 基础组件:layout(盒模型)、button、icon、toast 等基础封装组件
  3. 表单组件:checkbox、seekbar、radio、switch 等表单组件,可用于收集用户提交信息
  4. 反馈组件:popup、dialog 等与用户进一步交互的反馈组件
  5. 展示组件:progress(进度条)、lottie(动画)、qrcode(二维码)可展示当前状态信息的展示组件

展示效果

gif 效果展示

示例代码下载代码下载

Chrome浏览器体验

UI效果,可以通过浏览器体验,请点击网站

效果确实很强大,希望大家都可以用源码搭建一下,体验一下丝滑的模块和IoT小程序框架的优点.

目录
相关文章
|
7月前
|
人工智能 移动开发 小程序
【Java】医院智能导诊小程序源码,springboot框架
【Java】医院智能导诊小程序源码,springboot框架
153 0
|
7月前
|
JSON 小程序 前端开发
微信小程序框架(五)-全面详解(学习总结---从入门到深化)
微信小程序框架(五)-全面详解(学习总结---从入门到深化)
269 0
|
7月前
|
存储 缓存 JSON
微信小程序框架(四)-全面详解(学习总结---从入门到深化)
微信小程序框架(四)-全面详解(学习总结---从入门到深化)
208 0
|
3月前
|
小程序 JavaScript 前端开发
小程序常见的UI框架
小程序常见的UI框架
319 60
|
2月前
|
开发框架 人工智能 小程序
小程序常见的 UI 框架
【10月更文挑战第17天】小程序 UI 框架为开发者提供了便捷的工具和资源,帮助他们快速构建高质量的小程序界面。在选择框架时,需要综合考虑各种因素,以找到最适合项目的解决方案。随着技术的不断进步,UI 框架也将不断发展和创新,为小程序开发带来更多的便利和可能性。
72 2
|
4月前
|
移动开发 小程序 JavaScript
开源的微信小程序框架
【8月更文挑战第22天】开源的微信小程序框架
217 65
|
6月前
|
小程序 前端开发 JavaScript
微信小程序MINA框架
【6月更文挑战第4天】微信小程序MINA框架是一个专为小程序设计的框架,它主要分为两大部分:页面视图层(View)和AppService应用逻辑层。下面我将结合代码和图示来详细讲解MINA框架。
71 0
|
6月前
|
小程序 开发者 Windows
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
156 1
|
6月前
|
小程序 前端开发 JavaScript
微信小程序|大学生心理健康测评管理系统的设计与实现
微信小程序|大学生心理健康测评管理系统的设计与实现
112 0
微信小程序|大学生心理健康测评管理系统的设计与实现
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生心理健康测评管理系统小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生心理健康测评管理系统小程序附带文章源码部署视频讲解等
64 0