• 游客,欢迎来到米坛社区。
    米坛社区是大型中文智能穿戴设备交流社区,在这里交流你的极客思想,共同建造我们的智能世界
    为了更加方便的获取支持与帮助,请加入米坛社区官方QQ频道

米环7工具 【大更新】Vepp - 全新 ZeppOS 手环开发框架!

谭镇洋

LV4
🔥社区作者
普通成员
UID
161997
2022-11-19
16
259
China
DEMO

展示下 Vepp v0.10.17 文档中的 DEMO ——简单的表单实现(单选框),带你来欣赏 Vepp 之美:

tmp.jpg

介绍

相信看到上面展示的 DEMO ,大家都为之震撼。没错!Vepp 诞生的目的就是把 ZeppOS 应用的开发“正常化”,脱离原生 ZeppOS 控件系统的繁琐、累赘,使开发更现代化——也就是接近 Vue 等为代表的现代前端技术栈。

有了 Vepp ,你可以运用你在前端开发的经验和习惯——例如以 HTML 形式创建的控件,Vue 风格的 properties/events 声明,响应性变量,声明式渲染……

不过,目前这些话都是虚谈——只有你真正上手了 Vepp ,才会发自内心地体会到有了 Vepp 的 ZeppOS 开发是多么的现代、优雅!

典型特性
  • HTML 风格的控件创建
  • Vue 风格的 properties/events 声明
  • 声明式渲染
  • 精简、高效的核心代码
  • 完备的、配套的 CLI 脚手架
  • 借助 CLI 提前编译实现进一步性能飞跃
  • ……(未完待续)

使用/下载

相关教程可在Github项目里找到(参见 README 自述文件),当然也可以直接用 NPM 下载。

NPM:npm install vepp
Github:https://github.com/jwhgzs/vepp

实例项目

这里贴两个旧版 Vepp 实例项目的图:

1677904463185.jpg1677904511247.jpg


由于 Vepp 大更新、本人开发日程排满,暂时无法更新 JWatch 等实例项目,只能先用着 Vepp 0.7.x 的旧版本~

可以移步 Github(见下),也可以直接下载附件中的安装包。
附件说明

由于这两个实例项目更新频繁,故不建议在附件下载。请从 NPM 或 github 下载最新版后自行编译。
 

附件

  • jwatch 1.0.4-2.bin
    41 KB · 查看: 214
  • jstudio 3.3.1.bin
    28.8 KB · 查看: 151
最后编辑:

alex

LV2
普通成员
UID
142003
2022-10-17
155
79
DEMO
This is the DEMO in the Vepp document - a simple Helloworld, from which you can understand the use and core functions of Vepp:
浏览附件16688

cause
Ever since I bought a Mihuan 7 and entered ZeppOS, I have always had these soul questions in my heart:
  • What's the point of designing this pure JS, submit update control system? Is it easy to use? Or is there another reason? But it's definitely not good enough.
  • Why are such important things as eval() and new Function() banned? I can't use my hands and feet. (Although it was easily solved by me in the end)
  • Is this JS operating efficiency serious... I may overestimate the performance of the bracelet...
In short: Lazy or lazy, I want to save a few lines of code! !

Birth of Vepp
Vepp's design idea is similar to my other project - Vior, and of course it is similar to the famous Vue. Its core functions are - declarative rendering, subscription update. However, considering that ZeppOS's application architecture is mostly uncomplicated, Vepp has omitted some functions that are almost useless and slightly difficult to implement, such as list rendering, componentization, and so on.
As you know, Vepp is a practical framework - I have used it to complete several practical projects (see the end), Vepp's performance in it is very good, of course, some bugs and user experience have gradually been found and improved. At present, Vepp still has flaws in performance, but if you don't mind, feel free to use it!

use/download
Relevant tutorials can be found in the Github project (see the README file), of course, you can also download it directly with NPM.
NPM: npm install vepp
Github: https://github.com/jwhgzs/vepp

example project
You can move to Github (see below), or you can directly download the installation package in the attachment.
Ww
 

Cetus

