# thingsvue_1
**Repository Path**: xixixicode/thingsvue_1
## Basic Information
- **Project Name**: thingsvue_1
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 158
- **Created**: 2024-05-17
- **Last Updated**: 2024-05-17
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
ThingsVue
## 🎉 **简介**
ThingsVue 是一个免费开源的中后台模版。使用了最新的`vue3`,`vite2`,`TypeScript`等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。
ThingsBoard是一个用于数据收集、处理、可视化和设备管理的开源物联网平台。
Vue Vben Admin + ThingsBoard 结合两者的优点致力于打造一款开箱即用且更符合国人的开发习惯的开源物联网平台
## 📌 **特性**
- **最新技术栈**：使用 Vue3/vite2 等前端前沿技术开发
- **TypeScript**: 应用程序级 JavaScript 的语言
- **主题**：可配置的主题
- **国际化**：内置完善的国际化方案
- **权限** 内置完善的动态路由权限生成方案
- **组件** 二次封装了多个常用的组件
## 🍭 **需要掌握的基础知识**
本项目需要一定前端基础知识，请确保掌握 Vue 的基础知识，以便能处理一些常见的问题。建议在开发前先学一下以下内容，提前了解和学习这些知识，会对项目理解非常有帮助:
- [Vue3 文档](https://vuejs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Vue-router](https://router.vuejs.org/)
- [Ant-Design-Vue](https://www.antdv.com/components/overview-cn)
- [Es6](https://es6.ruanyifeng.com/)
- [Vitejs](https://vitejs.dev/)
- [WindiCss](https://windicss.netlify.app/)
- [Echarts](https://echarts.apache.org/zh/index.html)
- [Antv/x6](https://x6.antv.antgroup.com/tutorial/about)
- [Pinia](http://pinia.cc/)
- [axios](https://www.axios-http.cn/)
## 💻 **预览**
#### 首页
#### 规则链
#### 设备配置
#### 仪表盘
#### API统计
## 🍮 **准备**
- [node](http://nodejs.org/)和 [git](https://git-scm.com/)-项目开发环境
- [Vite](https://vitejs.dev/)- 熟悉 vite 特性
- [Vue3](https://v3.vuejs.org/)- 熟悉 Vue 基础语法
- [TypeScript](https://www.typescriptlang.org/)- 熟悉`TypeScript`基本语法
- [Es6+](http://es6.ruanyifeng.com/)- 熟悉 es6 基本语法
- [Vue-Router-Next](https://next.router.vuejs.org/)- 熟悉 vue-router 基本使用
- [Ant-Design-Vue](https://2x.antdv.com/docs/vue/introduce-cn/)- ui 基本使用
## 🎽 **安装使用**
获取项目代码
```
git clone https://gitee.com/tpsonwell_admin/thingsvue.git
```
安装依赖
```
cd vue-vben-admin
yarn
```
运行
```
yarn serve
```
打包
```
yarn build
```
## 🌐 **项目地址**
[Thingsvue](http://thingsvue.tpson.cn:7772/)
```
试用账号：admin@thingsboard.org
密码：admin123456
```
## 🧭 **关于分支**
| 分支名称 | 备注 |
| -------- | --------------------- |
| master | 稳定版, 跟随官方最新版本 |
## 🔥 **功能介绍**
### **规则引擎实现技术**
用于定制一系列的复杂事件处理流程，包括但不限于对接受的遥测数据或属性进行验证和修改，对告警进行创建、更新、清除等。
### **仪表盘**
ThingSvue 提供了创建和管理仪表板的能力，每个仪表板都可以包含大量部件并显示来自多个实体的数据：设备、资产等仪表板可以分配给客户。
### **部件库**
所有仪表板都是使用部件库中的部件进行构建从而形成一个最终功能界面提供给用户进行使用，例如：可视化、远程控制、警报和静态HTML内容。有5种类型部件：
+ 图表部件：基于Echarts图表显示设备特定历史时间的数据；
+ 表格部件：以表格的形式显示与遥测，属性相关的告警信息；
+ 控件部件：通过为目标设备指定RPC命令向设备下发控制指令例如：保温设备所设置的温度；
+ 静态部件：显示静态可自定义的 HTML 内容不使用任何数据源。
+ 卡片部件：显示指定属性或时序数据例如：设备型号或最新的温度数据；
## 🌈 **ThingsVue迭代计划**
我们的开发团队将致力于平台功能的持续精进，定期进行维护与优化，并陆续推出含新功能的迭代版本。确保仪表盘、部件库、规则链等核心模块运作流畅，功能日臻完善，为用户提供优质的使用体验。
尤为值得一提的是，我们即将限时免费上线ThingsVue移动应用，该应用依托强大的uniapp框架开发，实现跨平台兼容，让用户随时随地高效便捷管理自己的设备。此外，针对图像数据资源的整合与利用，我们将在Web端新增图像库功能，助力用户更高效地整理、检索与应用系统内的图像资料。
📩 若想了解更多更新细节与前沿动态，可以加入我们的开发者社区，与我们一同交流讨论。
## 🙋♂️ **项目请联系**
