develop
pnoker 3 years ago
parent 28bb9aa2e8
commit a057e822a8

@ -1,25 +1,56 @@
:boom: 你的 `Star` 是我开发的动力,下载源码 `git clone https://gitee.com/pnoker/dc3-web.git`
:boom: `IoT DC3` `Demo Web UI` 仅供接口调试使用 :boom:
:rocket: 非常欢迎广大兴趣爱好者的加入,第一时间 [联系作者]([https://gitee.com/pnoker/iot-dc3/tree/dev/#5-%E8%81%94%E7%B3%BB%E4%BD%9C%E8%80%85](https://gitee.com/pnoker/iot-dc3/tree/dev/#5-联系作者))`show me you code`,让我们肩并肩 :alien:
:rocket: 非常欢迎广大兴趣爱好者的加入,你的 `Star` 是我们开发的动力
:seedling: 该 `Demo Web UI` ,需要借助 `DC3` 平台服务https://gitee.com/pnoker/iot-dc3
:seedling: 该 `Web UI` ,需要借助 `DC3` 平台服务,`https://gitee.com/pnoker/iot-dc3` 或 `https://github.com/pnoker/iot-dc3`
<p align="center">
<img src="./dc3/images/iot-dc3-logo.png" width="400"><br>
<a href='https://gitee.com/pnoker/iot-dc3/stargazers'><img src='https://gitee.com/pnoker/iot-dc3/badge/star.svg?theme=gray' alt='star'></a>
<a href="https://github.com/pnoker/iot-dc3/blob/master/LICENSE"><img src="https://img.shields.io/github/license/pnoker/iot-dc3.svg"></a>
<br><strong>DC3是基于Spring Cloud的开源可分布式物联网(IOT)平台,用于快速开发、部署物联设备接入项目,是一整套物联系统解决方案。<br>IOT DC3 is an open source, distributed Internet of Things (IOT) platform based on Spring Cloud. It is used for rapid development of IOT projects and management of IOT devices. It is a set of solutions for IOT system.</strong>
</p>
------
### Run & Build
![](./dc3/images/index.png)
## 一、准备
- `nodejs` >= 12
- `git`
- `Web Storm` 或者 `Visual Studio Code`
### 配置国内 `npm`
> 在用户目录下创建 `.npmrc` 文件,并写入以下内容
```txt
registry=https://registry.npm.taobao.org
sass_binary_site=https://npm.taobao.org/mirrors/node-sass
```
### 安装 `yarn`
```bash
npm install -g yarn
```
## 二、源码
```bash
git clone https://gitee.com/pnoker/dc3-web.git
```
## 三、开发
```bash
cd dc3-web
npm install -g yarn --registry=https://registry.npm.taobao.org
# install
yarn
# run
@ -27,21 +58,9 @@ yarn run serve
# build
yarn run build
```
```
### Demo UI
![](./dc3/images/demo/1.png)
![](./dc3/images/demo/2.png)
![](./dc3/images/demo/3.png)
![](./dc3/images/demo/4.png)
![](./dc3/images/demo/5.png)
![](./dc3/images/demo/6.png)
![](./dc3/images/demo/7.png)
![](./dc3/images/demo/8.png)
![](./dc3/images/demo/9.png)
![](./dc3/images/demo/10.png)
![](./dc3/images/demo/11.png)
![](./dc3/images/demo/12.png)
![](./dc3/images/demo/13.png)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 426 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Before

Width:  |  Height:  |  Size: 698 KiB

After

Width:  |  Height:  |  Size: 698 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.3 MiB

@ -19,13 +19,9 @@
<el-menu-item index="/driver_info">驱动配置</el-menu-item>
<el-menu-item index="/point_info">位号配置</el-menu-item>
<el-menu-item index="/point_value">数据</el-menu-item>
<el-menu-item index="/device_event">事件</el-menu-item>
</el-menu>
</el-col>
<el-col :span="2" class="header_item">
<el-badge :value="12" :max="99" class="badge_item" type="primary">
<span class="span_small" @click="handleMessage"></span>
</el-badge>
</el-col>
<el-col :span="2" class="header_item">
<el-dropdown class="avatar_item" @command="handleCommand">
@ -40,7 +36,7 @@
<el-dropdown-item command="logout" divided disabled>退出登录</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<span class="span_small avatar">仅供接口调试</span>
<span class="span_small avatar">Demo</span>
</el-col>
</div>
<div class="body">

Loading…
Cancel
Save