LV5
🔥社区作者
普通成员
UID
137090
2022-10-07
50
406
为什么我修改了课程列表,同步表盘后,手环上却没有表盘显示 export default { schoolWeek: { start: 49, end: 56 }, timeList: [ [ { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '物理', stime: '10:00', etime: '10:40' }, { name: '音乐', stime: '10:50', etime: '11:30' }, { name: '数学', stime: '11:40', etime: '12:20' }, { name: '生物', stime: '14:00', etime: '14:40' }, { name: '历史', stime: '14:50', etime: '15:30' }, { name: '信科', stime: '15:40', etime: '16:20' }, { name: '政治', stime: '16:30', etime: '17:10' }, { name: '数学', stime: '17:20', etime: '18:00' }, { name: '生/地', stime: '18:40', etime: '19:20' }, { name: '生/地', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' } ], [ { name: '物理', stime: '10:50', etime: '11:30' }, { name: '体育', stime: '11:40', etime: '12:20' }, { name: '政治', stime: '14:00', etime: '14:40' }, { name: '心/体', stime: '14:50', etime: '15:30' }, { name: '语文', stime: '15:40', etime: '16:20' }, { name: '语文', stime: '16:30' , etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '语文', stime: '18:40', etime: '19:20' }, { name: '语文', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '政治', stime: '10:50', etime: '11:30' }, { name: '地理', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '美/音', stime: '14:50', etime: '15:30' } ], [ { name: '体育', stime: '15:40', etime: '16:20' }, { name: '物理', stime: '16:30', etime: '17:10' }, { name: '历史', stime: '17:20', etime: '18:00' }, { name: '数学', stime: '18:40', etime: '19:20' }, { name: '数学', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '语文', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '生物', stime: '10:50', etime: '11:30' }, { name: '历史', stime: '11:40', etime: '12:20' }, { name: '数学', stime: '14:00', etime: '14:40' }, { name: '体育', stime: '14:50', etime: '15:20' }, { name: '语文', stime: '15:30', etime: '16:20' }, { name: '英语', stime: '16:30', etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '英语', stime: '18:40', etime: '19:20' } ], [ { name: '英语', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '数学', stime: '8:50', etime: '9:30' }, { name: '美术', stime: '10:00', etime: '10:40' }, { name: '地理', stime: '10:50', etime: '11:30' }, { name: '语文', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '写/阅', stime: '14:50', etime: '15:30' }, { name: '班会', stime: '15:40', etime: '16:20' } ], [], [ { name: '看新闻', stime: '19:10', etime: '19:30' }, { name: '晚自习', stime: '19:30', etime: '20:15' }, { name: '晚自习', stime: '20:30', etime: '21:15' } ] ] }
 

附件

  • vepp-jwatch-master (2).bin
    218.5 KB · 查看: 51

昨天2009

LV0
普通成员
UID
90529
2022-06-28
36
3
DEMO
这是Vepp文档中的的DEMO——简单的Helloworld,从中可以了解Vepp的使用及核心功能:
浏览附件16688

起因
自从买了个米环7,入坑ZeppOS以来,我心里一直有着这几个灵魂问题:
  • 设计这个纯JS、提交式更新的控件系统有什么意义?好用么?还是另有其缘?不过好用肯定是说不上了。
  • 为啥把 eval() 和 new Function() 这么重要的东西给禁了?没法施展手脚啊。(虽然最后还是被我轻松解决)
  • 这JS运行效率是认真的么......我可能高估手环的性能了......
总之:懒懒懒还是懒,想少些几行代码!!

Vepp的诞生
Vepp的设计思路和我的另一个项目——Vior,当然还和大名鼎鼎的Vue有异曲同工之妙。其核心功能就是——声明式渲染,订阅式更新。不过考虑到ZeppOS的应用架构大多不复杂,所以Vepp舍去了一些几乎没用而又稍微难实现的功能,比如说——列表渲染,组件化等等。
不如你所知,Vepp是个实用框架——我用它完成了几个实战项目(见末尾),Vepp在其中的表现非常出色,当然一些bugs和用户体验也逐渐被发现和改进。目前Vepp在性能上还有所瑕疵,不过如果不介意的话就大胆使用它吧!

使用/下载
相关教程可在Github项目里找到(参见README自述文件),当然也可以直接用NPM下载。
NPM:npm install vepp
Github:https://github.com/jwhgzs/vepp

实例项目
可以移步Github(见下),也可以直接下载附件中的安装包。
666
 
  • 赞
反馈: 帆广告费

JustJoy

LV0
普通成员
UID
59816
2021-03-09
70
6
DEMO
这是Vepp文档中的的DEMO——简单的Helloworld,从中可以了解Vepp的使用及核心功能:
浏览附件16688

起因
自从买了个米环7,入坑ZeppOS以来,我心里一直有着这几个灵魂问题:
  • 设计这个纯JS、提交式更新的控件系统有什么意义?好用么?还是另有其缘?不过好用肯定是说不上了。
  • 为啥把 eval() 和 new Function() 这么重要的东西给禁了?没法施展手脚啊。(虽然最后还是被我轻松解决)
  • 这JS运行效率是认真的么......我可能高估手环的性能了......
总之:懒懒懒还是懒,想少些几行代码!!

Vepp的诞生
Vepp的设计思路和我的另一个项目——Vior,当然还和大名鼎鼎的Vue有异曲同工之妙。其核心功能就是——声明式渲染,订阅式更新。不过考虑到ZeppOS的应用架构大多不复杂,所以Vepp舍去了一些几乎没用而又稍微难实现的功能,比如说——列表渲染,组件化等等。
不如你所知,Vepp是个实用框架——我用它完成了几个实战项目(见末尾),Vepp在其中的表现非常出色,当然一些bugs和用户体验也逐渐被发现和改进。目前Vepp在性能上还有所瑕疵,不过如果不介意的话就大胆使用它吧!

使用/下载
相关教程可在Github项目里找到(参见README自述文件),当然也可以直接用NPM下载。
NPM:npm install vepp
Github:https://github.com/jwhgzs/vepp

实例项目
可以移步Github(见下),也可以直接下载附件中的安装包。
666
 

谭镇洋

LV4
🔥社区作者
普通成员
UID
161997
2022-11-19
16
259
China
为什么我修改了课程列表,同步表盘后,手环上却没有表盘显示 export default { schoolWeek: { start: 49, end: 56 }, timeList: [ [ { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '物理', stime: '10:00', etime: '10:40' }, { name: '音乐', stime: '10:50', etime: '11:30' }, { name: '数学', stime: '11:40', etime: '12:20' }, { name: '生物', stime: '14:00', etime: '14:40' }, { name: '历史', stime: '14:50', etime: '15:30' }, { name: '信科', stime: '15:40', etime: '16:20' }, { name: '政治', stime: '16:30', etime: '17:10' }, { name: '数学', stime: '17:20', etime: '18:00' }, { name: '生/地', stime: '18:40', etime: '19:20' }, { name: '生/地', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' } ], [ { name: '物理', stime: '10:50', etime: '11:30' }, { name: '体育', stime: '11:40', etime: '12:20' }, { name: '政治', stime: '14:00', etime: '14:40' }, { name: '心/体', stime: '14:50', etime: '15:30' }, { name: '语文', stime: '15:40', etime: '16:20' }, { name: '语文', stime: '16:30' , etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '语文', stime: '18:40', etime: '19:20' }, { name: '语文', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '政治', stime: '10:50', etime: '11:30' }, { name: '地理', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '美/音', stime: '14:50', etime: '15:30' } ], [ { name: '体育', stime: '15:40', etime: '16:20' }, { name: '物理', stime: '16:30', etime: '17:10' }, { name: '历史', stime: '17:20', etime: '18:00' }, { name: '数学', stime: '18:40', etime: '19:20' }, { name: '数学', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '语文', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '生物', stime: '10:50', etime: '11:30' }, { name: '历史', stime: '11:40', etime: '12:20' }, { name: '数学', stime: '14:00', etime: '14:40' }, { name: '体育', stime: '14:50', etime: '15:20' }, { name: '语文', stime: '15:30', etime: '16:20' }, { name: '英语', stime: '16:30', etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '英语', stime: '18:40', etime: '19:20' } ], [ { name: '英语', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '数学', stime: '8:50', etime: '9:30' }, { name: '美术', stime: '10:00', etime: '10:40' }, { name: '地理', stime: '10:50', etime: '11:30' }, { name: '语文', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '写/阅', stime: '14:50', etime: '15:30' }, { name: '班会', stime: '15:40', etime: '16:20' } ], [], [ { name: '看新闻', stime: '19:10', etime: '19:30' }, { name: '晚自习', stime: '19:30', etime: '20:15' }, { name: '晚自习', stime: '20:30', etime: '21:15' } ] ] }
额你试过没改过表盘是正常的么?
还有表盘没有显示指的是课程表的是还是?
 
  • 赞
反馈: 胡桃家具

Cetus

LV5
🔥社区作者
普通成员
UID
137090
2022-10-07
50
406
额你试过没改过表盘是正常的么?
还有表盘没有显示指的是课程表的是还是?
表盘同步后,点亮表盘是黑的,打开表盘设置界面后没有看到这个表盘,返回后表盘是小米手环初始的那个缤纷色彩表盘,但用toolbox看的话,表盘文件是同步到手环的
 

元月没啥用

LV0
普通成员
UID
153539
2022-11-06
47
5
为什么我修改了课程列表,同步表盘后,手环上却没有表盘显示 export default { schoolWeek: { start: 49, end: 56 }, timeList: [ [ { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '物理', stime: '10:00', etime: '10:40' }, { name: '音乐', stime: '10:50', etime: '11:30' }, { name: '数学', stime: '11:40', etime: '12:20' }, { name: '生物', stime: '14:00', etime: '14:40' }, { name: '历史', stime: '14:50', etime: '15:30' }, { name: '信科', stime: '15:40', etime: '16:20' }, { name: '政治', stime: '16:30', etime: '17:10' }, { name: '数学', stime: '17:20', etime: '18:00' }, { name: '生/地', stime: '18:40', etime: '19:20' }, { name: '生/地', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' } ], [ { name: '物理', stime: '10:50', etime: '11:30' }, { name: '体育', stime: '11:40', etime: '12:20' }, { name: '政治', stime: '14:00', etime: '14:40' }, { name: '心/体', stime: '14:50', etime: '15:30' }, { name: '语文', stime: '15:40', etime: '16:20' }, { name: '语文', stime: '16:30' , etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '语文', stime: '18:40', etime: '19:20' }, { name: '语文', stime: '19:30', etime: '20:00' }, { name: '语文', stime: '8:00', etime: '8:40' }, { name: '英语', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '政治', stime: '10:50', etime: '11:30' }, { name: '地理', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '美/音', stime: '14:50', etime: '15:30' } ], [ { name: '体育', stime: '15:40', etime: '16:20' }, { name: '物理', stime: '16:30', etime: '17:10' }, { name: '历史', stime: '17:20', etime: '18:00' }, { name: '数学', stime: '18:40', etime: '19:20' }, { name: '数学', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '语文', stime: '8:50', etime: '9:30' }, { name: '数学', stime: '10:00', etime: '10:40' }, { name: '生物', stime: '10:50', etime: '11:30' }, { name: '历史', stime: '11:40', etime: '12:20' }, { name: '数学', stime: '14:00', etime: '14:40' }, { name: '体育', stime: '14:50', etime: '15:20' }, { name: '语文', stime: '15:30', etime: '16:20' }, { name: '英语', stime: '16:30', etime: '17:10' }, { name: '特色课程', stime: '17:20', etime: '18:00' }, { name: '英语', stime: '18:40', etime: '19:20' } ], [ { name: '英语', stime: '19:30', etime: '20:00' }, { name: '英语', stime: '8:00', etime: '8:40' }, { name: '数学', stime: '8:50', etime: '9:30' }, { name: '美术', stime: '10:00', etime: '10:40' }, { name: '地理', stime: '10:50', etime: '11:30' }, { name: '语文', stime: '11:40', etime: '12:20' }, { name: '语文', stime: '14:00', etime: '14:40' }, { name: '写/阅', stime: '14:50', etime: '15:30' }, { name: '班会', stime: '15:40', etime: '16:20' } ], [], [ { name: '看新闻', stime: '19:10', etime: '19:30' }, { name: '晚自习', stime: '19:30', etime: '20:15' }, { name: '晚自习', stime: '20:30', etime: '21:15' } ] ] }
 

*这是一则由 Google AdSense 自动推荐的广告,与本站无关,不对其真实性与可靠性负责