ThingsKit开发指南-前端技术栈

ThingsKit前端页面包含了大屏、组态、后台管理、移动端四大模块,每个模块都可以单独部署,有效的降低了代码的耦合性。

开发环境准备(PC页面)

名称版本推荐版本
PC端开发
node16.14.xv16.20.0
npm8.19.x8.19.4
pnpm8.6.x8.6.5
yarn1.22.x1.22.19
小程序开发
微信开发者工具1.06.23010401.06.2301040
HBuilder3.8.43.8.4
MuMu模拟器3.2.13.2.1

后台管理(部分技术栈)

平台管理界面采用的是vben-admin框架。

名称版本
vue3.2.31
typescript4.3.5
vite2.6.13
vue-router4.0.11
video.js7.20.3
flv.js1.6.2
更多详见 package.json

大屏(部分技术栈)

大屏底层采用的框架:Go-View

名称版本
VUE3.2.31
Typescript4.6.3
Vite4.3.6
Naive-ui2.34.3
Echarts5.3.2
Pinia2.0.13
更多详见 package.json

组态(部分技术栈)

组态底层框架采用的是:Draw.io

名称描述
Layui已内置
Axios已内置
Crypto-js已内置
Video.js已内置
Flv.min.js已内置

移动端(部分技术栈)

移动端底层框架采用的是:Uniapp

名称版本
Uniapp
uview2.0